lean and ux
Post on 14-Jul-2015
630 views
Embed Size (px)
TRANSCRIPT
lean ux
what that means for usfor UX Brighton, 8 March 2011
i used to work in an advertising agency
off-sitecreative first orux first
now, I help build software for finance
on-sitedelivery driven
hello
2
just enough / good enough
good enoughgenerically across the project
just enoughpersonas (and their use in stories)sketching and documentationdesign
the end product
3
define your quality standardswhat does done look like?
does the kano model have some answers?
good enough
4
very satisfied
very dissatisfied
winfail
excitementperformance
hygiene
development quality is easy(ish) to definewhat are the coding standards
what is acceptable (bug wise)
good enough
5
creative quality?what creative standard are we striving to achieve (chevrolet, toyota, porsche, audi ferrari)
good enough
6
interaction quality?what level of usability is good enough
good enough
7
just enough / good enough
good enoughgenerically across the project
just enoughpersonas (and their use in stories)sketching and documentationdesign
the end product
8
Personas
what is appropriategeneric librarysketchprimary / secondary
9
City Personas EDITION 1
FX ONLY :: LAB49 INTERNAL DISTRIBUTION ONLY
personas
then use them!as [persona], I want to [goal], so that [reason]
most use:as a user I
use your personasas bob jones, Ias bob, mary or fred, I
10
City Personas EDITION 1
FX ONLY :: LAB49 INTERNAL DISTRIBUTION ONLY
just enough / good enough
good enoughgenerically across the project
just enoughpersonas (and their use in stories)sketching and documentationdesign
the end product
11
does anyone like producing documents that dont get read?can you get away with just sketches
sketching and documentation
12
The interactive sketching notation is an emerging visual language which affords the representation of interface states and event-based user actions. Through a few simple and standardized rules, what the user sees (drawn in greys and blacks) and does (drawn in red) are unified into a coherent sketching system. This unification of both interface and use, intends to enable designers to tell more powerful stories of interaction.
Interactive Sketching Notation Version 0.1
Event BindingEvents
Transitions
Advanced Notations Rapid Tactics
Page OrganizationEmphasis TechniquesConcept Title. Each page can contain a title in the top left. For multi-page concepts, use roman numerals as a suffix.
To Element. A rounded starting point denotes an event bound to a par-ticular drawn element.
Unspecified Transition. A default transition is instant without delay.
Basic Condition. If something is to be met before the next screen.
Condition with Else. Conditional representation of an IF/ELSE combination.
Automatic Sequence. Use a black arrow(s) if there is a sequence of screens that are shown automati-cally to the user in an order.
Delay. The time it takes before a transition starts.
Duration. The time it takes for a transition to complete.
Effect. Two possible effects include: FADE, and SLIDE.
Events are initiated when users perform various actions on an interface. Think of events as causes and screens as effects. For the purpose of this notation, some relevant events could include:
To Area. An event is bound to a specific area on the screen.
To Anywhere. An event is attached to the full window.
Emphasis. Indicating an important element with a 10% grey.
Drag&Drop. Quickly show a drag and drop interaction.
Delta Box. Only draw items which changed, suggesting that previous screen ele-ments will also appear.
Zooming. Draw at least one corner to zoom in and close up on what is impor-tant in the interface.
Multi Clicks. Use the same screen to show two or more clicks at the same time.
Selected State. Showing a selected item with a 30% grey.
Unspecified Event. A simple arrow that represents a CLICK action by default.
Specific Event. To represent a user action with an event, note it above the arrow.
Combined Events. Sometimes users perform more complex actions such as holding a key and clicking.
Real World Actions. User actions can also happen outside of an interface.
CLICKDBLCLICKRCLICKMOUSEOVERMOUSEOUTMOUSEMOVEMOUSEUPMOUSEDOWNCHANGE
FOCUSBLURKEY: XKEYUP: XKEYDOWN: XLOADUNLOADSCROLLSUBMIT
Variations. Each concept can have multiple varia-tions which are referred to alphabetically.
Credits: Linowski Interaction Design http://www.linowski.ca/sketching & all those who shared their work on Wireframes Magazine.This work is licenced under the Creative Commons Attribution-Share Alike 2.5 Canada License http://creativecommons.org/licenses/by-sa/2.5/ca/
linowski
sketching and documentation
we have, but only under in certain conditions
when sketches dont work we spike prototypes - sometimes within the app!
requirements are acceptance tests
13
just enough / good enough
good enoughgenerically across the project
just enoughpersonas (and their use in stories)sketching and documentationdesign
the end product
14
design
a beautiful photoshop file
15
design
but, the application
16
if phase 2 happens, how much of your detailed ux work will actually get used, or (realistically) will it all be changed again based on new things youve learnt - if so - why do it?
thank youmark@found.me.uk
@uxplant
finally
17