i/o extended: Intro to <UX> Design
- 1. INTRO TO UX DESIGN By Rasheed O.Salem UX/UI Designer
- 2. Engineering Bachelor Degree Rasheed O.Salem UX/UI Designer Color blind Google UX Design professional certificate No code solutions
- 3. TOPICS TO COVER What is UX Design? UX vs UI Design Psychology behind UX Design Design tips to follow 01 02 03 04
- 4. What is UX Design 01
- 5. UX Design Is how a user interacts with and experiences a product, system or service. It includes a person's perceptions of utility, ease of use, and efficiency.
- 7. Real life bad UX
- 8. Real life bad UX
- 9. UX Design in digital products
- 10. Demand for UX Design is on the rise Probably you enrolled in this workshop to either consider studying or working in UX design , good news is UX design is a rapidly changing field with a projected 10- year growth rate of 15%.
- 12. Responsibilities of an entry-level UX designer As an entry-level UX designer, you’ll have a lot of exciting opportunities to gain experience. When you first start out, you’ll probably take on a lot of different roles and responsibilities.
- 13. Specialist and generalist designers As you get further along in your career, you can choose to specialize in a certain area of UX design or keep your skill set more broad.
- 14. Specialist designers A specialist dives deep into one type of UX design, like interaction, visual, or motion design, and becomes an expert. Specialist UX designers are more common at large companies that have a lot of designers, like Google. Some of the benefits of becoming a specialist include: - Focusing on one type of design that you enjoy more than others. - Gaining deep knowledge of one type of design. - Becoming well-known in the industry for your expertise in a particular type of design.
- 15. Generalist designers A generalist has a broad number of responsibilities. A majority of UX design jobs are generalist positions, especially at companies with fewer UX designers. Typically, entry-level UX designers work in generalist roles, and some people choose to stay in generalist design roles for their entire careers. There are a lot of benefits to being a generalist UX designer, like: - Expanding your skills in many different types of UX work. - Trying a variety of responsibilities and finding an area of UX that you’re especially passionate about. - Keeping your job feeling fresh and new, while doing a variety of tasks.
- 16. T-shaped designers A T-shaped designer is a specialist who also has a lot of capabilities in other areas. ● T-shaped designers are great to have on your team, since they come with the benefits of both specialists and generalists.
- 17. Think like a designer: Design thinking process
- 18. As a UX designer your job is to fight for User’s interest You have the responsibility to defend the user’s interest and unify the business goals and the user’s satisfaction.
- 19. Top UX design tools Figma Sketch Adobe XD These are three top tools in the industry and you can’t go wrong with learning any of them.
- 20. Let’s jump to figma Figma Discussing wireframes and prototypes
- 21. UX vs UI UX design is the whole, and UI design is a part of UX design 02
- 22. Ux design ensures the user’s interactions with a product will be the most pleasing and useful. Ex. an app overall ease of use. It’s more about the look and feel, UI design makes sure the product is visually laid out to create the most effective user experience. Ex. an app visual style and typography style. User Experience Design User Interface Design
- 24. UX is a great direction for people who love continuous learning, lots of collaboration and have passion for user-oriented experiences. Type of person
- 25. If you feel more into fascinating users with intuitive and beautifully designed interfaces, consider focusing on UI. More interested in this
- 26. Remember UX and UI are both two sides of the same coin they go hand in hand to achieve the goal of user satisfaction.
- 27. UX psychology UX law and principles 03
- 28. User experience design has its roots in behavioral psychology and it is a blueprint of a human being's interaction with a machine
- 29. Famous UX laws & principles Isolation Effect Hick’s Law Fitts’s Law www.lawsofux.com
- 30. 1- Isolation Effect Also known as Von Restorff effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered. Most memorable
- 31. Which rectangle do you think easier to recall after leaving this slide?
- 32. Distinctive features can be like colors
- 33. Shapes
- 34. And Size
- 35. For example, if a person examines a shopping list with one item highlighted in bright green, he or she will be more likely to remember the highlighted item than any of the others.
- 36. How to implement it 1- Make important information or key actions visually distinctive. 2- If many elements are competing for user’s attention None of them will stand out.
- 37. Practical example Make the favorable option more distinctive to meet the user & the business goals
- 38. 2- Hick’s law The time it takes to make a decision increases with the number of choices. Psychologist William Edmund Hick
- 39. We assume that the more choices The better the experience But it’s actually paralyzing
- 40. Too many options = delay in reaction
- 41. Until apple came with a user centered design Foucing on the primary actions
- 42. You may think providing too many options is for the user But in fact too many options lead to a bad experience
- 43. Which one feel easier?
- 44. 3- fitts’s law The time to acquire a target is a function of the distance to and size of the target. psychologist Paul Fitts
- 45. As targets gets smaller and further away, it takes longer to acquire.
- 46. How to implement it 1- Touch targets should be large enough for users to accurately select them. 2- Touch targets should be placed in areas of an interface that allow them to be easily acquired.
- 47. This law directly affects the user experience when designing buttons, for example, larger ones, especially on mobile devices that are tactile, reaching the conclusion that with smaller buttons it is more difficult to interact.
- 48. Keep the main CTA big and close to the thumb
- 50. Keep in mind ease of reach when creating your layout.
- 51. Tips & hints 04
- 52. 1- Always look for design inspirations.
- 55. 2- Don’t use more than 3 fonts in a design
- 56. 3- Keep in mind the Z-pattern The user scans the page from top left to top right and then travels diagonally to bottom left while reading to make a decision and eventually the user should be ready to decide by the time they reach to bottom left. Decision would be either take an action or leave the page or maybe read more details to decide.
- 57. CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik THANKS Do you have any questions? @rasheedosalem
- 58. REFERENCES ● Lawsofux.com ● UX collective medium.com ● digitalsynopsis.com/design/ux-design-laws/