Do Not Confuse UX From UI

/ April 3, 2017/ Frontend

User Experience (UX) and User Interface (UI) go together and essential to a product’s design. But their roles are different despite their tight relationship. UX is more analytical and technical while UI is graphical but complex. No wonder these two are the most confused and misused terms in technology. People who are new in web development often mix the two because of their harmony. But many web developers are expert in both.

A great product experience starts with UX followed by UI. UX enhances customer satisfaction and loyalty by improving the interaction between the customer and the product. User experience covers all aspects of the end-user’s interaction with the company, its services, and its products. It defines how a visitor feels while interacting with the website, a software or a web app. It helps in determining accessibility and usability of a website.

Responsibilities of a UX designer include:

  • Strategy and Content:
    • Competitor Analysis
    • Customer Analysis
    • Product Structure/Strategy
    • Content Development
  • Wireframing and Prototyping:
    • Wireframing
    • Prototyping
    • Testing/Iteration
    • Development Planning
    • Execution and Analytics
  • Coordination with UI Designer(s)
    • Coordination with Developer(s)
    • Tracking Goals and Integration
    • Analysis and Iteration

It shows that the UX designer is a marketer, designer, and project manager in one. No wonder, they say that UX is fancy term for “market research”. It also shows that the UX role is complex, challenging and multi-faceted. But it shows a continuous process of testing and refinement of a brand or product and seems endless.

UI enhances the look and feel, the presentation and interactivity of a product. It translates the UX design into something attractive and responsive for users. It is the technical aspect that lets users to interact with the product or technology through controls.

Responsibilities of the UI designer include:

  • Look and Feel:
    • Customer Analysis
    • Design Research
    • Branding and Graphic Development
    • User Guides/Storyline
  • Responsiveness and Interactivity:
    • UI Prototyping
    • Interactivity and Animation
    • Adaptation to All Device Screen Sizes
    • Implementation with Developer

It shows that the UI designer should be more visual. The burden of the product’s beauty is upon him or her, although not a sole responsibility.

In short, UX focuses on the functionality while UI focuses on the beauty. Wouldn’t it be great if a brand or product is good on both fields?

1 Comment

  1. Pingback: Mobile First - 3w Today

Leave a Comment

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>