Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Developers and Designers

376 views

Published on

Published in: Technology
  • Be the first to comment

Developers and Designers

  1. 1. Developers are from Mars Designers from Venus[November 8, 2012 @ ALM Antwerp] www.visug.be
  2. 2. Developers are from MarsDesigners are from Venus
  3. 3. @kevinderudder working foreGuidelines and a lecturer at theTechnical University of West Flanders.Contact me on kevin@e-guidelines.be
  4. 4. NERVOUS1. Last session before dinner2. I need to talk about design
  5. 5. NERVOUS1. Last session before dinner2. I need to talk about design
  6. 6. Everybody is a genius. But if you judge afish by its ability to climb a tree, it will liveits whole life believing its stupid. - Einstein
  7. 7. Everybody is a genius. But ifyou judge a fish by its abilityto climb a tree, it will live itswhole life believing itsstupid.
  8. 8. But on the otherhand, does adesigner need to draw things
  9. 9. ANDL300
  10. 10. L300 Intermediate architecture Development And more code
  11. 11. L300 Intermediate architecture Development And more code
  12. 12. L300 Intermediate architecture Development And more code
  13. 13. L300 Intermediate architecture Development And more code Maybe just a little bit
  14. 14. DEVINER
  15. 15. DESIGN IS
  16. 16. DESIGN ISnot about “damn that looks good” Actually I hate “damn that looks good”
  17. 17. DESIGN ISabout making things attractive
  18. 18. DESIGN ISmaking your app understandable Users do not have to think, they only do
  19. 19. DESIGN ISabout making a great productnothing more , nothing less
  20. 20. good Fast and Fluid Beautifulinterface? Accessible Intuitive
  21. 21. With some guidelines, evenwe can make good interfaces
  22. 22. The good thing is that these guidelineswork everywhere
  23. 23. design.windows.com0. windows8designhandbook.com windowsuserexperiencetraining.com
  24. 24. 1. Content is king
  25. 25. Content before chromeContent is the heart of any experience Anything else is just a way to consume and interact with contentLeave only the most relevant elements on thescreen
  26. 26. Reason Layout Interactionsfor chrome Navigation
  27. 27. 2. Follow the Microsoft Design Principles
  28. 28. The five principles of Microsoft design
  29. 29. Pride in craftmanship Attention to detail Make it safe and reliable Alignment to the grid
  30. 30. What about the size ofthe tiles when bigscreens are used
  31. 31. People buy bigger screens because they want to see more content
  32. 32. The five principles of Microsoft design
  33. 33. FAST & FLUID Design for touch
  34. 34. FAST & FLUID Responsive
  35. 35. FAST & FLUID Intuitive interaction
  36. 36. FAST & FLUID Delight with motion
  37. 37. The five principles of Microsoft design
  38. 38. Authentically = No metaphors digital
  39. 39. Authentically = digital
  40. 40. The five principles of Microsoft design
  41. 41. Be great at somethingFocused and directContent before chromeInspire confidence
  42. 42. Decide what your app needs to do! Create a “Best at” statement
  43. 43. MY APP IS BEST AT ...One sentence Specific Truly differentiated
  44. 44. Scenario brainstorming Food with FriendsWhere do friends want to eat See suggested restaurantsSearch for a restaurant Write a reviewRead a review Activities before and after eatingGet prices, location, contact, ... Return to favorite restaurantsWhere do I want to eat Get friend’s opinionView, send or print directions Bookmark restaurantsInteract with restaurant owners Create an app account and profileView or share photos Share my experiences
  45. 45. Scenario brainstorming Food with FriendsWhere do friends want to eat See suggested restaurants Write a reviewRead a review Activities before and after eatingGet prices, location, contact, ... Return to favorite restaurants Get friend’s opinionWherewithwant to eat the best app in its category at helpingFood do I friends isView, send ortheir friends find a restaurantrestaurants tonight users and print directions Bookmark to eat atInteract with restaurant owners Create an app account and profileView or share photos Share my experiences
  46. 46. Best design is when there is nothing left to remove
  47. 47. The five principles of Microsoft design
  48. 48. WIN AS ONEFit into the UI modelReduce redundancyWork together
  49. 49. 3. Ignore the user’s opinion about the app
  50. 50. 3. Ignore the user’s opinion about the app
  51. 51. 1 day out of my life
  52. 52. 1 day out of my life
  53. 53. 1 day out of my life
  54. 54. 1 day out of my life
  55. 55. 1 day out of my life
  56. 56. 1 day out of my life
  57. 57. 1 day out of my life
  58. 58. 1 day out of my life
  59. 59. 1 day out of my life
  60. 60. Did anybody asked my advice onthese things?
  61. 61. BUT WE CAN WORK WITH THESE THINGS
  62. 62. BUT WE CAN WORK WITH THESE THINGSBECAUSE PEOPLE ADAPT TO TECHNOLOGY
  63. 63. But don’t make it too difficult for them
  64. 64. 4. Don’t create an app because you want one
  65. 65. This is my computer
  66. 66. This is the backside ofmy computer
  67. 67. Why in the world should I want touse a TorchLight on my computer
  68. 68. 5. A Windows 8 app is not a website
  69. 69. 6. Icons
  70. 70. ICONS Use known icons in the correct context otherwise add text
  71. 71. Look through thetoilet window???
  72. 72. 7. Typography
  73. 73. What you want is a readable font
  74. 74. Not this one
  75. 75. Not this one
  76. 76. Not this one
  77. 77. WHAT ABOUT THIS ONE
  78. 78. What you want is a readable fontthat works in different sizes
  79. 79. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Maecenas porttitor congue massa. Fusce posuere, magnased pulvinar ultricies, purus lectus malesuada libero, sit ametcommodo magna eros quis urna.Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.Pellentesque habitant morbi tristique senectus et netus etmalesuada fames ac turpis egestas. Proin pharetra nonummypede. Mauris et orci.Aenean nec lorem. In porttitor. Donec laoreet nonummyaugue.Suspendisse dui purus, scelerisque at, vulputate vitae,pretium mattis, nunc. Mauris eget neque at sem venenatiseleifend. Ut nonummy.
  80. 80. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies,purus lectus malesuada libero, sit amet commodo magna eros quis urna.Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci.Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy.
  81. 81. Lorem ipsum dolor sit amet,consectetuer adipiscing elit.Maecenas porttitor conguemassa. Fusce posuere, magnased pulvinar ultricies, puruslectus malesuada libero, sitamet commodo magna eros
  82. 82. VERDANALUCIDA GRANDESEGOE UI
  83. 83. OOH, before I forget!Never ever , and this is real,I kid you not, you will get punched,deploy an app with spelling mistakes
  84. 84. Things we don’t have time for> Make it easy to go home> Implement Search> Handle errors wisely> Watch out with unnatural things> ...
  85. 85. http://www.worth1000.com/entries/542916/frightenedhttp://iwdrm.tumblr.com/page/15http://annelyse.be/2009/12/29/dyson-verslag/http://www.slowdownfast.com/life-balance-why-following-rules-is-liberating/http://iwdrm.tumblr.com/page/16http://www.campist.com/archives/light-my-fire-spork-utensil.jpghttp://www.fuelyourmotionography.com/files/monkey-thinking.pnghttp://s4.hubimg.com/u/5078555_f260.jpg

×