UI is UX

User Interface is User Experience
We live in a fast-paced digital world. The ever-increasing dependence on technology has created a demand for quick, efficient and reliable websites and applications.  Every user is looking for the best experience.
The only way to deliver the best experience is with a great User Interface and User Experience. Let’s explain why.

First, let’s highlight why UI/UX is important.

88% of the online users are less likely to return to a site after a bad experience. 
90% of the users stop using the app due to poor performances.
86% of people deleted or uninstalled at least one mobile app because of problems with its performances.
53% of mobile site visits are abandoned if pages take more than 3 seconds to load.
Choosing a specific blue over some other hues amounted to an additional $80 million in annual revenue for Bing.
Slow loading websites cost retailers more than $2 billion in lost sales.

Examples of different kinds of UI/UX

Google search 

 

In 2005, Google launched their Google X home page, which was a UI fail. As you can clearly see in the above picture. There is a version of the Google X homepage which is cluttered compared to the Google Homepage which has more spacing and contrast for one.

 

Now, of course, the UI of its search homepage is simple, clean and elegant. The experience is exceptionally smooth since it takes seconds for users to type in their query and find desired results.  
The UX is also enjoyable during holidays and events when the home page is animated to celebrate the occasion. 
The above is the animation for Spring. 
ATM Machines    
 

This Citibank ATM machine only dispenses $20 and $50 dollar bills. Yet, it requires the users to press the keys and gives the option to specify the cents even if there are no coins in the machine.

Making the UX bad in comparison to the Bitcoin ATM machine which allows the users to just choose the denomination. The UI for Citibank lacks contrast while the bitcoin interface has contrast.

  

Santander

 

 

Santander website has a Bad UI as the site isn’t responsive and doesn’t adapt to changing screen sizes. the presentation of the content needs improvement because the color red grabs the attention of the user in this interface the red is grabbing the attention everywhere which is very distracting.

It has a good UX as its organized and easy to sift through.

Slack

 

 

Slack has a fun, bright and clean UI. The navigation bar allows the user to easily find the subject or person they want to talk to.

 

The user experience is good because they pay attention to details. For example, when the app is loading it adds a message to the user. 
Another example of Slack’s good UX  is their magic link method which allows the user to directly open the app instead of manually typing it out. 

Overall Slack has a good UI & UX but to make it great, Slack needs to improve on its accessibility by simplifying the search bar and ensuring that all apps/ plugins are displayed under the Apps tab. It also needs to make its application more intuitive.

 

Amazon Prime Video

Amazon Prime Video UX could improve their accessibility of content and improve their navigation and the smoothness of the flow of content. Their UI is cluttered and needs improvement.

 

Now that we’ve highlighted the reason why UI/UX is essential and shown you the different kinds of UI/UX.

 

Let’s focus on how UI works with UX. To do that we must highlight the key UX principles and showcase how UI aids in creating the best UX

 

Key UI/UX principles 

The key principles needed to ensure that you have a great user experience: 
1.Speed:
 
UX

Is your interface loading fast enough for the users or is it lagging?

Is the user required to click to unnecessarily or scroll more than needed?

Are the users-facing too many distractions and is the content easily findable?

UI 

Ensure that the user can quickly identify where they need to search, find and interact using visuals such as color, contrast, and spacing.

Enable Keyboard shortcuts on the website to ensure speed and make a clear call to action for the users 

Advertise new features of the app or website 

 

2.Intuition: 
UX

Can the user clearly tell what to do next? And ensure that your navigation is intuitive.

Can we understand what the user wants and display content accordingly? 

UI: 

Ensure that your interface has consistency 

Use tooltips and Integrated help messages to make your interface easy to use and tell the user what to do next.

 

3.Accessibility: 
UX

Is content needs to be accessible to users of all ages and with disabilities?

Ensure that everyone can use your interface 

UI

Adjust color and text size to create accessible combinations 

Pair color with shapes or icons  to convey information 

Ensure sufficient contrast between the text and the background

Don’t use hover as a means to find content

 

4.Usability:
UX

Is the website and application easy to find?

On the mobile is the text and the buttons the right size and is the design responsive?

Is the content useful and is the interface credible? 

UI

Ensure that there is a visual hierarchy that illustrates the importance of each element. 

Use visuals to convey trust and security. 

Therefore you can see that each UX principle can be executed using UI. They go hand in hand.
To ensure that your website/ app gets the best UI/ UX we have listed a few best practices to keep in mind while creating your website/app.

Best practice

1.Valuable: Ensure that the need the company or application is meeting, is addressing the users need and that the message is reaching the user.
2.Simple: Simplicity is essential as its more user-friendly which increases its usability. The minute the users can understand and use your website/ app easily, they fall in love. 
3.Clarity: Ensure that your interface is clear to the user. 
4.Privacy: Ensure that the user feels safe while using your website and application.
5.Customer Care: Ensure that the interface is designed with a section to contact customer care or give feedback easily. 
6. Attention Span: Keep in mind websites are scanned not read unless it appeals to the user. Generally, a user’s attention span lasts 6 seconds.  

Conclusion

According to Steve Jobs, “Design is not just what it looks like and feels like. The design is how it works.” 
Therefore, problem-solving is vital in design, if we are to get an Apple-like experience via UI and UX. While there is a glamour about creating a beautiful design and getting likes on Behance. We as designers and taking into consideration the customers must create an experience that the user falls in love with instantly.