Principles of User Experience Design

Slides:



Advertisements
Similar presentations
User Experience Krista Van Laan. Agenda What is User Experience? How does a User Experience team support the rest of the organization? What processes.
Advertisements

UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Faith Warren My Portfolio and Techniques. Progress Energy We designed and developed a cross-platform experience for Progress Energy that included a new.
UX and Content Strategy for the ISD website Chris Moos ISD Website and Communications Team.
User Interface design Teppo Räisänen
UI Standards & Tools Khushroo Shaikh.
Usability presented by the OSU Libraries’ u-team.
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
Paper Prototyping A tool for iterative design Wai Yong Low.
1 Focus on the User User Centered Design for Finding Articles David Lindahl Director of Digital Library Initiatives University of Rochester Libraries
Usability Seminar March 20, 2007 Paper Prototyping a case study at Cornell University Library Melissa Kuo DLIT.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Wireframes & Mockups presents…. What is a Wireframe? a sketch or a guideline before you build actual website a “skeleton graph” that shows how the contents.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Video Tutorials and e- Learning Development TECM 5180 Dr. Lam.
Introduction to Usability By : Sumathie Sundaresan.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
CS 615 User Interface Design - Overview
 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
A Project Guide to UX Design:
Merja & Pauli Rapid prototyping & other stuff.
What about Chapter 7?. What is the usability process? Tyldesley’s 22 possible Measurement Criteria Let’s focus on usability–A usability initiative needs.
UX Homepage Wireframe with annotations – Rohit Maddipudi – 04/22 Legend: - Annotation; - Clickable object for display of more sectional information.
Refine Produce Implement Design and Development Stages.
Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,
V v USABILITY 30 April UX Team of One Basic question: who are your core audience, what do they need, and what do they want to accomplish? Share.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Introduction to Usability By : Sumathie Sundaresan.
Interaction Design Chapter 1. Good design? Bad design?
Wireframing Basics - UX and the Design Process.
User-Centered Design (UCD) Overview
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Prototypes, Storyboards, and Flowcharts Ike Choi.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
INTERACTION DESIGN A Heady Mix of Things SPEC INDIA.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
User Experience Development Process Gary Macomber ERCOT User Experience Architect.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
HCC 831 User Interface Design and Evaluation. What is Usability?
Designing with Paper Prototypes Matthew Tester Pure Blue Consulting.
 Define Wireframes, Mockups, and Prototypes  Techniques  Low vs. High Fidelity  Sketchy vs. Polished  Exercise: Define the Process.
User-Centered Design Services for MSU Web Teams Sarah J. Swierenga, Director Usability & Accessibility Center MSU Webmasters 402 Computer Center February.
The User Experience Design Sprint
Project Breakdowns HCDE 492/592 Winter 2014.
Lecture 2 Supplement - Prototyping
To arrange an interview, please contact at or call SANJAY KUMAR DEY
Mobile Apps, Web Design, Digital Marketing Company
UI/UX Design and Implementation
UI/UX Design and Implementation
Design & User Centered Practices
Why UX is not UI? Know the differences
Mobile App ux/ ui design In High Quality.
Gerardine Montebon Tanisha Bhatti Austin Yi Jessica Dear
Usability Techniques Lecture 13.
Designing User Experience (UX)
INTRODUCTION TO INFORMATION ARCHITECTURE
Planning a Website MAD2053.
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
User Interface Design and Evaluation
The User Interface Design Process
COMP444 Human Computer Interaction Usability Engineering
IS1500: Introduction to Web Development
Refine Produce Implement
Part 3 Digital marketing: implementation and practice Chapter 7
Presentation transcript:

Principles of User Experience Design Christopher Lewis

WHAT IS UX? UX is the process of enhancing customer satisfaction and loyalty by improving visibility, ease of use and pleasure provided between the customer and the product UX experience should be : Useful Findable Useable Accessible Desireable Credible

UX is more than just Digital Experiences

VS

UX ROLES UX Designer – Analyze, develop, wireframe, protoype, test, iterate and refine a product to meet business goals and user needs UI Developer – focuses on the usability of a website. Usability is whether the system is easy to learn and efficient to use. UI designers try to make systems more user friendly by improving site layout, organization or graphics.

UX DESIGN TASKS User Research/Surveys User Personas Content Inventory User Flows Wireframes A/B Testing

CARD SORTING

EMPATHY

Wireframes, Mock-Ups and Prototypes

What is a wireframe? A wireframe is a low-fidelity representation of a site or app. It can done on paper (preferably) or using digital software.

What is a Mock-up? A mockup is a middle-to-high fidelity, static, design representation. Very often a mockup is a visual design draft of what the finished website or app would look like.

What is a prototype? A realistic representation of what the product will look like, in this case a website. The final result can look exactly like the mockup, or be a variation of it after version revisions. While some people prefer to draw the mockups using graphic software, others do it straight in HTML/CSS.

Form Design

Programs for Wireframing and Prototypes Balsamiq

Usability Sites

UX Recommending Reading