1 / 43

UX Fundamentals for Beginners

Learn the basics of UX design for your website!

Download Presentation

UX Fundamentals for Beginners

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. UX

  2. VIDEO GAME DESIGNER FATHER, HUSBAND SHAHRIZAR MANUFACTURING INDUSTRY TRAINER PHYSICIST STARTUP FOUNDER ARTIST

  3. There is no shortcut in good UX design

  4. Good UX design comes from continued testing, and improvements to the product and service.

  5. Visual Design System Design

  6. This is UX Visual Design Product Unboxing System Design Customer service Packaging Branding in the Physical world

  7. What influences your experience?

  8. Human Emotion determines UX

  9. What emotions should good UX target?

  10. COOL UX Designing for Emotions BEAUTIFUL INTERESTING

  11. Techniques Humor Pattern Recognize Humans are drawn to things that we relate to. Golden Ratio. You remember humorous Ads more than the serious ones. Humans like to recognize patterns. Provide a pattern to follow.

  12. Techniques Talk Relationship Its no longer about making a sale. Its about building a relationship. Engage Give them an interactive tool to engage. Like, Comment, Rate. We value authentic communication. Talk like a friend, not a faceless entity.

  13. Wider CUSTOMER-CENTRIC GAME Environment Key Points One reason products fail is because teams do not solve the problems that are important to the right users. These personas are not always obvious, as they may be associated with the product through indirect connections. Direct Stakeholder PRODUCT With Customer-Centric, you can identify the vast web of people your product impacts and explore the complex butterfly effect; doing so reveals which stakeholders are most important and what your product requirements are. Indirect Stakeholder

  14. Ergonomics of User Interface

  15. Ergonomics guideline Human Memory Limitation Organize information into small chunks. Consistency Principle of Least Astonishment. Consistent icons, terms, etc. Simplicity Break complex tasks into simpler tasks.

  16. Ergonomics guideline User Cognitive Directness Reduce abstraction and reuse real world metaphors. Centered “There was a problem copying files to your disk” rather than “Error Feedback Provide actionable feedback. Not just an error message. 309”.

  17. Ergonomics guideline Attention Nudge user attention, rather than trying to force them. Anthropomor phization Avoid “Have a nice day” messages from your computer. Modality Force users to complete one task before moving to another. Allow escape routes. Gentle animations.

  18. 1. I think that I would like to use this system frequently 2. I found the system unnecessarily complex 3. I thought the system was easy to use 4. I think that I would need the support of a technical person to be able to use this system 5. I found the various functions in this system were well integrated 6. I thought there was too much inconsistency in this system 7. I would imagine that most people would learn to use this system very quickly 8. I found the system very cumbersome to use 9. I felt very confident using the system 10. I needed to learn a lot of things before I could get going with this system Strongly disagree Strongly agree System Usability Score (SUS) 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 www.usability.gov 1 2 3 4 5 1 2 3 4 5

  19. System Usability Score (SUS) < 68% > 68% Below Average Above Average

  20. Influence of Design on UX

  21. Which is nicer?

  22. 1981 Apple Macintosh

  23. Visual cues, such as the arrow on a pop-up menu, help people recognize familiar elements. People learn to associate certain behaviors with specific elements based on their appearance. For example, people recognize push buttons by their rounded shape… — OSX Human Interface Guidelines

  24. Professor exemplary detailing understanding of the processes involved in visual cognition, that rounded rectangles are literally easier on the eye. Nänni, Visual our author Perception, a book best-to-date of the scientific is saying Put another way, compared to square- edged rectangles, rounded rectangles are more computationally efficient for the human brain.

  25. Simplifying Interactions - minimalism

  26. To accomplish simplification, user experience designers employ a variety of design exercises to make the UI more efficient. We limit the amount of choices available to a user, reduce the size of content and site copy, progressively disclose UI options, and synthesize unruly navigation elements. Essentially though, these are just exercises in numerical reduction.

  27. Ask Who? What? Why? & When? to simplify User Interactions.

  28. Who is your new website for? Who are your users, and how many user personas can they be categorized into? What sets (or will set) your brand(s) and your website apart? What is your user looking for on your site? What problems do you solve for them? Why are users visiting your site? Why are they choosing you over the competition? When is the right time for you to redesign your UX, or to include UX design in your next project?

  29. Influencing human habits

  30. Gamifying Interactions and Experience

More Related