Z08430000120164004comp8129 Ux1
Z08430000120164004comp8129 Ux1
Z08430000120164004comp8129 Ux1
Effective Period
: User Experience
: September 2016
Introduction to UX
Session 01
Acknowledgement
These slides have been adapted from
Learning Objectives
LO 1 : Describe the concept of UX and its elements.
Contents
About UX Designers
User Experience Design (UXD, UED), Its a process for
designing systems that offer a great experience to users.
(Justin Mifsud - Founder ofUsability Geek)
UX designer needs to understand how to create a logical and
viable structure for the experience.
UX designer needs to understand the elements that are
important to creating an emotional connection with the
products users.
UX vs UI
User experience(UX), on the other hand, is the internal
experience that a person has as they interact with every aspect of a
companys products and services.
user interface(UI) is the series of screens, pages, and visual
elementslike buttons and iconsthat you use to interact with a
device.
User Interface
User Experience
UX vs UI
UX Elements
These elements include the things a user can:
touch (such as tangible products and packaging)
hear (commercials and audio signatures)
even smell (the aroma of freshly baked bread in a
sandwich shop).
It includes the things that users can interact with in ways
beyond the physical :
digital interfaces (Web sites and mobile phone
applications)
people (customer service representatives, salespeople,
and friends and family).
UX Elements
The Elements of the User Experience
UX Elements
The conceptual framework for talking about the user
experience problems and the tools (assignments) :
Element UXD
UX Wireframe Basic
A wireframe is a visual representation of a user interface,
stripped of any visual design or branding elements.
It is used by UX Designers
The purpose is to define the heirachy of items on a screen
and communicate what the items on that page should be
based on user needs.
Wireframes can stretch from a low fidelity pencil sketch to a
high fidelity and fully annotated diagram and all that
comesin-between.
The aim of wireframes is to be shared, scrutinized, and
collaborated on. They are design tools that allow you to make
mistakes and to test, learn, and improve. This happens early
in the project, when changes are relatively inexpensive.
UX Useability
Usability allows people to easily accomplish their goals.
UX design covers more than that, its about giving people a
delightful and meaningful experience.
UX Useability
The UX LOOK (Credibility, Trust, Harmony, Spirit)
How to create a site that inspires a sense of trust and
credibility.
UX FEEL (Interaction, Reaction)
A user needs to have that sense of satisfaction that they
can get around without hassle. It makes themfeel good.
USABILITY (Functionality, Individuality, Predictability)
A site must give great functionality in order to deliver a
good user experience.
Title page
Revision history
Project overview
Project approach
Scope of work
Assumptions
Deliverables
Ownership and rights
Additional costs and fees
Project pricing
Payment schedule
Acknowledgement and sign-off
References
A Project Guide to UX Design: for User Experience
Designers in the Field or in The Making. Second Edition.
New Riders. ISBN: 978-0-321-81538-5.
Definition User Experience,
http://www.nngroup.com/articles/definition-user-experien
ce/
What is user Experience?
https://www.smashingmagazine.com/2010/10/what-isuser-experience-design-overview-tools-and-resources/
UX Design Defined
http://uxdesign.com/ux-defined
UX Design
https://www.usertesting.com/blog/2015/09/16/what-is-uxdesign-15-user-experience-experts-weigh-in/
Q&A