ico_gvoice

What’s the difference between UI and UX? Let’s look and see

What’s the difference between UI and UX? Conversion Lab put together a series of comparison graphics from the internet, for a picture is worth a thousand words. Let’s take a look to see what the difference between UI and UX is. Those who already understand the differences can count how many graphics they’ve seen before.

1. The upside-down ketchup bottle design takes into account the difficulty of getting ketchup out when nearly empty

▲Photo from: Techtic

2. Lets start by using definitions to explain the differences between UI and UX, as they have quite different definitions

▲Photo from: Deptofmarketing

3. By explaining the differences through professional delegation, we can see the similarities and differences in what each is responsible for.

▲Photo from: Asinthecity

4. This graphic is more complicated, but you can generally still see the differences. The similarities are obvious, both are large and bearded 

▲Photo from: Abdevlabs

The bottom graphic is the same as the top picture, the only difference is the style, where the designers go from overweight people with beards to Metrosexual

▲Photo from: Uxdesigner21

5. Let’s use what the designs can accomplish to explain the differences: although UX covers a large range of topics, almost no one can be a master at everything.

▲Photo from: Uxinterface

6. This graphic handles the differences a little weird, but as we were collecting a lot of graphics, we figured we’d show you anyways.

▲Photo from: Linkis

7. Lets use the two designs capabilities to differentiate them: except UI doesn’t have any professional Branding, so it must depend on how each company determines design positions

▲Photo from: Thecdm

8. Let’s look at UI and UX from a product angle, UI is a part of a product, and UX is the experience of using a product

▲Photo from: Userexperiencerocks

9. UI Design: Function. Usability design: Action. User Experience Design: Emotion

▲Photo from: Strategyanddesign

10. UI is a tool for taking and using content, the experience users have using UI to experience content is UX

▲Photo from: Icarehealth

Conversion Lab also made a graphic to explain the differences between UI and UX.

UI is what is in front of the user, whereas UX is inside the user’s brain. UX designers not only pay attention to interface design, but also pay attention to everything that will impact the user’s experience, such as information structuring, interactive design, content, the user’s cognition, experience, needs, and values. After a UI designer finishes designing an interface, the UX designer’s job is not yet finished: the UX designer’s last job lies within the brain of the user. Therefore, UX designer’s are never able to see the end result of their job, and can only get a sense of whether the user’s experience was correct or not through interviews or through controlled UX research methods.

Some people say that UI design is not UX design. If the user’s experience is only influenced by UI, then UI is the same as UX. However, users don’t just UI, but a complete product. UI is part of product design. User experience also isn’t completely derived from the product alone, but may also be influenced by the situation in which the product is used, the user’s impression of the product’s brand, or other factors.

Above are the graphics Conversion Lab put together to explain the differences between UI and UX. For more related information shared with you everyday, go to Conversion Lab’s Facebook page and subscribe.





Article from: Conversion Lab
About Hans Shih
UX Planner & Researcher, primary job is to research and design user experience through easy-to-use, quantifiable methods.
If you wish to become a talented designer and Researcher, just as Alan Cooper emphasized, you must become a UX Researcher in order to effectively take user insights and incorporate them into your design.

Read more
2020.04.01

Q Brick X Nic Hsu “A little surreal, a bit out of the daily life” of Retired Nutcracker Soldier

▲ Nic Hsu on the London's streets  Article | Mei-Ling Liu Photo | Nic Hsu

2020 Design
2020.04.01

The Impact of smartphone Holding Methods on UI Design, Let’s Talk about Thumb Rules

Thumb Zone Interaction Design - Mobile UX ▲Photo by Andrea Natali on Unsplash When Saha

Columns On UX
2020.05.07

Cover 89

Cover
2020.04.16

GAMANIA 25th KEEP ROLLING

Gamania will officially enter its 25th year in 2020. In this issue of G!VOICE, we

Feature VOL. 89
2020.04.01

A Manual for Workplace Relationships and Communication, Maybe “You Should be More Calculating in Your Communication”

▲ Ashley Chen - You Should be More Calculating in Your Communication The word "calculating"

Columns Recommendation