The Basics of UI Design

Last week I talked about UX design and its importance in product design. This week I would like to take the time to talk about UI and the differences between UI and UX design.

The chart above explains the different tasks between UX and UI designers.

What’s the difference between UX and UI design?

People will often mistakingly interchange UX and UI design. UX, which stands for user experience, is concerned with creating a product that resonates well with the user. UI, which stands for user interface, is concerned with creating the visual parts of a product—like an app or website. Although these basic definitions sound very similar, it is important to note that they are not the same thing. Ken Norton, a partner at Google Ventures, simply states the difference: “UX is focused on the user’s journey to solve a problem, UI is focused on how a product’s surfaces look and function.”

UI designers are responsible for creating the visually pleasing apps as shown above.

What does a UI designer do and which skills are needed?

As previously expressed, UI design is concerned with creating the visual components of what the user will interact with. According to Course Report, UI designers will work on the following:

  • “Focusing on the visual design and flow of the product between interactions
  • Wireframing
  • Creating visual assets (buttons, forms, etc)
  • Build transitions between screens”

and that the following skills are needed in order to carry out the tasks above:

  • “Prototyping what happens when a user clicks a specific button
  • Creating a style guide to hand off to developers
  • Knowing how to pair typefaces together to create legible copy
  • Figuring out how the site will look like across different screen sizes
  • Ensuring that the branding is consistent across all screens of a digital product
  • Building out the final visual elements and designs user interactions based off of wireframes given to them from UX designers”

UI designers choose enjoyable color schemes as shown above.

As you can tell above, UI designers must have extensive knowledge of graphic design principals. These design principals are then used to elevate the  user experience. As you may notice, the UI designer is focused on more micro focused tasks–like the color scheme–and the UX designer is focused on more macro level issues–like creating the product. UX, UI, and programmers must all work together in order to create a product that solves user’s problems.  They must all work together and all team members are integral to creating meaningful, functional products.

When comparing the tasks between the UX and UI designers, it’s important to take note that UI designers will have stronger interests with graphic design and the visual experience, while UX designers are more concerned with conducting user research and problem solving.

How much do UI designers make?

According to Glassdoor, UI designers have a median pay of $81,794 with a range of $58,000 to $113,000 depending on location and experience.

It’s important for UI designers to create designs that are intuitive to users.

Works Cited

10154006465327021. “How I Landed a Job in UX Design with No Degree or Work Experience.” Prototypr, Prototypr, 27 June 2017,
“The Difference between UI and UX.” Big Data Made Simple – One Source. Many Perspectives., 8 Apr. 2016,
“Salary: UI Designer.” Glassdoor,,11.htm.
“UI vs. UX: What’s the Difference between User Interface and User Experience?” UserTesting Blog, 1 July 2016,
“What Is UX Design? 15 User Experience Experts Weigh In.” UserTesting Blog, 27 Feb. 2017,


  1. well written & good infographics.

  2. User experience is the emotional connection and memorable story or moments a user can tell about using a product say an app, user interface comprises of navigation and points of interactions within a product, say app.
    Thanks for sharing.

  3. The first and foremost concept to get creative design concept is the expert, because the thinking power of experienced professional is unlimited. Here the detailed basic concept is amazing help new users to understand the basic concept of UI.

  4. We shall see more innovations in UI UX design in the decade. Nice detailed article. Thanks for sharing.

  5. Great tips! thanks a lot

  6. Thanks for sharing useful Information. I appreciate your Content

  7. Kudos to the content writer for these great tips❤️

  8. Amazingly explain, very well done!

  9. Thanks For this great content. Really Enjoyed.Keep It up.We are a group of content writing services and running a community in the same niche.If anyone want content writing services then hire content writer and increase conversions for your online store.You have done a extraordinary job!

    خرید گیفت کارت

  10. Thanks for sharing useful Information. I appreciate your Content

  11. You were great and everyone received so much from your experience and knowledge
    Absolutely amazing, thank you for sharing your knowledge with me.

  12. very nice blogs!!! i have to learning for lot of information for this sites…Sharing for wonderful information. Thanks for sharing this valuable information to our vision. You have posted a trust worthy blog keep sharing

  13. Blake, this is an insightful article. UI design infact is becoming UX design as more tech products tends towards personalization and customization. We will see options for users to select their prefered template and design just light Facebook did for their new look (Light or dark). The fact is that we will see more moving forward. In actual fact, companies will design products and present to users to choose how they want their interface to look.
    Nice article.

  14. Nice articles. UI UX design is now beyond look, it’s now more about connecting to the emotion state of users for more engagement.

  15. UI UX design today details understanding users emotions and preferences and adapting products to meet this.
    Great content!

  16. Dzone is the best institute to learn digital marketing in Jaipur.

  17. You have a very inspiring and informative content.Am in love with your work. Thanks For Sharing Keep it up.

  18. been looking a tutorial like this, thanks so much

  19. Great article. I amm facing many of these issuesas

  20. Dzone is the best institute to learn digital marketing in Jaipur.

  21. Thank you for your good article on the subject of UX and UI design ….. Learning this course is very practical and important ….. Good luck

  22. informative and interesting

  23. Thank you, this article is very inspiring and increases knowledge

    I hope the writer and the team will be more successful.

  24. Your article page’s material is excellent; I found it to be both interesting and instructive; thank you for sharing.

  25. This is an excellent article. I’m also dealing with a lot of similar difficulties.Cuzideas

  26. if ur interested in learning digital marketing visit our website

  27. Mixpoint is the one-stop solution for all the latest news related to Finance, Technology, Gadgets, Bollywood, Fashion, Lifestyle, Travel, How to, etc.

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2021 ENP 162

Theme by Anders NorenUp ↑