Simple Steps to UX/UI Web Design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Simple Steps to UX/UI Web Design

on

  • 17,000 views

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 ...

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.

Statistics

Views

Total Views
17,000
Views on SlideShare
16,288
Embed Views
712

Actions

Likes
87
Downloads
1,193
Comments
9

16 Embeds 712

https://twitter.com 242
http://webinar.koombea.com 220
http://blog.koombea.com 171
http://friendinggroup.com 17
http://www.google.com 14
http://digakusite.com 10
http://www.linkedin.com 8
http://mpress.me 7
https://www.linkedin.com 6
http://holamellamojuanma.blogspot.com 6
http://holamellamodani.blogspot.com 4
https://home.jolicloud.com 3
http://feedly.com 1
http://kateswanberg.mpress.me 1
https://tweetdeck.twitter.com 1
http://pulse.me&_=1393140857454 HTTP 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 9 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Simple Steps to UX/UI Web Design Presentation Transcript

  • 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