In 2016, mobile internet usage exceeded desktop for the first time worldwide. According to Google UK research: > Today, 65% of all UK adults use a smartphone as their primary device to go online. People search for information, make purchases, subscribe to services using their mobile devices. The shift in user
With the quick development of technology, animation is less of a visual luxury and more of a functional requirement that users expect. Animation solves a lot of functional problems within interfaces and makes interfaces feel alive and truly responsive to the user. Let’s explore the key animation tactics that
Functional and delightful, animation is one of the staples of modern web design. Details of interaction design is what makes a fundamental difference on modern websites. Animation can communicate status, guide the users attention, help the user see the results of their actions and even influence behavior. Here are just
With increased internet speeds, videos are becoming more popular, especially considering they extend time spent on site/in app. Today video is everywhere. We’re watching it on our desktops, tablets and phones. > The old saying “a picture is worth more than thousand words” is even more true with video
Getting people to sign up for the product is tough. It requires a lot of time, energy, and money, yet many products are losing most of those hard-won users immediately after their first-time experience. According to the Andrew Chen research [https://www.linkedin.com/pulse/losing-80-mobile-users-normal-why-best-apps-do-better-andrew-chen] : > The average app loses
Flat design can be seen as the more sophisticated cousin of minimalism [https://babich.biz/best-practices-for-minimalist-design/] — all design elements are centered on idea of simplicity. However, the simplicity of flat design is hard to achieve — everything should be designed with the same goal in mind to create a cohesive visual
Gestures, those little movements of finger and thumb that allow user to interact with an app. Touch interfaces provide many opportunities to use natural gestures like tap, swipe and pinch to get things done, but unlike graphical user interface controls, these interactions are often hidden from users, so unless users
Cards are neat little containers for information. They became almost a default option when it comes to balancing clear aesthetics with simple usability. First introduced by servises like Pinterest and Facebook, today the influence of cards is spreading out across multiple industries. Pinterest introduced the idea that all the most
Microinteractions are subtle moments centered around accomplishing a single task. Almost all applications around us are filled in with microinteractions. Here are just a few examples: * Confirming an item is added to cart * Use pull-to-refresh [https://babich.biz/pull-to-refresh-ui-pattern/] to update content * Interface animation that confirms an action (e.g.
Icons have been used on a limited basis since the early days of computer graphics. There are several reasons why the use of icons might have advantages over text in terms of human-computer interaction: * Simple, bold, and friendly, they can replace a long (and usually boring) descriptive group of words.
When you examine the most successful interaction designs of recent years, the clear winners are those who execute fundamentals flawlessly. They feed off natural human behavior, then quietly remove barriers without us ever noticing, and they are focused on visual presentation and interactive experience, especially scanability. Let’s overview the
Carousels, image rotators, sliders, featured content modules, whatever you want to call them — they’re everywhere on the web. Carousels are hugely popular on e-commerce sites, especially on the homepage. Most of e-commerce sites have a carousel on the homepage of their desktop site: Wallmart has a carousel on the