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.
Simple Steps to UX/UI web design #UXLearn Presented by Ellie Cachette, VP of Product Marketing, @ecachette
Agenda •  •  •  •  •  •  Problem UX vs UI Purposes of UX Purposes of UI Design Tools Summary
What is the problem?
Koombea flow process
UX/UI UX is how it works and feels UI is how it looks
- Popcorn - Defrost - 30 seconds
UX-User Experience UX, or user experience, is a measure of the ease and pleasure users enjoy when navigating a site.  
Purpose Behind UX-User experience *Fulfill business goals 1. User acquisition 2. User Activation 3. User Retention
How UX solves problems Usability   Visual Design   User Research   Information Architecture   UX   Interacti...
UX Components 1.  2.  3.  4.  User definition User sitemaps UserFlows Wireframes
User Definition
Information Architecture
Userflow
Wireframe
Koombea flow process
UX is NOT UI http://www.uxisnotui.com/downloads/a4.pdf
UI-User Interface A skillful interface designer understands the importance of providing the user with a solution to a defin...
UI   Branding Color, Schemas: font, Logo, Style Wireframing
Purpose behind UI-User Interface •  User Acquisition •  Brand •  Instill trust
How do we get to UI?   1. Problem has been identified 2. User flows and stories are made 3. Experiments to validate person...
What NOT to do:
Easy to use Design Tools
HotGloo Hotgloo.com
Balsamiq Balsamiq.com
Invision invisionapp.com
The UX/UI Difference Freelance vs Agency
Freelancer Creative Brand harmony Fresh Perspective Access to latest tech Access to “assets” Quick Turnaround Cons ...
386 Park Ave South, 10th Floor Have questions? New York, NY 10016 We are here to help. 625 2nd St., Suite 280 Email u...
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Próximos SlideShares
Carregando em…5
×

Simple Steps to UX/UI Web Design

318.282 visualizações

Publicada em

Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.

Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.

Publicada em: Tecnologia, Design
no profile picture user
  • Enough is a enough! Is this going to be the day you finally do something about your health? It is a lot easier than you think to be able to shed off unwanted weight. See how you can get started today with 1 minute weight loss routines! ●●● https://tinyurl.com/1minweight4u
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Slim Down in Just 1 Minute? What if I told you, you've been lied to for nearly all of your life? CLICK HERE TO SEE THE TRUTH ▲▲▲ https://tinyurl.com/1minweight
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Gym guru exposes fat burning secret! I'm going to reveal to you the secret method that allows you to get the equivalent exercise of 45 minutes at the gym, in just a few minutes per day! Just watch this short video explaining how it works, JUST CLICK HERE ➤➤ https://tinyurl.com/1minweight4u
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Too busy to workout? NO PROBLEM! ONE MINUTE WEIGHT LOSS, CLICK HERE ♥♥♥ http://ishbv.com/1minweight/pdf
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • 1 minute a day to keep your weight away! ➤➤ https://tinyurl.com/1minweight
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
Exibir mais
Exibir mais

Simple Steps to UX/UI Web Design

  1. Simple Steps to UX/UI web design #UXLearn Presented by Ellie Cachette, VP of Product Marketing, @ecachette
  2. Agenda •  •  •  •  •  •  Problem UX vs UI Purposes of UX Purposes of UI Design Tools Summary
  3. What is the problem?
  4. Koombea flow process
  5. UX/UI UX is how it works and feels UI is how it looks
  6. - Popcorn - Defrost - 30 seconds
  7. UX-User Experience UX, or user experience, is a measure of the ease and pleasure users enjoy when navigating a site.  
  8. Purpose Behind UX-User experience *Fulfill business goals 1. User acquisition 2. User Activation 3. User Retention
  9. How UX solves problems Usability   Visual Design   User Research   Information Architecture   UX   Interaction Design   Content Strategy  
  10. UX Components 1.  2.  3.  4.  User definition User sitemaps UserFlows Wireframes
  11. User Definition
  12. Information Architecture
  13. Userflow
  14. Wireframe
  15. Koombea flow process
  16. UX is NOT UI http://www.uxisnotui.com/downloads/a4.pdf
  17. UI-User Interface A skillful interface designer understands the importance of providing the user with a solution to a defined problem.
  18. UI   Branding Color, Schemas: font, Logo, Style Wireframing
  19. Purpose behind UI-User Interface •  User Acquisition •  Brand •  Instill trust
  20. How do we get to UI?   1. Problem has been identified 2. User flows and stories are made 3. Experiments to validate persona 4. Wireframes and sketches 5. Mockups with UI included can be made 6. User tested 7. It’s now time to code up the interface – UI Design!
  21. What NOT to do:
  22. Easy to use Design Tools
  23. HotGloo Hotgloo.com
  24. Balsamiq Balsamiq.com
  25. Invision invisionapp.com
  26. The UX/UI Difference Freelance vs Agency
  27. Freelancer Creative Brand harmony Fresh Perspective Access to latest tech Access to “assets” Quick Turnaround Cons In-house Flexibility Pros Agency Experts Limited to specialty Expensive Lack of creativity May differ from “brand” Turnaround times differ Bureaucracy
  28. 386 Park Ave South, 10th Floor Have questions? New York, NY 10016 We are here to help. 625 2nd St., Suite 280 Email us at San Francisco, CA 94107 mvp@koombea.com Cra 53 # 79-01 L-301 Barranquilla, Colombia @koombea /koombea #UXLearn

×