O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Developers and Designers

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 141 Anúncio
Anúncio

Mais Conteúdo rRelacionado

Semelhante a Developers and Designers (20)

Mais de Kevin DeRudder (13)

Anúncio

Mais recentes (20)

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 Mars Designers are from Venus
  3. 3. @kevinderudder working for eGuidelines and a lecturer at the Technical University of West Flanders. Contact me on kevin@e-guidelines.be
  4. 4. NERVOUS 1. Last session before dinner 2. I need to talk about design
  5. 5. NERVOUS 1. Last session before dinner 2. I need to talk about design
  6. 6. Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing it's stupid. - Einstein
  7. 7. Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing it's stupid.
  8. 8. But on the otherhand, does a designer need to draw things
  9. 9. AND L300
  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 IS not about “damn that looks good” Actually I hate “damn that looks good”
  17. 17. DESIGN IS about making things attractive
  18. 18. DESIGN IS making your app understandable Users do not have to think, they only do
  19. 19. DESIGN IS about making a great product nothing more , nothing less
  20. 20. good Fast and Fluid Beautiful interface? Accessible Intuitive
  21. 21. With some guidelines, even we can make good interfaces
  22. 22. The good thing is that these guidelines work everywhere
  23. 23. design.windows.com 0. windows8designhandbook.com windowsuserexperiencetraining.com
  24. 24. 1. Content is king
  25. 25. Content before chrome Content is the heart of any experience Anything else is just a way to consume and interact with content Leave only the most relevant elements on the screen
  26. 26. Reason Layout Interactions for 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 of the tiles when big screens 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 something Focused and direct Content before chrome Inspire 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 Friends Where do friends want to eat See suggested restaurants Search for a restaurant Write a review Read a review Activities before and after eating Get prices, location, contact, ... Return to favorite restaurants Where do I want to eat Get friend’s opinion View, send or print directions Bookmark restaurants Interact with restaurant owners Create an app account and profile View or share photos Share my experiences
  45. 45. Scenario brainstorming Food with Friends Where do friends want to eat See suggested restaurants Write a review Read a review Activities before and after eating Get prices, location, contact, ... Return to favorite restaurants Get friend’s opinion Wherewithwant to eat the best app in its category at helping Food do I friends is View, send ortheir friends find a restaurantrestaurants tonight users and print directions Bookmark to eat at Interact with restaurant owners Create an app account and profile View 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 ONE Fit into the UI model Reduce redundancy Work 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 on these things?
  61. 61. BUT WE CAN WORK WITH THESE THINGS
  62. 62. BUT WE CAN WORK WITH THESE THINGS BECAUSE 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 of my computer
  67. 67. Why in the world should I want to use 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 the toilet 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 font that works in different sizes
  79. 79. 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.
  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 congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros
  82. 82. VERDANA LUCIDA GRANDE SEGOE 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/frightened http://iwdrm.tumblr.com/page/15 http://annelyse.be/2009/12/29/dyson-verslag/ http://www.slowdownfast.com/life-balance-why-following-rules-is-liberating/ http://iwdrm.tumblr.com/page/16 http://www.campist.com/archives/light-my-fire-spork-utensil.jpg http://www.fuelyourmotionography.com/files/monkey-thinking.png http://s4.hubimg.com/u/5078555_f260.jpg

×