Workshop - Mobile Health Apps - Erik van der Zijden

877 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
877
On SlideShare
0
From Embeds
0
Number of Embeds
60
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Workshop - Mobile Health Apps - Erik van der Zijden

  1. 1. Make mobile app designsuck lessAnd develop great apps along the way 1
  2. 2. Erik van der Zijden Entreprenerd 1972MedicalMultimedia Biology Martial Arts MarketingTechno geek BSc Floor MBA Intervet (MSD) Pharma MobileDigital MediaVideo Enterprise 2.0 Triumph Spitfire Design Yara Apps Eline
  3. 3. Reinventingcommunication with tools that change the worldOne app, one life. At least
  4. 4. 4
  5. 5. design noun a plan or drawing produced to show the look and function orworkings of a building, garment, or other object before it is built or made. the art or action of conceiving of and producing such a plan or drawing. 5
  6. 6. design noun a plan or drawing produced to show the look and function orworkings of a building, garment, or other object before it is built or made. the art or action of conceiving of and producing such a plan or drawing. 6
  7. 7. 7
  8. 8. Print... is designing for the Web... is designing for the Mobile... is designing for the 8
  9. 9. Interaction Graphicaldesign design Touching Seeing 9
  10. 10. Someexamples 10
  11. 11. Dislaimer I mean no harm. All examples, good and bad ones, have been found and chosen randomly. If I picked yours to show as a ‘bad’ example: I apologize. Fix it.If I picked yours to show as a ‘good’ example: You may thank me later. 11
  12. 12. Graphs 12
  13. 13. Graphs 13
  14. 14. Calculators 14
  15. 15. Userinterface 15
  16. 16. Colors &background 16
  17. 17. Mobile Development ProcessDiscover Functional Graphical App Store Development QA Marketing Updatingthe idea Design Design Submission 17
  18. 18. Mobile Development ProcessDiscover Functional Graphical App Store Development QA Marketing Updatingthe idea Design Design Submission 18
  19. 19. You might build this:..when users really need this: Fly Land 19
  20. 20. WireframingFunctional Design 20
  21. 21. WireframingFunctional Design 21
  22. 22. Functional DesignFunctional Design 22
  23. 23. Icons, screensFunctional Graphical Design Design 23
  24. 24. User testingFunctional Graphical Design Design 24
  25. 25. SomeDesignBest practices 25
  26. 26. 1 Do not reinvent the wheel 26
  27. 27. Human Interface GuidelinesAesthetic Integrity • Consistency • Direct Manipulation • Feedback • Metaphors • User Control 27
  28. 28. User Interface Guidelines 28
  29. 29. 2 Sharpen your pencils 29
  30. 30. 2 Sharpen your pencils 30
  31. 31. 3 Don’t make me think 31
  32. 32. FlyLand 32
  33. 33. 4 Colorize correctly 33
  34. 34. 4 Colorize correctly 34
  35. 35. 4 Colorize correctly 35
  36. 36. 5 Go easy on the graphs or 36
  37. 37. 6 The ‘rules of thumb’ 37
  38. 38. 7 Funny Fonts Never, ever use Comic Sans. Promise. 38
  39. 39. 8 Design for your audience 39
  40. 40. Keep It Simple, Stupid 40
  41. 41. Go Design erik@digiredo.nl @erikdigiredoSomethingGreat 41

×