crafting a great UXmobilefirst FE design & development meet31 MAR 2013ashutosh kumar Yahoo! Design
industrial designer IIT mumbai                      about me   ux design practitioner since 12 years                      ...
what is great UX                        a holistic experience which appears                      like a modern art that ma...
few great user experiencesYahoo! Confidential
characteristics of great UX                                                    Unobtrusive                                ...
how to do                      follow experience design principles                            leverage visual design      ...
principles of experience design                      Provide context                      Limit distractions              ...
create an aesthetic appeal    if an outcome is not aesthetically rich, it is not             the optimum design solution  ...
create an aesthetic appeal              if outcome is not aesthetically rich, it is not                      the optimum d...
typography - the most powerful element     with “flat design” trend, typography has become too important     use fonts beau...
typographic power     with “flat design” trend, typography has become too important     use fonts beautifully designed and ...
play with subtle texture                      reveal              communicate message       fill white spaces              ...
creating delightful interactionsYahoo! Confidential
responsive design - thoughtful reductionYahoo! Confidential
leveraging HTML5    Paper fold behavior        3D elements                 CSS3 properties    to create novel and rich   t...
prototype before you build                      Wireframe or graphic mock is not enough                      prototyping c...
define your design principles                      Sophistication                      Follow a clear design vision. Make s...
set a design languageYahoo! Confidential
Design at Yahoo!Yahoo! Confidential
Thank YouCredits: Yahoo! Images, Flickr, Google Images, design blogs
Upcoming SlideShare
Loading in …5
×

Crafting Great User Experience

859 views
832 views

Published on

my talk at "MobileFirst:designer - dev meet" 31 March 2013

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
859
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Crafting Great User Experience

  1. 1. crafting a great UXmobilefirst FE design & development meet31 MAR 2013ashutosh kumar Yahoo! Design
  2. 2. industrial designer IIT mumbai about me ux design practitioner since 12 years principal designer Yahoo! India ashutoshk77@yahoo.comYahoo! Confidential
  3. 3. what is great UX a holistic experience which appears like a modern art that makes you think “I could do that” but you didn’t.Yahoo! Confidential
  4. 4. few great user experiencesYahoo! Confidential
  5. 5. characteristics of great UX Unobtrusive doesnt come in the users’ way Simplicity Minimalistic Useful why didn’t i think like through thoughtful justifies its creation this before reductionYahoo! Confidential
  6. 6. how to do follow experience design principles leverage visual design prototype instead of wireframes define your design principlesYahoo! Confidential
  7. 7. principles of experience design Provide context Limit distractions Reduce visual clutter Provide information hierarchy that matches user needs Provide strong “you are here” cue Provide feedback Make actions reversible Create aesthetic appealYahoo! Confidential
  8. 8. create an aesthetic appeal if an outcome is not aesthetically rich, it is not the optimum design solution - buckminster fullerYahoo! Confidential
  9. 9. create an aesthetic appeal if outcome is not aesthetically rich, it is not the optimum design solution - buckminster fullerYahoo! Confidential
  10. 10. typography - the most powerful element with “flat design” trend, typography has become too important use fonts beautifully designed and comfortable to read use subtle – all-purpose – must not make strong statements via appearance use fonts that provide broad character support for multiple languagesYahoo! Confidential
  11. 11. typographic power with “flat design” trend, typography has become too important use fonts beautifully designed and comfortable to read use subtle – all-purpose – must not make strong statements via appearance use fonts that provide broad character support for multiple languagesYahoo! Confidential
  12. 12. play with subtle texture reveal communicate message fill white spaces the fine character with power and emphasis for a visual interestYahoo! Confidential
  13. 13. creating delightful interactionsYahoo! Confidential
  14. 14. responsive design - thoughtful reductionYahoo! Confidential
  15. 15. leveraging HTML5 Paper fold behavior 3D elements CSS3 properties to create novel and rich to create visual interest http://leaverou.github.com/animatable/ interactionsYahoo! Confidential
  16. 16. prototype before you build Wireframe or graphic mock is not enough prototyping conveys the “magic” of a web application Static mocks doesn’t help in visualizing dynamic interactions see problems more clearly—and often earlier Show it instead of telling stories users, customers, designers, developer all will be benefited Makes development smoother nobody reads hundreds pages of specs and written interactionsYahoo! Confidential
  17. 17. define your design principles Sophistication Follow a clear design vision. Make sure that the details consistently support the vision. Desirability Establish a premium quality of beautiful design. Maintain the highest possible standard. Simplicity Organize for productivity. Make it easy to use. Subtlety Don’t be loud or let the design eclipse content or function. Seriousness Be visually clear and not too playful. Continuity Maintain established design conventions and evolve carefully. Build upon the strengths of the past.Yahoo! Confidential
  18. 18. set a design languageYahoo! Confidential
  19. 19. Design at Yahoo!Yahoo! Confidential
  20. 20. Thank YouCredits: Yahoo! Images, Flickr, Google Images, design blogs

×