2016 was a groundbreaking year for interaction design. While trends in web design have rapidly evolved, we’re still seeing some of the same mistakes being repeated. Here are some of the most common ones the industry has yet to shake.
1.Avoid Animation Overload
Page transitions or hover states are an easy way to liven up a site. But sometimes these effects can overwhelm or annoy users. Complicated transitions can cause unnecessary delays, take from important interactions, and cause drop-off. Designers should always prioritize the user experience and content, even if that means cutting back on some animations or cool effects. Stay on strategy and focus on ease of use.
2.Don’t Force Desktop Design On Mobile
Most time spent in the responsive design process can be on the desktop experience, oftentimes resulting in mobile becoming an afterthought. Instead, consider whether engagement on your site should be different for mobile. Often, mobile users don’t require the same experience or features as they do on desktop. It’s imperative to do research, pull actionable target insights and then dive into a mobile strategy with a consumer first approach.
3.Declutter the Screen
Confusion is time-consuming, and users won’t put up with it. Approach app design with simplicity first. Make sure whatever you want your user to do is clear and intuitive and avoid presenting them with too many options. By establishing a strategic hierarchy through the user experience, you can guarantee your design will be effective. Digital products like Airbnb or Oscar do an amazing job of this.
4.Be Consistent with User Interface
The devil is in the details. In 2016 we saw a lot of basic UI elements used incorrectly, leading to frustrating user experiences. This was as small as arrows in a slideshow not staying in the same place, requiring a user to have to move their cursor around for each slide. UI elements on a site should be clear and consistent, giving users a frictionless path through your experience.
5.Make Sure your Color System is Clear
When working with color, aim for consistency. Whether it’s one color or eight, make it obvious what the system is through patterns in UI. If red is used on a sign-up button on one page, it’s easier for the user to find it on another page if it’s red. There are exceptions to this, but color should not add confusion to the user experience, rather help to establish hierarchy in different types of content and UI.
6.Be Consistent with Photography Assets
Photography is often taken for granted, but it’s a branding element that should be treated just like color or fonts. Establish art direction for photography that speaks to your brand’s personality and then keeps it consistent. Anything from subject matter or scale to lighting and tone can establish a point of view for photography that can make your brand’s presence stronger and more memorable.
7.Don’t Make Something Just Because It’s “Cool”
When you’re inspired, it’s easy to lose sight of the client’s brand, message, etc. But make sure what’s “cool” is also effective. You might want to use a trendy graphic treatment that Millennials would love, but you’re working on a project for an audience that’s 60+. Always keep strategy and audience top of mind, and work within that framework to create experiences you and the client will be proud of.
As 2017 gets underway, let’s put some of these design mistakes behind us and continue to push the envelope of what’s possible in interactive design.
What were some of the worst design mistakes you saw in 2016?