Sign in Subscribe

Topic

UI

A collection of 106 issues

Best Practices for Microinteractions

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.

3 Simple Tips to Improve Your App Icon Design

Every app needs a beautiful and memorable icon that attracts attention both in the app store and on the home screen. At the same time, an app icon should be helpful for your user — it’s meaning should be recognizable immediately. What does it take to make a user-friendly icon

Mobile Design Best Practices

Apps are now a mainstream, trusted way to deliver content and services. But in a crowded market, how does a mobile app become useful, relevant, and valued so it delights and retains users? Here are 7 UX design tips that I think are key for creating really great mobile user

Tooltips in UI Design

Tooltips help users understand unknown or unfamiliar objects that aren’t described directly in the user interface. They are a powerful way to simplify a UI — provide information users need when they need it, with minimal effort on their part, and help app developers use screen space more effectively (reduce

Effective Writing For Your UI: Things to Avoid

Clear, accurate, and concise text makes interfaces more usable and builds trust. Below is a list of 16 things you should avoid in your writing: 1. Jargon Words and Specific Terms Unknown terms or phrases will increase cognitive load for the user. Do your best to avoid ‘geek speak’. A

Pull to Refresh UI Pattern

The pull-to-refresh (or swipe-to-refresh) pattern lets a user pull down on a list of data using touch in order to retrieve more data. The “Pull-to-refresh” gesture was first introduced by Loren Brichter in the Tweetie app and in no time it became so popular that countless apps adopted this gesture.

Visual Dividers in Mobile UI Design

Designing an app may seem easy at first glance, but when you actually get to start prototyping it, things get complicated. What at first seemed simple started to get complex when you realize that it’s not so easy to make a choice how to design a certain element. Even

Tips for Using Icons in Your App

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.

Mobile Form Usability

Mobile users who use your app or site have a particular goal. Often the one thing that is standing between the user and his goal is a form. In fact, forms are often considered to be the final step of the journey to the completion of goals. That’s why

Basic Patterns for Mobile Navigation

Navigation through your app should be intuitive and predictable. Both new and returning users should be able to figure out how to move through your app with ease. But making navigation discoverable and accessible is a challenge on mobile due to the limitations of the small screen and to the