By Yuil Tripathee (650 7050 3480)

• Activity Overview for Week 2:

UX is not UI

<aside> 💡 User Experience (UX) is a perception, or an emotional response generated by the interaction with the system (technology or app); User interface (UI) is the tangible space for user to interact with the system.

</aside>

Source: my own summary from the class’s understanding.

<aside> 💡 But, the terms UX designers and UI developers are complementary. (work together)

</aside>

Now, let’s understand this using the visuals as below:

User Experience (UX) design

• Soft Skill not far technical
• Include emotional, contextual experiences
• Wireframing also included (PACT analysis)
• Even includes UI design within it (but is not limited to)
• Includes “experience strategy design” research aside from user interface design.

Understanding the position of different design processes when developing an application as a project

User Interface (UI) Design

• Is a small part of UX

• Includes interaction design and visual design

  

  Overview of UX and UI position

About the misconception about UX design (as in the image below); even though the picture speaks for itself UX is far more complicated in contrast to the general perception around the UxD.

source: Dr. June’s class (UI and UX manifesto)

UX Design is not even Interaction Design either

• UX - overall “holistic” experience of the product
• IxD - or “Interaction Design” is only concerned with examining how the user and the product or the service interact with each other.

Elements of UX Design

This must be based on the “end-users complete experience with the system” unconditionally. The element list goes as follows:

This is very crucial in order to clear any presumptions that UX and UI are words that are used interchangeably and have the same meaning. But in fact, user interface design is one of the many elements that constitute user interface design.

To be clear once and for all: UX ≠ UI

The element list goes as follows:

• Usability - see if the user can achieve their goal effectively using your product/service
• Interaction Design - check if the design is fluent and non-obscuring in terms of functionality
• Information Architecture - consider the content types, their organization, and grouping in the application for better visualization
• Visual Design - assure the design is visually aesthetic and compelling for the user to be willing to interact with your product
• Prototype Development - assure interactive development having necessary technology demonstration and prototypes ready to improvise according to the user’s tailored requirements (consider working conditions, user understanding or technical complexity, technical literacy if the application is being developed to serve a large number of users like e-commerce or government services)