• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Elements of UX Design

on

  • 5,124 views

An Overview on the Process of creating User Experience from Research to Implementation.

An Overview on the Process of creating User Experience from Research to Implementation.

Statistics

Views

Total Views
5,124
Views on SlideShare
5,063
Embed Views
61

Actions

Likes
20
Downloads
224
Comments
1

7 Embeds 61

https://wiki.liip.ch 24
http://blog.aadjemonkeyrock.com 17
http://paper.li 15
http://twitter.com 2
https://twitter.com 1
https://gwc.blackboard.com 1
http://www.linkedin.com 1
More...

Accessibility

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • I love these slides! Did you know we’re running a competition on SlideShare to win a 3M PocketProjector MP180? To enter, simply tag your presentation with ‘3MInform’. Head over to our page for more details... and don’t forget to follow us to find out if you get shortlisted!
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Elements of UX Design Elements of UX Design Presentation Transcript

    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Memi Beltrame The UX Design Process Creating User Experience from Research to Implementation Liip techtalk, November 9th 2010
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Content User Experience Design Behaviour Form
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Information Architects Content Behaviour Form Interaction Grafic Designers Designers
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process No Design without Research
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process No Design without Research Who? What? Why? How?
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process UX Design follows the 5S Pattern
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Concrete Abstract
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Implementation Research
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Strategy
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Strategy Find out ● Context ● Purpose/Range ● Focus Group(s) ● Mission Statement
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Scope
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Scope Find out ● Personas ● Their Goals ● Their Motivation ● Their Usecases
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Personas A Short Introduction
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process A Persona is a representative of a certeain user group. Peter Sue Marc Define Target Analyze Users Group Users Form Persona Audience
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Personas ● Are tangible ● Provide a common ground for conversation ● Help prioritize tasks in regard to business relevance
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Personas ● Name them ● Give them a background ● Define their level of skills ● Define motivation & needs
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Example: Swiss Winter Resort Jeff & Lize Kevin & friends The Weiss family
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Example: Swiss Winter Resort Jeff & Lize Kevin & friends The Weiss family Who are they? What are their needs?
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Example: Swiss Winter Resort Jeff & Lize Kevin & friends The Weiss family ● Middle class couple ● Student ● Shoe-Shop owners with 2 kids ● Jeff: Lawyer, Lize: Teacher ● Very social snowboard nerd ● Have been here before once ● Travel a Lot ● Good offers are crucial to him ● Come by car ● Like sports & nature ● Likes adreanline kicks ● Only during school holidays ● Want to find out on their ● Depends on public transport ● Want to be sure to get best own what suits them most ● Wants to get on the slopes as offers to match their budget easily as possible ● Need planning support
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Structure
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Structure Find out ● Workflows ● User Priorities: Tasks & Information
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Skeleton
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Skeleton Translate Usecases and Tasks to Prototypical Screens
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Skeleton Translate Usecases and Tasks to Prototypical Screens Make Prototypes → Test → Iterate
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Skeleton Tests verify assumptions on ● Tasks ● Workflows ● Content
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Skeleton Define Patterns for Interaction and Design Principles
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Surface
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Surface Design Layouts and Grafical Elements.
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Surface Implement Design and Interactions
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Surface Implement Design and Interactions Implement → Test → Iterate
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Surface Tests give feedback on ● Functionality ● Content ● Aesthetics
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Recap
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Screens, Implementation Prototypes, Design Patterns Workflows, Information Architecture Personas, Tasks Mission, Focus Groups
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Any Questions?
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Thank you!
    • Liip Techtalk November 9th 2010 Memi Beltrame: The UX Design Process Creative Commons Credits: By David – Studio 757 http://www.flickr.com/photos/studio757/4515640847/ By Sport Communities http://www.flickr.com/photos/sportcommunities/2200759639/ By Steve Polyak http://www.flickr.com/photos/spolyak/1031569673/