UX for Developers - ZehnerGroup

1,123
-1

Published on

This presentation was originally given at a Los Angeles developer meetup on June 4th 2012.

Exceptional products rely heavily on design that provides simple and intuitive interaction for the end user to quickly and efficiently achiever their goals and needs. No longer is UX simply the job of the design or architecture team, but a contribution from all disciplines involved in a product's creation. The collaboration between design and development is a key factor in defining the end user's experience.

Presenters: Matthew Zehner, Barrett Morse, Weston James.

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,123
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • All parties are involved in UX\n
  • \n
  • User experience is dynamic, because it changes over time as circumstances change.\nInstead of simply an interaction between human and computer there is now an additional interaction with a users social community\n
  • Not to make something different... to make something simpler or more valuable to the user\n
  • Experience is subjective to the user .. Therefore the experience belongs to the user\nWe can however design great frameworks to empower great experiences\nFlipboard makes the experience of reading social feeds simpler, faster and better.\n\n
  • Users will use something that is simple and allows them to quickly achieve their goals\n
  • how does what we create fit into the lives of the people we create it for?\nUnderstand the users you are designing for so you can better prioritize information\nHow does this feature answer a need of the user?\nGet end user and stakeholder input in the beginning to eliminate guess work\n
  • \n
  • \n
  • All parties are involved in UX\n
  • All parties are involved in UX\n
  • \n
  • Get involved early\nWorkshops\nStakeholder interviews / results\nShare technology / capabilities with team\n\n
  • Quick to create and painless\nReusable Technologies / HTML\nDynamic prototypes create context\nFeature level rather than product level\nInspires questions and discussion through interaction\n\n
  • Quick to create and painless\nReusable Technologies / HTML\nDynamic prototypes create context\nFeature level rather than product level\nInspires questions and discussion through interaction\n\n
  • \n
  • Get involved early\nComponent of Agile iterative development\nDynamic prototypes create context\nAllows prototyping on a feature level rather than a product level\nAble to be user-tested and iterated on\nInspires questions and discussions through interaction\nQuick to create and painless\nReusable technologies (HTML/JS/etc)\n
  • best CEOs int he world understand where the broom is\n
  • confident about the product you developed - not just building something you were handed by design team\n\n
  • confident about the product you developed - not just building something you were handed by design team\n\n
  • confident about the product you developed - not just building something you were handed by design team\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • UX for Developers - ZehnerGroup

    1. 1. UXpresented  by FOR  DEVELOPERS ZEHNERGROUPZG UX  FOR  DEVELOPERS
    2. 2. ZEHNERGROUP Through strategy, design, and technology innovation ZehnerGroup builds startups and transforms established organizations. presen:ng Ma/hew  Zehner Barre/  Morse Weston  James Founder  &  CEO IA  &  Product  Developer Crea:ve  DirectorZG UX  FOR  DEVELOPERS
    3. 3. TOPICS  WE  WILL  COVER what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    4. 4. USER  EXPERIENCE User  experience  provides  a  plaOorm  to  achieve  the  interests  of  all  stakeholders: Making  products  easy  to  use,  valuable,  and  effecWve  for  users Market Business UX Design DevelopmentZG UX  FOR  DEVELOPERS
    5. 5. what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    6. 6. UX  is... dynamic “If I asked my customers what they wanted, they would have asked for a faster horse.” - Henry FordZG UX  FOR  DEVELOPERS
    7. 7. UX  is... innovaWon “Innovation distinguishes between a leader and a follower.” - Steve JobsZG UX  FOR  DEVELOPERS
    8. 8. UX  is... subjecWveZG UX  FOR  DEVELOPERS
    9. 9. UX  is... simplicity “Confusion and clutter are the failure of design, not the attributes of information” - Edward TufteZG UX  FOR  DEVELOPERS
    10. 10. UX  is... context “People’s behavior makes sense if you think about it in terms of their goals, needs, and motives” - Thomas MannZG UX  FOR  DEVELOPERS
    11. 11. UX  is... invisible “Ease of use may be invisible, but its absence sure isn’t” - IBMZG UX  FOR  DEVELOPERS
    12. 12. what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    13. 13. UX  IN  THE  PRODUCT  LIFECYCLE The  enWre  product  team  is  involved  in  creaWng  the  framework  that  generates  “The  User  Experience”. InteracHon   Front-­‐end   Design Development InformaHon   The  User Architecture Content Technology Product Experience Strategy Backend   Visual  Design DevelopmentZG UX  FOR  DEVELOPERS
    14. 14. DEVELOPER  vs  UX  DEVELOPER Is  a  UX  developer  simply  a  “good  developer”? FuncHonal FuncHonal Process Specs Specs Developer vs InteracHons UX Developer Flow IntuiHve User  Goals “If we want users to like our software we should design it to behave like a likeable person: respectful, generous, and helpful.” - Alan CooperZG UX  FOR  DEVELOPERS
    15. 15. what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    16. 16. the  UX  process early  involvement “Like all forms of design, visual design is about problem solving, not about personal preference or unsupported opinion.” - Bob BaxleyZG UX  FOR  DEVELOPERS
    17. 17. the  UX  process prototyping “The only thing more expensive than writing software is writing bad software” - Alan CooperZG UX  FOR  DEVELOPERS
    18. 18. the  UX  process tesWng  &  iteraWngZG UX  FOR  DEVELOPERS
    19. 19. what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    20. 20. what  are  the  benefits? communicaWonZG UX  FOR  DEVELOPERS
    21. 21. what  are  the  benefits? product  understandingZG UX  FOR  DEVELOPERS
    22. 22. what  are  the  benefits? accountabilityZG UX  FOR  DEVELOPERS
    23. 23. what  are  the  benefits? usabilityZG UX  FOR  DEVELOPERS
    24. 24. what  are  the  benefits? wow “Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away” - Antoine De Saint-ExuperyZG UX  FOR  DEVELOPERS
    25. 25. what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    26. 26. EVALUATING  SUCCESSFUL  UX CRITERIA USER  EXPERIENCE Y/N UTILITY Are  the  funcWons  useful  and  fit  my  purpose? USABILITY Is  it  easy  and  efficient  to  get  things  done? AESTHETICS Is  it  visually  a/racWve  and  feel  good? IDENTIFICATION Can  I  idenWfy  with  the  product? STIMULATION Do  I  get  a  “wow”  experience? VALUE What  is  the  value  and  importance  for  me?ZG UX  FOR  DEVELOPERS
    27. 27. what  is  UX? who’s  job  is  it? the  UX  process what  are  the  benefits? how  do  i  evaluate  success? resourcesZG UX  FOR  DEVELOPERS
    28. 28. UX  &  DESIGN  PATTERN  RESOURCES dribbble.com  -­‐  Dribbble  is  show  and  tell  for  designers.  ZG UX  FOR  DEVELOPERS
    29. 29. UX  &  DESIGN  PATTERN  RESOURCES paRerntap.com  -­‐  PaBern  Tap  aims  to  be  the  best  resource  for  examples  of  specific  design  and  user  experience  paBerns  on  the  web.  ZG UX  FOR  DEVELOPERS
    30. 30. UX  &  DESIGN  PATTERN  RESOURCES developer.yahoo.com/ypa/erns  -­‐  This  library  shares  user  interface  paBerns  with  the  web  design  and  development  community.ZG UX  FOR  DEVELOPERS
    31. 31. TESTING  AND  ITERATING  -­‐  silverbackapp.com silverbackapp.com  -­‐  Guerrilla  usability  tes:ng  soHware  for  designers  and  developers “We do not see things as they are. We see things as we are.” - From the TalmudZG UX  FOR  DEVELOPERS
    32. 32. TESTING  AND  ITERATING  -­‐  usertesHng.com usertesHng.com  -­‐  The  fastest,  cheapest  way  to  find  out  why  users  leave  your  website  +  Video  of  a  visitor  speaking  +  WriBen  summaryZG UX  FOR  DEVELOPERS
    33. 33. TESTING  AND  ITERATING  -­‐  usabilityhub.com usabilityhub.com  -­‐  UsabilityHub  provides  a  set  of  online  usability  tools  to  help  you  test  the  effec:veness  of  your  designs  and  concepts.ZG UX  FOR  DEVELOPERS
    34. 34. UX QuesWons?ZG UX  FOR  DEVELOPERS

    ×