the users experience &
    user’s



                         Hello!
       Im
       I’m dennis @ dna co za
             ...
My post-grad…

  (university of applied Arts)



   (library of cheat sheets)
Walk a mile in your users shoes…
                    user’s shoes
ability                   dislikes
                                     di lik
   context
                                ...
Visually map their stories…
                   stories
Design to match user’s goals and story…
                users            story
tip!   Draw these up and let them use it for speed – and when shy to draw…
Starting the prototype
Stacking sizes for
                                                      g
Main nav or
                                   ...
User Centered Design P
        U C t d D i Process
  Find story
& understand
    drt d

   Design to
      match

  Valida...
to t by
                              t get b
       It’s not about making art…
                           g

            ...
Stuff that make a difference:




Post-it = design notes
P
Super fine = detail & writing
Fine black = sketch
Medium black ...
tip!!


My iStock
    iSto k
Cheat sheet
I print this, keep it in my
pencil case and
refer to it before I draw
Changes on screen
                                          C
 Copy lines

  Copy links

Picture boxes


  Buttons


   Ac...
post it icons:
http://www.istockphoto.com/file_search.php?action=file&lightboxID=
2191862

hairstyles and faces:
http://ww...
SAUX 2009 Presentation
SAUX 2009 Presentation
SAUX 2009 Presentation
SAUX 2009 Presentation
SAUX 2009 Presentation
SAUX 2009 Presentation
SAUX 2009 Presentation
Upcoming SlideShare
Loading in...5
×

SAUX 2009 Presentation

174

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
174
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

SAUX 2009 Presentation

  1. 1. the users experience & user’s Hello! Im I’m dennis @ dna co za dna.co.za (supermonkey) Overcoming my fear of drawing plus some practical tips from a someone who still can’t draw!
  2. 2. My post-grad… (university of applied Arts) (library of cheat sheets)
  3. 3. Walk a mile in your users shoes… user’s shoes
  4. 4. ability dislikes di lik context p preferences emotions goals l circumstance Mental schema
  5. 5. Visually map their stories… stories
  6. 6. Design to match user’s goals and story… users story
  7. 7. tip! Draw these up and let them use it for speed – and when shy to draw…
  8. 8. Starting the prototype
  9. 9. Stacking sizes for g Main nav or changing areas, reduce page structure repetitive drawing off elements… Stack on top Per page detail Sub nav or sections Stack on top
  10. 10. User Centered Design P U C t d D i Process Find story & understand drt d Design to match Validate & iterate = good experience for the user
  11. 11. to t by t get b It’s not about making art… g It’s about designing the right experience by capturing your user’s essence, and doing it cheaply and quickly!
  12. 12. Stuff that make a difference: Post-it = design notes P Super fine = detail & writing Fine black = sketch Medium black = accent Thick black = copy lines / weight Grey marker = shading Red pen = actions
  13. 13. tip!! My iStock iSto k Cheat sheet I print this, keep it in my pencil case and refer to it before I draw
  14. 14. Changes on screen C Copy lines Copy links Picture boxes Buttons Actions Low and high def paper prototypes
  15. 15. post it icons: http://www.istockphoto.com/file_search.php?action=file&lightboxID= 2191862 hairstyles and faces: http://www.istockphoto.com/stock-illustration-10287796-set-of- dood e aces p p doodle-faces.php drawing on the right side of the brain: http://www.drawright.com/ vizthink workshops – www.vizthink.com Templates for prototypes: http://www.adaptivepath.com/ideas/essays/archives/000863.php p p p y p p cartoon face tuts: part 1 -3 http://www.youtube.com/watch?v=GP3PcwYS4c8 http://www.youtube.com/watch?v=MTgpB01Lm9s p y gp http://www.youtube.com/watch?v=j6QDnUHtORc + follow related links - will keep you busy. organisations /sites: g www.vizthink.com http://www.ifvp.org/ http://www.thebackofthenapkin.com/

×