The future  of webdesign (FOWD) Matthijs kleverlaan
Photo by: http://www.flickr.com/photos/bastienlabelle/2424793737/in/set-72157604624144691/
Photo by: http://www.flickr.com/photos/bastienlabelle/2425607744/sizes/l/in/set-72157604624144691/
Photo by: http://www.flickr.com/photos/bastienlabelle/2424852479/
The topics
Finding inspiration for design User Experience v.s. Brand Experience Desiging the user Experience Getting your designs app...
Finding inspiration for design User Experience v.s. Brand Experience Desiging the user Experience curve Getting your desig...
Finding inspiration for design
So what is inspiration?
Finding inspiration  is a lifestyle and an ongoing view  of the world
Inspiration is an ongoing process
Every time a day you can get inspired
 
Direct & Indirect Sources
Direct Sources <ul><li>Trade Magazines </li></ul><ul><ul><li>Computer Arts, Creatie, Print, ID etc.  </li></ul></ul><ul><l...
 
 
 
More direct Sources <ul><li>Everyday life </li></ul><ul><ul><li>Billboards </li></ul></ul><ul><ul><li>Restaurant menus </l...
Photo credit http://www.thenextcorner.com/2007/06/ipod_bud_light_.html
 
Indirect sources For fresh ideas, look in fresh places
Fresh ideas in fresh places <ul><li>Art history </li></ul>
Supper at Emmaus by Caravaggio
 
Fresh ideas in fresh places <ul><li>Art history </li></ul><ul><li>Unexpected Books </li></ul>
 
 
How to avoid abuse Inspiration vs duplication
 
Inspiration Summary <ul><li>Know your sources </li></ul><ul><li>Try to store your inspiration resources </li></ul><ul><li>...
Don’t look at websites Look at the elements on different sites Collect links with elements you want to use
Design trends
Current design trends <ul><li>Homepage big banner spots </li></ul>
 
 
Current design trends <ul><li>Homepage big banner spots </li></ul><ul><li>Brown colored websites </li></ul>
 
 
Current design trends <ul><li>Homepage big banner spots </li></ul><ul><li>Brown colored websites </li></ul><ul><li>Supersi...
 
 
 
Future design trends
Future design trends <ul><li>Softer colors </li></ul>
 
 
Future design trends <ul><li>Softer colors </li></ul><ul><li>Horizontal vs. Vertical </li></ul>
 
 
Future design trends <ul><li>Softer colors </li></ul><ul><li>Horizontal vs. Vertical </li></ul><ul><li>Video </li></ul>
 
 
 
Finding inspiration for design <ul><li>Speaker: </li></ul><ul><li>Patrick McNeil </li></ul><ul><li>You know him from: </li...
User experience v.s.  Brand experience
 
 
There is no competition
 
There is no  winner of loser
 
 
 
There is no  war
 
Client and studio  must be in harmony
The user experience
 
 
 
The iceberg is the user experience through the whole website
 
 
You see the top You want to see  the whole iceberg..
 
 
 
 
Most designers  create a great top  of the iceberg But have an poor bottom of the iceberg.
 
You want this
 
But you have this
 
For example take google
Not a great design
 
but a great user experience
 
Look at the whole user experience
 
Work on the whole user experience
 
And then
 
Brand experience
Brand experience Is NOT about billboards It’s about the experience It’s about the emotional attachment It’s people talking...
Branding as an experience
Branding is about the emotional aspect
Why do we grab coffee at
 
Instead off
 
