5 Cool UI Ideas for Your Mobile App

Mobile UI ideas

Design of user interfaces is something similar to a mixture of art and science. However, it has never been an act of pure creativity. So if you are inspired by the quote "Good artists copy, great - steal", be careful, do not cut yourself with shards of broken illusions. Because Pablo Picasso didn't say that, guys. It is the same dubious creature of the Internet as the fake quotes of Abraham Lincoln circulating online.

The thing is a mobile app designer is not an artist, and for inspiration he needs knowledge and deep understanding of the task, instead of "images" of other designers. The technical solution and the appearance of mobile devices often influence the application UI design, and designers have to adapt to the changes of the market.

Look closer to the following relevant ideas about UI design and you may expect that users of your app will send glimmers of appreciation instead of hatred.

1. Stick to buttonless mobile UI design

At the presentation of the first iPhone, a truly revolutionary product, Steve Jobs told how easy it was to control the device with the only one button. Now we came to a point where mobile devices are losing their buttons and frames on the screens. Look at fresh top gadgets from Apple and Samsung, companies at the forefront of the world mobile development, and you will not find buttons on any of all-screen devices. So, how are users supposed to interact with modern smartphones?

Voice UI interactions

Today, when app designers think through the interaction with users in the app, they should not proceed on screens only. Voice interface is a new level of interaction with mobile devices. It is more convenient to use voice when it is difficult to enter data manually: while driving, when hands are full, or when the phone lies on the table and you want to turn on music or send a message without taking it in hands. Of course, you must not forget about security - the user should not pronounce out loud, for example, his credit card data or address.

Gestures

Removing the Home button has an impact on the whole mobile app UI architecture. Today the success of a mobile app depends on how effectively it incorporates gestures in UI. People already are familiar with standard gestures and, moreover, they expect to use the same gestures in every app. Shaking to redo, pinching to zoom in, flicking to scroll. Now, what to say about people even if cats have already mastered gestures in apps! Think what gestures are the most appropriate for your app.

Using gestures in apps
Image source: Dribbble | Sub Level Slider by Yaroslav Zubko

2. Treat colors as a part of user interaction

Color in mobile app design, as in fine art, can stimulate, warn, highlight, and convince. It can draw the user's attention without saying a word. Today, there are lots of studies of the influence of colors on human behavior and mobile app designers successfully implement the accumulated knowledge.

Color in the hands of designers has become one of the most powerful tools for achieving effective results. Google's Material Design and Apple's Human Interface Guidelines say the same thing - the colors of apps and websites should be consistent, distinct and intentional.

  • Consistent. No matter restrained or bright colors you use, they must look harmonic and clearly indicate which elements are interactive so that users can notice that such elements are clickable, like in the following example - the shopping cart button stands out on the screen.
Consistency in UI design
Image source: Dribbble | Food ordering app by Misha Bilenko
  • Clear. Color is conditional. It depends on the light that hits and the context of surrounding colors. The same color looks darker and more subdued against the background of bright color, and on the contrary - brighter on the darker background. Skilled designers are aware of how deceptive colors may be and check them when used with text.
  • Deliberate. Color should help users navigate through the app. You can use different colors for different sections in the app, like in the example shown below.
Helping users navigate through the app
Image source: Dribbble | Lists - Tasker app by Andrew Tanchuk

3. Present information gradually

When we talk about mobile app UI design there is always a lot of information and a little space. If you provide a user with the whole information that your app contains at once, he will doubtfully handle with it quickly. The thing is that at each step of interaction with the app a user needs a strictly limited set of data. Give a huge amount at once and you overwhelm and confuse a user.

In the example of a Shopping Cart prototype for iOS app we see that the most important elements are shown at the bottom of the page. A user gets the detailed content of the shopping cart by clicking on the corresponding icon.

Presenting information gradually
Image source: Dribbble | Adapt shopping cart by Alyona Syvokobylska

4. Use typography in mobile app UI design safely

Texts play not only visual role - they express the identity of the product, being a part of "voice and style" of communication. Now we mix all visual resources that we have around, including icons, emoji, audio and overlapping images in order to achieve decoration and semantic goals.

When it comes to a mobile application design one of the main criteria is space. Mobile devices are short for space, and designers have to decide what to show and what to hide. In this case, typography is perfect as users perceive it as a graphical element. That's why experienced designers perceive each word, each letter as elements of the interface. Good typography is the key to easily accessible information.

Good typography
Image source: Dribbble | Hotel booking by Olga Suhinina

5. Involve user emotions

It is scientifically proven fact that unexpected pleasant things produce a vast amount of natural endorphins. Emotional interface interacts with a user on the level of such things - bright images, animations, videos and associations. Though talks about emotional UI are not new, they change with the development of technology. If previously our everyday communication on the Internet was full of tiny faces that help to understand what we feel, now we have face recognition, augmented and virtual reality and other benefits of machine learning science. How to implement it into your app interface design?

Involving user emotions
Image source: Dribbble | Shake to smile by Alyona Syvokobylska

What if we mix gestures and emotional UI? Here is what we have - expressing the emotion by shaking a smartphone. Heavy emoticon users will definitely like this nice feature.

Emotional login
Image source: Dribbble | Emotional login by Rodrigo Chiesa

Here is another bright example of emotional interface design. When logging in you see a little man at the profile picture. When you enter your password this guy closes his eyes thus showing that he isn't peeking. If the password is wrong he turns thumb down, if right - thumb up. Isn't it funny?

Conclusion

Of course, app UI design is not created for the sake of a beautiful picture. It has its goals. As well as a conductor leads the orchestra with the baton, a skilful mobile app UI designer directs attention of users by shifting focus to necessary UI elements and making them do target actions. Whatever idea of your app may be, we have professionals that can build the design that achieves its desired goals.

For those who have handled reading the article we have a nice bonus - more mobile UI ideas on our Dribbble account.

Get in Touch