OUGD601 COP: UI & UX DESIGN - WHAT ARE THEY?

User Experience Hierarchy of Needs Model

Subjective/qualitative
Focused of EXPERIENCES (people, activities, context)

MEANINGFUL (personal significance)
PLEASURABLE (memorable experience worth sharing)
CONVENIENT (super easy to use, works like I think) (hard for organisations to cross this level)
USABLE (can be used without difficulty)
RELIABLE (is available and accurate)
FUNCTIONAL (USEFUL) (works as programmed)

Focused on TASKS (products, features)
Objective/quantifiable

From the bottom to the top - basic product maturing continuum - a top to bottom focus starts with the experience you want people to have.

Source:
ANDERSON, S (2011) Seductive Interaction Design: Creating Playful, Fun, and Efective User Experiences. New Riders: United States of America

-----------------------------

USER EXPERIENCE DESIGN (UX) - Analytical and technical
USER INTERFACE DESIGN (UI) - Closer to graphic design, with more complex responsibilities

Human body analogy:
Bones = code = structure.
Organs = UX Design = measuring and optimising against input for supporting life functions.
Cosmetics of body = UI Design = presentation, senses and reactions.

"A great product experience starts with UX followed by UI. Both are essential for the products success." Rahul Varshney, co-creator of Foster.fm.

User Experience Design (UXD or UED) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product.

A UX Designers role includes:

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

- User Experience Design is the process of development and improvement of quality interaction between a user and all facets of a company.
- User Experience Design is responsible for being hands on with the process of research, testing, development, content, and prototyping to test for quality results.
- User Experience Design is in theory a non-digital (cognitive science) practice, but used and defined predominantly by digital industries.

What is User Interface Design (UI)?

It is responsible for the transference of a product’s development, research, content and layout into an attractive, guiding and responsive experience for users.

Dictionary definition:

The means by which the user and a computer system interact, in particular the use of input devices and software.

A UI Designers role includes:

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

The term “Web Designer” (essentially a UI designer who can code) is being replaced by expertise of User Interface Designers. While UX has no need for coding, UI is a role that as time progresses, will rely on it as part of building interactive interfaces.

- User Interface Design is responsible for the transference of a brand’s strengths and visual assets to a product’s interface as to best enhance the user’s experience.
- User Interface Design is a process of visually guiding the user through a product’s interface via interactive elements and across all sizes/platforms.
- User Interface Design is a digital field, which includes responsibility for cooperation and work with developers or code.

“Something that looks great but is difficult to use is exemplary of great UI and poor UX. While Something very usable that looks terrible is exemplary of great UX and poor UI.” - Helga Moreno in the article "The Gap Between UX and UI Design"

Source:
CAREER FOUNDRY (2016) The Difference Between UX and UI Design - A Layman's Guide [Online] Available from: http://blog.careerfoundry.com/ui-design/the-difference-between-ux-and-ui-design-a-laymans-guide/ [Accessed: 5th September 2016]

-----------------------------

"The world now runs on Internet time." Andy Grove

Source:
DOWNES, L,. MUI, C. (1998) Unleashing the Killer App: Digital Strategies for Market Dominance. Harvard Business School Press: Boston, Massachussetts, United States of America