It’s branding
Branding is about people talking to each other
Think about virals / word of mouth
http://www.flickr.com/photos/45457688@N00/82283972/
Brand experience in the past
We all use to  watch the same television shows
http://www.flickr.com/photos/giaochau/272060799/
And share  our thoughts
http://www.flickr.com/photos/nguyenkhanhduy/1336659604/
Back then we consumed media in a different way
Family listening to radio http://www.flickr.com/photos/giaochau/272060780/
That's one small step for man,  one giant leap for mankind
Is the most widely watched television broadcast..
These days  it’s harder to create something
That’s shares  the same experience
Design  the experience
Systems-centered design A  design philosophy and a process in which the needs, wants, and limitations of the end user of t...
Do not fear failure
Otherwise you will never release something risky.
Learn from your mistakes
User experience vs Brand experience <ul><li>Speakers: </li></ul><ul><li>Steve Pearces and Andy Clarke </li></ul><ul><li>Yo...
Design the  user experience
First impressions count Attentive Service Personalisation and customisation Attention to detail The user experience Feedba...
First impressions count
http://flickr.com/photos/47313217@N00/1360279731/
http://flickr.com/photos/joshb/58408568/
Attentive Service
http://flickr.com/photos/ari/418042736/ The doorman hailing a cab
http://flickr.com/photos/steve-brandon/414392862/ Opening a new line
Personalisation and customisation
 
Attention to detail
http://flickr.com/photos/kb-a/43723177/
http://www.flickr.com/photos/bmw328driver/2443315790/
Feedback
 
 
Make it fun
http://flickr.com/photos/duncan/2084134925/
 
Create the perfect environment
 
 
Arrive at lobby hotel Checking in at hotel Searching for your room Roomservice The perfect hotel experience
First visit / arrive at Homepage  Log in to your account Navigation and searching Support and feedback Perfect website exp...
Create the perfect user experience
Designing the user experience <ul><li>Speaker: </li></ul><ul><li>Patrick McNeil </li></ul><ul><li>You know him from: </li>...
Getting your designs approved: 12 Simple Rules
Designer
The ideal process
The real process
Why is it such a challenge
Design is often subjective Comps (presentations) are not interactive Innovation can be hard to grasp Everyone has an opini...
Make friends with your client
1. Make friends with your client <ul><li>Most likely, your clients are overworked and under a lot of pressure with a varie...
2: Ask lots of questions.
2. Ask lots of questions <ul><li>Get to know your client’s industry and business objectives.  </li></ul><ul><li>Perform a ...
Hotdogs
<ul><li>What are hot dogs exactly? </li></ul><ul><li>Why are they called hot dogs? </li></ul><ul><li>Are your hot dogs kos...
<ul><li>Why are hot dog buns longer than hot dogs? </li></ul><ul><li>How many ways can you cook a hot dog? </li></ul><ul><...
<ul><li>Can hot dogs be eaten cold? </li></ul><ul><li>What kind of seasoning do  you use? </li></ul><ul><li>What’s the bes...
<ul><li>What do you think of hot dog eating contests? </li></ul><ul><li>Have your hot dogs been used in contests? </li></u...
3. Ask more questions <ul><li>Who will be using this site </li></ul><ul><li>What’s the target age range </li></ul><ul><li>...
3. Use wireframes but don’t be tied to them <ul><li>Wireframes are a vital part of communicating with your client. </li></...
3. Use wireframes but don’t be tied to them <ul><li>Wireframes are a vital part of communicating with your client. </li></...
<ul><li>Define content blocks and the overall IA for the site </li></ul><ul><li>Get your clients thinking about functional...
Provide good notes
B Search A A IAB 728x90 D C Featured Content B D IAB 300x250 C E Tag Cloud E F Chronological Content G G Recent Comments F
Subtle Changes Are Okay
 
5. Talk about design before you open Photoshop <ul><li>Before you start the design process, reference other sites, mood bo...
Use site Examples & Color paletts
6. One design direction will do. It is not a  take-out menu!
6. One design direction will do. <ul><li>Giving the client a variety of design options to choose from might seem like a go...
6. One design direction will do. <ul><li>Giving the client a variety of design options to choose from might seem like a go...
7. Present in the browser
Don’t just E-mail it!
7. Present in the browser <ul><li>Viewing comps only on paper or PDF doesn’t give a true sense of how the comps will look ...
8. Prototype as needed <ul><li>Simple prototypes will help your clients grasp innovative concepts.  </li></ul><ul><li>It’s...
Fireworks allows you to rapidly prototype web site designs.  Taking your design mockups from sketches to an interactive pr...
 
