O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

UX, UI, and Front-End...what's the difference?

258 visualizações

Publicada em

A short presentation for the Charlotte chapter of Girl Develop It, intended to serve as an introduction to the field of web development for folks who aren't particularly interested in writing code.

Publicada em: Design
  • Seja o primeiro a comentar

UX, UI, and Front-End...what's the difference?

  1. 1. On the various interface-related roles one can have UX, UI, & Front-End…
 what’s the difference? Ramya Mahalingam Senior UX Architect at Cardinal Solutions rmahalingam@cardinalsolutions.com @rams_mahalingam
  2. 2. The Industry
  3. 3. 011011010110010101100011010111 010111010101000110101101101011 001010110001101011101011101010 100011010110110101100101011000 110101110101110101010001101011 011010110010101100011010111010 111010101000110101101101011001 010110001101011101011101010100 011010110110101100101011000110 101110101110101010001101011011 010110010101100011010111010111 010101000110101101101011001010 110001101011101011101010100011 010110110101100101011000110101 110101110101010001101011011010 110010101100011010111010111010
  4. 4. Designer Developer
  5. 5. Designer Developer
  6. 6. Designer Developer
  7. 7. UI Designer UX Architect
  8. 8. It’s kind of like building a house
  9. 9. How many people are going to live here? What rooms do they need? UX Architect
  10. 10. Bathroom Kitchen What do they do in each one? How will they move through them? UX Architect
  11. 11. What goes in each one? UX Architect Sink Sink Tub Bathroom Kitchen UI Design
  12. 12. What are the attributes of those things? How do we make them reflect the people who will live here? UI Design Sink Faucets Drain
  13. 13. Start with the blueprint
  14. 14. UI Designer UX Architect
  15. 15. UX Architect • Conducts usability studies, user research, stakeholder interviews, surveys • Performs heuristic analyses • Build personas, empathy maps, storyboards, journey maps • Create logical architectures, navigation schemas, and taxonomies • Content mapping & organization • Voice of the Customer UI Designer • Design user interfaces • Develop brand strategies, style guides, color theory and palettes • Develop wireframes and prototypes • Define typography • Design iconography • Conform to accessibility requirements