We are increasingly using responsive design, responsive design with server-side components (RESS), adaptive design and combinations thereof to provide great high-performance multiscreen experiences. However, analytics implementations often miss information that is important to understanding how a website is being used on different devices.
For example, a website that varies the navigation layout based on screen size or user preferences might provide different user flows through the website depending on the layout being used. By enhancing Google Analytics, you’ll be able to identify and optimize under-performing layouts and screen sizes to improve performance on any device.
What you say in a user experience matters. How you say it matters equally. The way you frame communication, or how you say something, could be extremely effective at persuading people to start using your product (or to use it more).
So, how do you frame messages effectively? This article explains how design teams can do so in a way that resonates with their users.
Have you ever seen someone make creative notes at a conference and wished that your own notebook was more presentable? It’s much easier to do than you think. You don’t have to be an aspiring lettering artist, and you don’t need to develop top-notch drawing skills.
Making your notes more interesting doesn’t have to be a huge undertaking. It’s not like learning to play the piano or taking up diving. If you think sketchnoting looks fun, I have some tips to get you started.
The start of a web project is an exciting time. You’ve met with the client, agreed upon the goals for the project and mapped out a plan for the development of what will be an awesome new website or application — except that is not always how it turns out. Sometimes, despite your careful planning and best efforts, a project will fail.
Failure isn’t something many of us like to think about, but preparing to deal with failure is as important as planning for success. Articles and tips on how to kick off a project right and build a long-term client relationship are helpful in this industry, but if you only focus on what to do when things go right, then you will be ill-prepared for when things get so off track that you are unable to complete a project.
How often do you find yourself searching for lovely, friendly, well-designed icons that would fit well into a rather informal design atmosphere? Well, unless you tend to have only corporate clients, you could definitely use the icon set that we are releasing today. The icons are completely free to use for commercial as well as your personal projects, including software, online services, templates and themes.
Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is prohibited. Please always provide credits to the creators and link to the article in which this freebie was released if you would like to spread the word.
User testing is hard. In the world of agile software development, there's a constant pressure to iterate, iterate, iterate. It's difficult enough to find time to design, let alone get regular feedback from real users.
For many of us, the idea of doing formal user testing, is a formidable challenge. There are many reasons why: you don't have enough lead time; you can't find enough participants, or the right type of participant; you can't convince your boss to spend the money.
Today’s mobile users have increasing expectations, they are intolerant of faults in their mobile experiences, and they complain about bad mobile experiences on social media and through word of mouth. How do you make sure that your mobile experience meets or exceeds users’ expectations?
One quick way to identify potential problems is to conduct a user experience diagnostic, by having a few mobile specialists look for potential problems with a mobile presence. A diagnostic can be done during design and development to ensure that the mobile website or app adheres to best practices and guidelines. It also serves as a great starting point for a redesign to identify particular opportunities for improvement.
CSS can be used to style and animate scalable vector graphics, much like it is used to style and animate HTML elements. In this article, which is a modified transcript of a talk I recently gave at CSSconf EU and From the Front, I’ll go over the prerequisites and techniques for working with CSS in SVG.
I’ll also go over how to export and optimize SVGs, techniques for embedding them and how each one affects the styles and animations applied, and then we’ll actually style and animate with CSS.
Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.
Meet Smashing Book #5, our new book on real-life responsive design. With front-end techniques and patterns from actual projects, it's a playbook to master all the tricky facets and hurdles of responsive design. Save 25% today.
Fixing RWD issues can be quite easy — once you understand exactly why they come up. The Mobile Web Handbook will help you understand technical issues on mobile and how to deal with them effectively.
Hungry for more content? Over 60 eBooks are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.
SmashingConf isn't the eighth wonder of the world, but we are pretty close. Join us at at the shores of Santa Monica for SmashingConf LA on April 27–30 or at SmashingConf NYC on June 15–18. You won't be disappointed.