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.

The making of rapid prototype a web love story

724 views

Published on

Design and Developer collaboration technique.
Introduction to web application a human body analogy.
Free rapid prototyping tools

Published in: Design
  • Be the first to comment

  • Be the first to like this

The making of rapid prototype a web love story

  1. 1. The making of rapid prototype: A Web love story @anilbms75 UXCAMP, Hamburg, 15th August 2015 We’re going to Webtools! We’re leaving this native town for good. I will share you a prototype link. coverpage
  2. 2. USER UX DESIGNER DEVELOPER
  3. 3. “I’m glad we all agree then” reference jeff patton
  4. 4. Business users, designers, and developers don’t see eye-to-eye when it comes to user experience and interface design. - Dave Shirk, CMO, Kony
  5. 5. Cost of fixing poorly designed apps 50 - 100 % 25 - 50 % reference - Developer VS Designer friction is ruining 0 - 25 %
  6. 6. designers + engineers + empathy = greatness reference Design + Engineer + Empathy = Greatness
  7. 7. “I’m glad we all agree then” reference jeff patton
  8. 8. Web Technologies - Human Body Analogy ● HTML ● CSS ● Javascript
  9. 9. Content
  10. 10. wirify demo
  11. 11. Content <HTML> </HTML>
  12. 12. HTML
  13. 13. X-ray goggles - Demo X-ray Goggles
  14. 14. No close tag
  15. 15. Organs
  16. 16. Web - Organs
  17. 17. Web - tissues & cells Patternlab by Brad Frost
  18. 18. CSS
  19. 19. CSS = Makeup
  20. 20. CSS makeup demo Baby girl makeup link
  21. 21. Javascript = Brain
  22. 22. Browser = Restaurant Table
  23. 23. Protocol request = Waiter
  24. 24. Server = Kitchen
  25. 25. Pregnancy Bookofspeed by Stoyan
  26. 26. Response
  27. 27. Evolution of Life & Web
  28. 28. Design = FORM + CONTENT
  29. 29. Tools Code cola Perfect pixel Snagit Atomic
  30. 30. When I design, I work very hard to make the interface experience feel like there’s a human on the other end, not a computer.
  31. 31. Let’s think of our designs not as a facade for interaction, but as people with whom our audience can have an inspired conversation. Products are people, too.
  32. 32. Let's build better Web (human)
  33. 33. Thank you Follow on @anilbms75 Email anilbms75@gmail.com Icon reference - thenounproject flaticon.com anilbms

×