9: Ask for consolidated feedback + limited rounds of  revisions. <ul><li>Educate your clients on the importance of providi...
Too Many Cooks in the Kitchen
Tips to Get the Feedback You Need <ul><li>Help your clients to focus on the user’s needs and not just their own creative “...
10. Be confident in your work. <ul><li>Don’t fall into the trap of asking your clients what they think is right.  </li></u...
You are the expert
11. Time will tell. <ul><li>With time, your client will understand the design process. </li></ul><ul><li>You will come to ...
Getting sign-offs is a smoother process after a working relationship has been established.
12. Make the most of a difficult situation. <ul><li>Web Design is a service industry </li></ul><ul><li>A top priority is l...
Stay positive. The client will feel like you are working with them and not against them.
Conclusion <ul><li>Getting approval on designs is not a science </li></ul><ul><li>Each project is different  </li></ul><ul...
12 simple steps <ul><li>1.  Make friends with your client </li></ul><ul><li>2.  Ask lots of questions - about the client's...
Thats part 1..
Part 2 Next time..
Part 2 contains.. Print is the new web From design to deployment Unconventional ways to promote your site Evolving the Use...
Questions? Matthijs Kleverlaan Questions just say hello to  thaisie@ gmail.com   –  www.thaisie.com   On twitter:  http://...
Upcoming SlideShare
Loading in...5
×

The future of webdesign (london 2008)

9,474

Published on

This a presentation wich I made about the Future of webdesign 2008. I\'ve used the presentations of the speakers, and inserted some thoughts and pictures from my side..

Published in: Design, Business, Technology
4 Comments
59 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,474
On Slideshare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
832
Comments
4
Likes
59
Embeds 0
No embeds

