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.

UX Open 2013 (edited): Wireframed

1,028 views

Published on

A short presentations about what I learned from creating wireframes, and then having to implement them in HTML, CSS, and JavaScript. It was held on UX Open 2013, 10th of October.

Published in: Technology
  • Be the first to comment

UX Open 2013 (edited): Wireframed

  1. 1. “I did some wireframes. Then I had to live with it.” John-Philip Johansson UX Developer @ Avanade @seriemajp on Twitter
  2. 2. Components
  3. 3. Consistency
  4. 4. Annotate
  5. 5. Highlight My page
  6. 6. Mobile
  7. 7. Popups?
  8. 8. Types
  9. 9. Responsive Web Design
  10. 10. Flow naturally
  11. 11. Happy/Sad path
  12. 12. Listings 
  13. 13. Listings  No items found Did you mean “mini”?
  14. 14. Language 
  15. 15. Language  And right-to-left languages?..
  16. 16. Organize
  17. 17. Names  Page wireframe: WF-015  Components/masters: WFM-003  User flows: UIF-015
  18. 18. Forms Sad path?
  19. 19. Load / Reload
  20. 20. Prototype
  21. 21. Do it
  22. 22. Thanks @seriemajp

×