The document discusses the process of designing a website for a service called Lend4Health that allows people to donate small amounts of money to help pay for others' healthcare costs. Four designers used different tools like Balsamiq, OmniGraffle, Axure, and HTML/Fireworks to create prototypes independently based on the same case study and requirements. They documented their work and provided critiques of each other's designs at various stages, including sketching, visual design, and interactive prototypes, to arrive at the best design solution while facing constraints like not being able to communicate directly.

1. BEHIND THE KIMONO
DESIGN SECRETS REVEALED
UX AUSTRALIA @ZAKIWARFEL

2. We don’t show...
OUR WORK

3. DESIGNERS DO IT

5. DEVELOPERS DO IT

7. HAVE YOU EVER SEEN
A WIREFRAME FROM
jjg
peter morville
jared spool

8. “I’ve never done a wireframe.”
JARED SPOOL

9. peter morville

10. Navigation Default state
store
Version 1.0 logo search 2
Jesse James Garrett 1 cart
BR today on current account
blogs books authors HBS downloads
ge highlights timely content from the blogs, magazine, hbr magazine
3
ections. explore hbr
4
expand your knowledge build your expertise discover new approaches
ovides a focal point for all e-commerce related links.
ge allows users to find aggregated links to content from Partially expanded state
ors across blogs, magazine, and books sections.
wer
store
logo search
able area encourages and facilitates exploration of cart
ubject. today on current account
blogs books authors HBS downloads
r knowledge hbr magazine
atures editorially selected sub-categories from the current Strategy Decision making
explore hbr Business processes
gory in search results. Leadership Interpersonal skills Management by objectives
Organizational change Project management Quality management
xpertise
Information & technology Managing uncertainty Forecasting
atures editorially selected sub-categories from the current Global business Time management Knowledge management
nt Skills” category in search results. 5 7
w approaches
expand your knowledge build your expertise discover new approaches
6
atures editorially selected sub-categories from the current
hodologies” category in search results.
s Fully expanded state
drive users interested in exploring further to dedicated store
s. logo search
cart
today on current account
blogs books authors HBS downloads
hbr magazine
explore hbr
more topics » more skills » more methods »
8
Strategy Decision making Business processes
Leadership Interpersonal skills Management by objectives
Organizational change Project management Quality management
jjg
Information & technology Managing uncertainty Forecasting
Global business Time management Knowledge management
expand your knowledge build your expertise discover new approaches
n | Harvard Business Review

11. We don’t show...
OUR WORK

12. “My work is proprietary.”
NOT SO ANONYMOUS COWARD

13. NUT UP OR SHUT UP

14. 4 DESIGNERS
3 CAVEATS
1 PROBLEM

15. RUSS WILL
FRED TODD (that’s me)

16. CAVEATS
.use a different tool
.no talking to each other
.document everything

17. BALSAMIQ OMNIGRAFFLE
AXURE RP PRO HTML/FIREWORKS

18. THE CASE STUDY

19. “If we can give $5 to a
stranger at a coffee shop,
why can’t we do that for
healthcare?”
TORI TRUNCAN

20. LEND4HEALTH.COM

21. LEND4HEALTH.COM

22. THE APPROACH

23. @gabbyhon

26. I’VE HAVEN’T WORKD FROM A
REQUIREMENTS DOCUMENT IN
OVER 5 YEARS

27. TASK ANALYSIS GRID

28. INSPIRATION LIBRARY

29. SKETCHING

30. ...AND MORE SKETCHING

31. ...AND MORE SKETCHING

32. PITCH AND CRITIQUE

33. VISUAL DESIGN

34. PITCH AND CRITIQUE

35. HTML PROTOTYPE

36. HTML PROTOTYPE

37. PITCH AND CRITIQUE

38. FIREWORKS PROTOTYPE

40. ONE MORE THING...

41. CHALLENGES
.couldn’t talk to each other
.research handed to me
.no “formal” usability testing

42. PRINCIPALS
.sketch (a lot)
.practice critique
.the best tool is the one you know

43. THANKS!
SAVE 25% WITH
http://bitly.com/protobk DISCOUNT CODE TODD