University of New Hampshire, Department of Computer Science

Information Technology 502
, Intermediate Web Design

Spring 2024

Jump to navigation

Design Template by Anonymous

Introduction

User Experience (UX)

User experience composes a lot of different aspects of design, from the actual layout of a page to how everything is structured around a business meeting goals for stakeholders on how they plan to offer a solution to users. When defined by the International Organization for Standardization (ISO), user experience (UX) is “A person's perceptions and responses that result from the use or anticipated use of a product, system or service.” User experience accounts for not only how a person thinks and feels, but the actions a designer must take to invoke those feelings and create a positive experience for a user.

Diagram of user experience
Figure 1, diagram of the different needs that user experience design must accommodate

User Experience Vs. User Interface

User experience and user interface tend to work alongside each other, but are not necessarily the same concept. User interface is primarily concerned with the fine details of what a user is perceiving and interacting with, such as the fonts and color choices on a web page. User experience takes into account that and much more- the choices around the layout and how the design can drive navigation, all the strategies that go into the overall experience a user has, testing and prototyping, and how this all will meet the original goals set out by the stakeholders of the project.

Diagram of ux and ui
Figure 2, venn diagram chart comparing and contrasting UX and UI

While user interface focuses on how the product itself looks and feels, user experience is all about how people think and feel, and how to build the website around those wants and needs.

Introducing the Five Elements

A popular practice in the field of UX design comes from Jesse James Garrett in their book The Elements of User Experience. These five planes illustrated below, building up from the bottom, start with the abstract goals the company hopes to achieve for their users and slowly becomes more concrete with each new plane until reaching the final, concrete design at the surface.

The five planes
Figure 3, The Five Planes of User Experience

The next page will break down and introduce each of these five elements and how they influence the user experience design process.