No notes for slide
  • The future of webdesign (london 2008)

    1. 1. The future of webdesign (FOWD) Matthijs kleverlaan
    2. 2. Photo by: http://www.flickr.com/photos/bastienlabelle/2424793737/in/set-72157604624144691/
    3. 3. Photo by: http://www.flickr.com/photos/bastienlabelle/2425607744/sizes/l/in/set-72157604624144691/
    4. 4. Photo by: http://www.flickr.com/photos/bastienlabelle/2424852479/
    5. 5. The topics
    6. 6. Finding inspiration for design User Experience v.s. Brand Experience Desiging the user Experience Getting your designs approved: 12 simple Rules Print is the new web From design to deployment Unconventional ways to promote your site Evolving the User Experience
    7. 7. Finding inspiration for design User Experience v.s. Brand Experience Desiging the user Experience curve Getting your designs approved: 12 simple Rules Part 1
    8. 8. Finding inspiration for design
    9. 9. So what is inspiration?
    10. 10. Finding inspiration is a lifestyle and an ongoing view of the world
    11. 11. Inspiration is an ongoing process
    12. 12. Every time a day you can get inspired
    13. 14. Direct & Indirect Sources
    14. 15. Direct Sources <ul><li>Trade Magazines </li></ul><ul><ul><li>Computer Arts, Creatie, Print, ID etc. </li></ul></ul><ul><li>Cataloging books </li></ul><ul><ul><li>Typography </li></ul></ul><ul><ul><li>Color </li></ul></ul><ul><ul><li>Layouts </li></ul></ul><ul><ul><li>Design </li></ul></ul>
    15. 19. More direct Sources <ul><li>Everyday life </li></ul><ul><ul><li>Billboards </li></ul></ul><ul><ul><li>Restaurant menus </li></ul></ul><ul><ul><li>Commercials </li></ul></ul><ul><ul><li>Everything </li></ul></ul><ul><li>Online </li></ul><ul><ul><li>Blogs </li></ul></ul><ul><ul><li>Design showcases </li></ul></ul>
    16. 20. Photo credit http://www.thenextcorner.com/2007/06/ipod_bud_light_.html
    17. 22. Indirect sources For fresh ideas, look in fresh places
    18. 23. Fresh ideas in fresh places <ul><li>Art history </li></ul>
    19. 24. Supper at Emmaus by Caravaggio
    20. 26. Fresh ideas in fresh places <ul><li>Art history </li></ul><ul><li>Unexpected Books </li></ul>
    21. 29. How to avoid abuse Inspiration vs duplication
    22. 31. Inspiration Summary <ul><li>Know your sources </li></ul><ul><li>Try to store your inspiration resources </li></ul><ul><li>Inspiration is a never ending process </li></ul><ul><li>Inspiration takes practice </li></ul>
    23. 32. Don’t look at websites Look at the elements on different sites Collect links with elements you want to use
    24. 33. Design trends
    25. 34. Current design trends <ul><li>Homepage big banner spots </li></ul>
    26. 37. Current design trends <ul><li>Homepage big banner spots </li></ul><ul><li>Brown colored websites </li></ul>
    27. 40. Current design trends <ul><li>Homepage big banner spots </li></ul><ul><li>Brown colored websites </li></ul><ul><li>Supersize me </li></ul>
    28. 44. Future design trends
    29. 45. Future design trends <ul><li>Softer colors </li></ul>
    30. 48. Future design trends <ul><li>Softer colors </li></ul><ul><li>Horizontal vs. Vertical </li></ul>
    31. 51. Future design trends <ul><li>Softer colors </li></ul><ul><li>Horizontal vs. Vertical </li></ul><ul><li>Video </li></ul>
    32. 55. Finding inspiration for design <ul><li>Speaker: </li></ul><ul><li>Patrick McNeil </li></ul><ul><li>You know him from: </li></ul><ul><li>http:// www.designmeltdown.com / </li></ul><ul><li>The presentation slides: </li></ul><ul><li>http:// www.slideshare.net / carsonified / inspiration-design-trends-patrick-mc-neil </li></ul><ul><li>Watch the recorded presentation: </li></ul><ul><li>http:// www.vimeo.com /946121 </li></ul>
    33. 56. User experience v.s. Brand experience
    34. 59. There is no competition
    35. 61. There is no winner of loser
    36. 65. There is no war
    37. 67. Client and studio must be in harmony
    38. 68. The user experience
    39. 72. The iceberg is the user experience through the whole website
    40. 75. You see the top You want to see the whole iceberg..
    41. 80. Most designers create a great top of the iceberg But have an poor bottom of the iceberg.
    42. 82. You want this
    43. 84. But you have this
    44. 86. For example take google
    45. 87. Not a great design
    46. 89. but a great user experience
    47. 91. Look at the whole user experience
    48. 93. Work on the whole user experience
    49. 95. And then
    50. 97. Brand experience
    51. 98. Brand experience Is NOT about billboards It’s about the experience It’s about the emotional attachment It’s people talking to each other
    52. 99. Branding as an experience
    53. 100. Branding is about the emotional aspect
    54. 101. Why do we grab coffee at
    55. 103. Instead off
    56. 105. It’s branding
    57. 106. Branding is about people talking to each other
    58. 107. Think about virals / word of mouth
    59. 108. http://www.flickr.com/photos/45457688@N00/82283972/
    60. 109. Brand experience in the past
    61. 110. We all use to watch the same television shows
    62. 111. http://www.flickr.com/photos/giaochau/272060799/
    63. 112. And share our thoughts
    64. 113. http://www.flickr.com/photos/nguyenkhanhduy/1336659604/
    65. 114. Back then we consumed media in a different way
    66. 115. Family listening to radio http://www.flickr.com/photos/giaochau/272060780/
    67. 116. That's one small step for man, one giant leap for mankind
    68. 117. Is the most widely watched television broadcast..
    69. 118. These days it’s harder to create something
    70. 119. That’s shares the same experience
    71. 120. Design the experience
    72. 121. Systems-centered design A design philosophy and a process in which the needs, wants, and limitations of the end user of the design process. User-centerd design ask people what they want Activity-centerd design Look what people do instead of asking him Genius-centerd design The apple approach. Create something you think it's perfect and the user will tell you if your were right..
    73. 122. Do not fear failure
    74. 123. Otherwise you will never release something risky.
    75. 124. Learn from your mistakes
    76. 125. User experience vs Brand experience <ul><li>Speakers: </li></ul><ul><li>Steve Pearces and Andy Clarke </li></ul><ul><li>You know them from: </li></ul><ul><li>Steve Pearces http:// www.pokelondon.com / </li></ul><ul><li>Andy Clarke http:// www.stuffandnonsense.co.uk / </li></ul><ul><li>The presentation slides: </li></ul><ul><li>http:// www.slideshare.net / carsonified / user-experience-v-brand-experience-steve-pearce-andy-clarke </li></ul><ul><li>Some notes are from: </li></ul><ul><li>http://adactio.com/journal/1439/ </li></ul><ul><li>Watch the recorded presentation: </li></ul><ul><li>http:// vimeo.com /931504 </li></ul>
    77. 126. Design the user experience
    78. 127. First impressions count Attentive Service Personalisation and customisation Attention to detail The user experience Feedback Make it fun Create the perfect environment
    79. 128. First impressions count
    80. 129. http://flickr.com/photos/47313217@N00/1360279731/
    81. 130. http://flickr.com/photos/joshb/58408568/
    82. 131. Attentive Service
    83. 132. http://flickr.com/photos/ari/418042736/ The doorman hailing a cab
    84. 133. http://flickr.com/photos/steve-brandon/414392862/ Opening a new line
    85. 134. Personalisation and customisation
    86. 136. Attention to detail
    87. 137. http://flickr.com/photos/kb-a/43723177/
    88. 138. http://www.flickr.com/photos/bmw328driver/2443315790/
    89. 139. Feedback
    90. 142. Make it fun
    91. 143. http://flickr.com/photos/duncan/2084134925/
    92. 145. Create the perfect environment
    93. 148. Arrive at lobby hotel Checking in at hotel Searching for your room Roomservice The perfect hotel experience
    94. 149. First visit / arrive at Homepage Log in to your account Navigation and searching Support and feedback Perfect website experience
    95. 150. Create the perfect user experience
    96. 151. Designing the user experience <ul><li>Speaker: </li></ul><ul><li>Patrick McNeil </li></ul><ul><li>You know him from: </li></ul><ul><li>http:// www.clearleft.com </li></ul><ul><li>The presentation slides: </li></ul><ul><li>http:// www.slideshare.net / carsonified / designing-the-user-experience-curve-andybudd / </li></ul><ul><li>Watch the recorded presentation: </li></ul><ul><li>http:// vimeo.com /935747 </li></ul>
    97. 152. Getting your designs approved: 12 Simple Rules
    98. 153. Designer
    99. 154. The ideal process
    100. 155. The real process
    101. 156. Why is it such a challenge
    102. 157. Design is often subjective Comps (presentations) are not interactive Innovation can be hard to grasp Everyone has an opinion because we all use the web Why is it such a challenge
    103. 158. Make friends with your client
    104. 159. 1. Make friends with your client <ul><li>Most likely, your clients are overworked and under a lot of pressure with a variety of responsibilities. </li></ul><ul><li>Be understanding, a positive relationship is key. </li></ul>
    105. 160. 2: Ask lots of questions.
    106. 161. 2. Ask lots of questions <ul><li>Get to know your client’s industry and business objectives. </li></ul><ul><li>Perform a competitive analysis to see what others in the industry are doing. </li></ul><ul><li>What does the client want to get out of the site? </li></ul><ul><li>What is their business all about? </li></ul>
    107. 162. Hotdogs
    108. 163. <ul><li>What are hot dogs exactly? </li></ul><ul><li>Why are they called hot dogs? </li></ul><ul><li>Are your hot dogs kosher? </li></ul><ul><li>What makes a hot dog kosher? </li></ul><ul><li>What is the history of Frankfurters? </li></ul><ul><li>How are hot dogs stuffed? </li></ul><ul><li>What is the “outside” made of? </li></ul><ul><li>What’s in vegetarian hot dogs? </li></ul>Ask questions
    109. 164. <ul><li>Why are hot dog buns longer than hot dogs? </li></ul><ul><li>How many ways can you cook a hot dog? </li></ul><ul><li>What’s the best way to cook a hot dog? </li></ul><ul><li>Why are hot dogs associated with baseball games? </li></ul><ul><li>Is there a danger of children choking on them? </li></ul><ul><li>How much sodium is in your hot dogs? </li></ul>Ask some more questions
    110. 165. <ul><li>Can hot dogs be eaten cold? </li></ul><ul><li>What kind of seasoning do you use? </li></ul><ul><li>What’s the best side to accompany a hot dog? </li></ul><ul><li>How many calories are in a hot dog? </li></ul><ul><li>What are the most popular toppings? </li></ul><ul><li>What are the best toppings? </li></ul>Ask EVEN MORE questions
    111. 166. <ul><li>What do you think of hot dog eating contests? </li></ul><ul><li>Have your hot dogs been used in contests? </li></ul><ul><li>How long have you been making hot dogs? </li></ul><ul><li>Could you arrange for me to talk on the phone with some of the people who make your hot dogs? </li></ul><ul><li>Etc... </li></ul>You get the idea
    112. 167. 3. Ask more questions <ul><li>Who will be using this site </li></ul><ul><li>What’s the target age range </li></ul><ul><li>What are their browser capabilities? </li></ul><ul><li>What does the user need to take away? </li></ul><ul><li>The user needs are often different from the business objectives. </li></ul><ul><li>User profiles will help support your design choices. </li></ul>
    113. 168. 3. Use wireframes but don’t be tied to them <ul><li>Wireframes are a vital part of communicating with your client. </li></ul><ul><li>They make a great conversation starter. </li></ul>
    114. 169. 3. Use wireframes but don’t be tied to them <ul><li>Wireframes are a vital part of communicating with your client. </li></ul><ul><li>They make a great conversation starter. </li></ul><ul><li>Use wireframes to indicate content priority and general placement. </li></ul><ul><li>It’s okay if they change when you go to comp. </li></ul>
    115. 170. <ul><li>Define content blocks and the overall IA for the site </li></ul><ul><li>Get your clients thinking about functionality and what makes sense for the user </li></ul><ul><li>Make wireframes to scale </li></ul><ul><li>Walk your clients through the wireframes </li></ul>
    116. 171. Provide good notes
    117. 172. B Search A A IAB 728x90 D C Featured Content B D IAB 300x250 C E Tag Cloud E F Chronological Content G G Recent Comments F
    118. 173. Subtle Changes Are Okay
    119. 175. 5. Talk about design before you open Photoshop <ul><li>Before you start the design process, reference other sites, mood boards or present color palettes to get the conversation started. </li></ul><ul><li>This will help reduce the number of revisions. </li></ul>
    120. 176. Use site Examples & Color paletts
    121. 177. 6. One design direction will do. It is not a take-out menu!
    122. 178. 6. One design direction will do. <ul><li>Giving the client a variety of design options to choose from might seem like a good idea </li></ul><ul><li>- but generally it’s not. </li></ul>
    123. 179. 6. One design direction will do. <ul><li>Giving the client a variety of design options to choose from might seem like a good idea </li></ul><ul><li>- but generally it’s not. </li></ul><ul><li>It can cause an “add this to that” mentality resulting in a lack of design consistency and poor usability. </li></ul>
    124. 180. 7. Present in the browser
    125. 181. Don’t just E-mail it!
    126. 182. 7. Present in the browser <ul><li>Viewing comps only on paper or PDF doesn’t give a true sense of how the comps will look in a browser. </li></ul><ul><li>If at all possible, “walk through” the designs don’t just email them. </li></ul><ul><li>Provide notes: Your clients might have to show the designs to others for approval. </li></ul>
    127. 183. 8. Prototype as needed <ul><li>Simple prototypes will help your clients grasp innovative concepts. </li></ul><ul><li>It’s not always required, but it can help to sell an idea that your client has never seen before. </li></ul>
    128. 184. Fireworks allows you to rapidly prototype web site designs. Taking your design mockups from sketches to an interactive prototype can help you test your design. It can also help to communicate your vision for the site to your client. Fireworks CS3 is Your Friend
    129. 186. 9: Ask for consolidated feedback + limited rounds of revisions. <ul><li>Educate your clients on the importance of providing consolidated feedback. </li></ul><ul><li>A project can quickly spiral out of control when feedback is given in piece-meal. </li></ul><ul><li>Limiting the number of revisions will help the project to stay on track. </li></ul>
    130. 187. Too Many Cooks in the Kitchen
    131. 188. Tips to Get the Feedback You Need <ul><li>Help your clients to focus on the user’s needs and not just their own creative “opinions” </li></ul><ul><li>Ask for specifics if they say “It just doesn’t feel right” </li></ul><ul><li>If they need to get approval from their superiors, ask that they give you all feedback in a consolidated format per round </li></ul>
    132. 189. 10. Be confident in your work. <ul><li>Don’t fall into the trap of asking your clients what they think is right. </li></ul><ul><li>Design with the users in mind and have research to back up your decisions. </li></ul>
    133. 190. You are the expert
    134. 191. 11. Time will tell. <ul><li>With time, your client will understand the design process. </li></ul><ul><li>You will come to find ways to improve the client approval process. </li></ul>
    135. 192. Getting sign-offs is a smoother process after a working relationship has been established.
    136. 193. 12. Make the most of a difficult situation. <ul><li>Web Design is a service industry </li></ul><ul><li>A top priority is listening to your client’s concerns and feedback. </li></ul><ul><li>Be sure to recognize and address their concerns with the user in mind. </li></ul>
    137. 194. Stay positive. The client will feel like you are working with them and not against them.
    138. 195. Conclusion <ul><li>Getting approval on designs is not a science </li></ul><ul><li>Each project is different </li></ul><ul><li>These 12 simple rules aim for the best case scenario </li></ul>
    139. 196. 12 simple steps <ul><li>1. Make friends with your client </li></ul><ul><li>2. Ask lots of questions - about the client's industry </li></ul><ul><li>3. Ask more questions – know the user </li></ul><ul><li>4. Use wireframes but don’t be tied to them </li></ul><ul><li>5. Talk about design before you open Photoshop </li></ul><ul><li>6. One design direction will do </li></ul><ul><li>7. Present in the browser </li></ul><ul><li>8. Prototype as needed </li></ul><ul><li>9. Ask for consolidated feedback & limit the revisions </li></ul><ul><li>10. Be confident in your work </li></ul><ul><li>11. Time will tell </li></ul><ul><li>12. Make the most of a difficult situation </li></ul>
    140. 197. Thats part 1..
    141. 198. Part 2 Next time..
    142. 199. Part 2 contains.. Print is the new web From design to deployment Unconventional ways to promote your site Evolving the User Experience
    143. 200. Questions? Matthijs Kleverlaan Questions just say hello to thaisie@ gmail.com – www.thaisie.com On twitter: http:// twitter.com /thaisie
    1. Gostou de algum slide específico?

      Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

    ×