Top Banner
The UX Lifecycle Selected material from The UX Book, Hartson & Pyla
13

The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

May 27, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The$UX$Lifecycle$

Selected material from The UX Book, Hartson & Pyla

Page 2: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The UX Life Cycle Iterative, evaluation-centered, UX lifecycle template to evolve UX design •  Iteration: All or part repeated for purpose of

exploring, fixing, or refining design •  Lifecycle is structured framework consisting

of a series of stages and corresponding activities

•  Template:$a$skeleton$of$development$ac7vi7es$instan7ated$within$each$project$

2

Page 3: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Process$Ac7vi7es$•  Analyze-

–  Contextual$inquiry$–  Contextual$analysis$–  Extrac7ng$requirements$–  Synthesizing$designEinforming$models$

•  Design-–  Design$thinking,$idea7on,$and$sketching$– Mental$models$and$conceptual$design$–  Design$produc7on$$

•  Prototype$–$building$prototypes$•  Evaluate$–$rapid$and$more$rigorous$techniques$

Page 4: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The$UX$Life$Cycle$A.K.A$The$Wheel

4

Page 5: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Naviga9ng-the-Wheel-

•  Ac7vi7es$can$overlap,$iterate$•  Establish$criteria$for$ac7vity$transi7ons$

– When$to$leave?$– What$to$do$next?$– When$to$iterate?$

•  Goal$is$to$move$into$produc7on$– Goals$met?$– How$much$risk?$–  Time$and$money?$–  Problem$complexity?$

Page 6: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Process-=-f(System-Complexity)-

6

Page 7: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Process-Choice-

Domain Environment

Interaction

Simple

Simple

Complex

Complex

Rigorous

Emphasis on analysis activitiesLess rigorous, more

emphasis on emotional impact

Emphasis on design

Page 8: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

The B17 Flying Fortress. [From Emgonzalez [2005], the image was placed in the public domain by the photographer.]

Page 9: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

The cockpit of a B17G Flying Fortress. The landing gear and flaps control knobs are identical and are very close to one another. [From USAF [2006], image believed to be in the public domain.]

Page 10: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

Close-up of the cockpit control knobs of a B17G Flying Fortress. The landing gear and flaps control knobs are identical and are very close to one another. [From USAF [2006], image believed to be in the public domain.]

Page 11: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

After WW2, the shape coding for landing gear and flaps control knobs was standardised. The landing gear control resembles a wheel and the flaps control resembles a flap. [From CFR [2008, page 254].]

Page 12: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The$Team$

Page 13: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

UX Design & the Software Process

Function Modeling

System Software Design

System Software Constrc.

System Testing

Interaction Design

UI Software Design

UI Software Constrc.

Rapid Prototyping

Evaluation Lightweight, rapid iteration