Post on 06-May-2015
description
transcript
1
SM
S M
anag
emen
t & T
echn
olog
y
User-Centred Design & Prototyping
Matthew HodgsonRegional-lead, Web and Information Management
4 Nov 2007
2
SM
S M
anag
emen
t & T
echn
olog
y
Systems design
What the user actually needed
As finally implemented
As produced by the
developers
As envisaged by the
business owner
As specified in the requirements
As designed by the
senior analyst
3
SM
S M
anag
emen
t & T
echn
olog
y
Systems development lifecycle
DevelopmentDesignAnalysis
4
SM
S M
anag
emen
t & T
echn
olog
y
Squeezing out the design-phase
5
SM
S M
anag
emen
t & T
echn
olog
y
Developers as designers
6
SM
S M
anag
emen
t & T
echn
olog
y
The high cost of redevelopment
CO
ST IN
CR
EASE
OperationTestingSystems
DevelopmentSystemsDesign
Business Analysis
7
SM
S M
anag
emen
t & T
echn
olog
y
How do we capture the intent of the system?
8
SM
S M
anag
emen
t & T
echn
olog
y
User-centred design
9
SM
S M
anag
emen
t & T
echn
olog
y
What is user-centred design?
Engages users:From the beginning to the end of a project
Understands:How users want to use the systemHow users think about their work
Identifies:Needs and wants Interaction preferences
10
SM
S M
anag
emen
t & T
echn
olog
y
Jessee James Garrett: www.jjg.net/ia
Users’ Needs
BusinessGoalsStrategy
User-centred design frameworks
Users’ Needs
BusinessGoalsStrategy
11
SM
S M
anag
emen
t & T
echn
olog
y
How do we do user-centred design?
A look at how other disciplines employ this philosophy…
http://www.youtube.com/watch?v=t3mAHQuBqQI
12
SM
S M
anag
emen
t & T
echn
olog
y
Prototyping thru storyboarding
Movie-makers use storyboarding to:
Plan the movie as early as possiblePut themselves into the shoes of the
audienceMake the movie better for the audienceConceive of the movie early Identify flaws in the plotWork out difficult conceptsSave time and money
13
SM
S M
anag
emen
t & T
echn
olog
y
BAs using storyboarding
Helps us understand: User’s wants and needsUser-interaction preferences
Clarify:Business processes
Identify:Flaws in business & system logicPoints for system support
14
SM
S M
anag
emen
t & T
echn
olog
y
BAs using storyboarding (cont.)
15
SM
S M
anag
emen
t & T
echn
olog
y
Storyboarding (cont.)
Benefits: Light-weight – use at a minutes notice Low cost – just grab pen & paper User buy-in for change management Gets users involved Sets users’ expectations Increases users’ understanding of the system
Disadvantages: Need to be able draw to convey the concept
16
SM
S M
anag
emen
t & T
echn
olog
y
Iterative prototyping Take your storyboards to the next level Conceive of a system before implementation!
Involves: Engaging users again, and again and again Refining concepts until they’re bullet-proof
Includes: Interaction design Navigation design Information design
17
SM
S M
anag
emen
t & T
echn
olog
y
Case study
‘Previz’ as an example of iterative prototyping http://www.youtube.com/watch?v=zMgoIwA_oQM
18
SM
S M
anag
emen
t & T
echn
olog
y
Evolution through iteration with usersAustralian Government branding
Site identificationSite tagline
Photographs
Popular topics Search Go
More search options
Need to know where to start? Need help staying at home? Need an aged care home? Need support for carers? Need help with dementia?
Copyright © Commonwealth of AustraliaABN XX YYY ZZZ BBB
Other languages | Accessibility | About this site | Disclaimer | Copyright | Privacy | Contact us
Go
19
SM
S M
anag
emen
t & T
echn
olog
y
What does iterative prototyping involve?
Emphasise: User involvement – they’re the ones going to use
the system!
Improve: Design concepts
Refine: User interactions Information design Navigation model
20
SM
S M
anag
emen
t & T
echn
olog
y
Why use iterative prototyping?Benefits Involves users – sets expectations, increases understanding Conceptual or detailed Communicates the intent of the system to the developers Find problems in system interactions early Solve information architecture problems early Cheaper than building the system
Disadvantages Need good software – Axure (www.axure.com) Prototyping is more than just ‘screens’ – you might need a UX-
designer or an IA to help with the tricky bits
21
SM
S M
anag
emen
t & T
echn
olog
y
Conceptual Design
SystemsDevelopment
SystemsDesign
Analysis
Do conceptual design sooner rather than later!
22
SM
S M
anag
emen
t & T
echn
olog
y
User-centred design – finding the sweet spot
What the user actually needed
As finally implemented
As produced by the
programmers
As envisaged by the business
owner
As specified in the project
request
As designed by the senior
analyst
THE SWEET SPOT
23
SM
S M
anag
emen
t & T
echn
olog
y
Fin
Questions?
Blog: magia3e.wordpress.com
Slideshare: www.slideshare.net/magia3e
E: mhodgson@smsmt.comW: www.smsmt.com