user experience - from requirement to production
TRANSCRIPT
Copyright © 2014 Steven Wang All Rights Reserved.
User Experience is the difference between good & bad applications.
�2
WHAT IS UX ?
Wire Framing
! UX
Interaction Design
Visual Design
Storyboard Prototyping
Corporate Identity
User Research
Information Architecture
Copyright © 2014 Steven Wang All Rights Reserved.
UX is the key point of success.
�3
UX PYRAMID
⋆
BUSINESS
PRODUCT
TECHNOLOGY
User Experience
Copyright © 2014 Steven Wang All Rights Reserved.
DEV
UX should be a continuous process.
�4
ITERATIVE UX
UX
Waterfall UX
AGILE UX
UX DEV
Wor
k Ef
fort
Wor
k Ef
fort
Project Time
Copyright © 2014 Steven Wang All Rights Reserved.
The true meaning of design.
�5
WHTAT’S DESIGN
Design is Intelligence made Visible.Alina Wheeler
Copyright © 2014 Steven Wang All Rights Reserved.
Think like a designer in whatever you do.
�6
DESIGN THINKING
Feasibility (Technical)
Viability (Business)
Desirability (Human)
Innovation
Copyright © 2014 Steven Wang All Rights Reserved.
UX involvement in all three major project phases.
�7
PROJECT CYCLE
# $
%
&
'
%
Discovery • User Persona • User Scenario • Competitor Analysis • Technical Research
Wireframe • Hand Sketch • Work Flow • Major Interaction • Site Map
• Requirement • Target Users • Value & Scope • Roadmap & Schedule
Stakeholders
Documents • Business Requirements • Product Requirements • Marketing Requirements
• Detail Interaction • Axure Mockup • Visual Design • Sketch Library
Prototype
Test Users • Usability Testing • Refine Requirements
3( )
*
DEV Release
QA
%Customers • UX Feedback • Feature Update • New Features
1 2
Copyright © 2014 Steven Wang All Rights Reserved.
Use user feedbacks to refine your product.
�8
USER FEEDBACK
Objective
Start
IDEALObjective
Start
REALITYObjective
Start
SOLUTION
+User Feedback
Copyright © 2014 Steven Wang All Rights Reserved.
Display appropriate content for different media size.
�9
RESPONSIVE DESIGN
Copyright © 2014 Steven Wang All Rights Reserved.
Try to keep everything clean and simple.
�10
DESIGN PHILOSOPHY
− +
Less is More
Copyright © 2014 Steven Wang All Rights Reserved.
List of related resources for this presentation.
�11
THE APPENDIX
http://www.ideo.com/about/
http://blog.tallan.com/2010/09/01/the-ux-process/
http://visual.ly/ux-design-process
http://dthsg.com/what-is-design-thinking/