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.

PHP Indonesia - Understanding UI UX from Developer Side

Created and presented for female geek Indonesia on 30 July 2016 at Microsoft Indonesia

  • Login to see the comments

PHP Indonesia - Understanding UI UX from Developer Side

  1. 1. Understanding UI & UX from Developer Side - By Irfan Maulana -
  2. 2. About Me • Name : Irfan Maulana • Work : Blibli.com • Position : Software Development Engineer • Role : Front End Developer
  3. 3. Outline • Intro • Understanding UI & UX • UI & UX Process • What we can support as Developer
  4. 4. Intro
  5. 5. Why it’s matter ?
  6. 6. Why Developer should know about UI & UX ?
  7. 7. Most of Developers just complain about the wireframe/mockup without giving the solution.
  8. 8. So, lets start to understanding them.
  9. 9. Understanding UI & UX
  10. 10. What is “User Interface” ?
  11. 11. “User Interface (UI) is everything designed into an information device with which a human being may interact.” - source : searchsoa
  12. 12. UI Design is a closer to what we refer to graphic design.
  13. 13. What is “User Experience” ?
  14. 14. “User Experience (UX) refers to person’s entire experience using a particular product, system or service.” - source : wikipedia
  15. 15. UX Design is not just Interface / Visual design.
  16. 16. Experience that you love
  17. 17. Experience that you hate
  18. 18. “ Bad UX Kills People Good UX Saves Lives “
  19. 19. UI & UX
  20. 20. User Interface
  21. 21. User Experience
  22. 22. UI & UX Process
  23. 23. Interview
  24. 24. Survey
  25. 25. Make a Persona
  26. 26. Structure of Menu
  27. 27. Wireframe & Prototype
  28. 28. Launch and Measure
  29. 29. What we can support as Developer
  30. 30. Clash of Designer vs Developer What designer sketch
  31. 31. Clash of Designer vs Developer What developer do
  32. 32. So, what we can do ?
  33. 33. 1. Developer and designer make standardization for styling guide.
  34. 34. 2. Developer should be active contributor in early design phase.
  35. 35. 3. Clear specification from designer and developer execute the design base on it with pixel perfection.
  36. 36. 4. Daily deploy to dev environment to get fast feedback from designer.
  37. 37. 5. Speed is part of user experience. Communicate if the design will make big impact to speed
  38. 38. 6. Because there is no perfect, Should be always there space for negotiation between developer and designer.
  39. 39. Contact Me • Blog : mazipanneh.wordpress.com • Twitter : @Maz_Ipan • Facebook : /mazipanneh • Linkedin : /in/irfanmaulanamazipan • Mail : mazipanneh@gmail.com
  40. 40. Thank You This is end of slides.

×