A Bit of Design Thinking for Developers

595 views

Published on

You don’t have to be a designer to understand User Experience- if you are a developing a UI, there is a good chance you already know about it. Ever wondered why certain UIs are more usable than others? This session aims to take a step back in development process and encourages you to spend some time thinking on what you are about to develop from a user point of view. It is a light weight/ hand-OFF session on how design thinking can help you in development. So if you are actively involved in developing for the end user or simply interested in learning what design can do for you, come join the session.

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

  • Be the first to like this

No Downloads
Views
Total views
595
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

A Bit of Design Thinking for Developers

  1. 1. a  bit  of  design  thinking    Dhaval  Joshi    Nokia  Research  Center  Bangalore  
  2. 2. Today’s  session  •  Design  Thinking  •  User  Experience  •  Elements  of  UI  •  Some  Design  Direc?ons   2
  3. 3. Design  Thinking   3  
  4. 4. User  Experience  User’s  journey  How  user  feels  from  star?ng  to  end   4  
  5. 5. Factors  affec;ng  User  Experience  Wooden  Bench  Vs  a  sofa     DIRECT INDIRECT Device Color Metaphor Network Fonts Battery Transitions Navigation Screen size 5  
  6. 6. Color  This is a This is a Grey This is a This is ablack color color text with white color green colortext with a a white text with a text with awhite background black redbackground background background 6  
  7. 7. Metaphors   7  
  8. 8. Font  Types   ABC ABCThis is a serif font. Widely This is a sans-serif font.used in print medium and has Now widely used in digitala long history of use. medium. Since it is fairlyHowever there is a debate that simple in its structure,serifs are not suitable for people say it is muchreading on screens since they easier to readhave been some extensionstrokes towards the the endsof the alphabet 8  
  9. 9. Transi;ons   Most  people  say:  Makes  the  app  look  “Cool”   Adds  “WOW”  factor   9  
  10. 10. Transi;ons  Scenario A Scenario B Transi?on  Provide  a  sense  of  con?nuity   10  
  11. 11. Transi;ons  Scenario A Scenario B Transi?on  Provide  a  sense  of  con?nuity   11  
  12. 12. Transi;ons  Transitions could make the UI look more real world like 12  
  13. 13. Design  Direc;ons   13  
  14. 14. Design  Direc;ons  Know  Your  user  |  Create  a  Persona  Mr.  Ramesh  Age  34  Knows  Tamil  and  English  Manages  a  Store  Uses  PC  but  limited  internet    Mobile  phone  user   14  
  15. 15. Design  Direc;ons  Consider  the  Context  of  use  Traveling  /  Office  /  with  family  /  Outdoors   15  
  16. 16. Design  Direc;ons  What  is  the  user  story?  |  Build  a  Scenario  Health  App    Srinivas  is  29  years  old  and  a  diabe?c  He  works  as  a  clerk  in  pvt  company  He  lives  in    joint  family  and  commutes  about  2  hours  daily  to  work  He  uses  the  HelathApp  twice  a  week  to  keep  a  log  of  blood  sugar  level  report  from  the  lab  This  way  he  gets  a  monthly  overview  of  the  status  of  his  health  Since  he  lives  in  joint  family,  some?mes  his  brother  adds  the  report  on  his  behalf  if  Srinivas  forgets….  ……………………………     16  
  17. 17. Design  Direc;ons  Ask  what  user  needs  and  not  what  your  app  can  do  Client  !=  User   17  
  18. 18. Design  Direc;ons  Test  with  users   18  
  19. 19. Design  Direc;ons  Be  Consistent  and  Predictable   19  
  20. 20. Design  Direc;ons  Great  Tools  do  not  guarantee  great  UX     20  

×