Más contenido relacionado


Women In Tech SEO - SEO and UX - It's a Match - #WTSWorkshop

  1. About Sara ● International SEO Consultant ● From sunny Barcelona ● Polyglot ● Background in Translation & Localization ● Master’s in UX/UI Design @sarafdez @sarafdez /in/internationalseo
  2. Understanding User Experience @sarafdez
  3. What is UX? @sarafdez “User Experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.” — Don Norman and Jakob Nielsen, NNgroup
  4. What Is UX? @sarafdez
  5. Everything Is User-Centered @sarafdez “No product is an island. A product is more than the product. It is a cohesive, integrated set of experiences. Think through all of the stages of a product or service – from initial intentions through final reflections, from the first usage to help, service, and maintenance. Make them all work together seamlessly.” — Don Norman, inventor of the term “User Experience.”
  6. Can You Identify UX, UI, and Usability? @sarafdez Making a website or app easy to use Making a website or app attractive and effective according to users' preferences Making users feel positive about a website or app
  7. UX vs UI vs Usability @sarafdez Making a website or app easy to use Making a website or app attractive and effective according to users' preferences Making users feel positive about a website or app Usability UI UX
  8. UX-UI Explained @sarafdez Incorrect Correct
  9. 5 Usability Factors to Get Right @sarafdez Learnability Memorability Efficiency Errors Satisfaction
  10. Peter Morville's User Experience Honeycomb @sarafdez
  11. UX Laws and Cognitive Biases @sarafdez
  12. Hick’s Law @sarafdez The time it takes to make a decision increases with the number and complexity of choices. The more choices you give a user, the longer it takes for them to make a decision.
  13. Hick’s Law: Bad Navigation Structure @sarafdez
  14. @sarafdez Hick’s Law: Good Navigation Structure
  15. Fitts’ Law @sarafdez The movement time to a target depends on the size of the target and the distance to the target. The smaller your target area is, the longer it takes the user to perform that action based on the distance/size ratio.
  16. Fitts’ Law @sarafdez In this example, CTAs are large and eye-catching and easy to see and navigate to.
  17. Miller’s Law @sarafdez The average person can only keep 7 (plus or minus 2) items in their working memory. Display information in chunks so that it’s manageable to users to remember what they consumed.
  18. Miller’s Law @sarafdez When users see a homepage looking like this, loaded with all types of information, they just get scared.
  19. Miller’s Law @sarafdez This design reduces the cognitive load by presenting only the information that’s important to users. It’s a simple and clean interface with little to no distractions.
  20. Miller’s Law @sarafdez Chunking credit card digits into groups of four helps users when they’re entering their card number and checking they have entered the correct card details.
  21. Von Restorff Effect @sarafdez Also known as the Isolation Effect, it predicts that when multiple similar objects are present, the one that differs from the rest is more likely to be remembered.
  22. Von Restorff Effect @sarafdez Highlight elements like CTAs to stand out from the rest of the design, it’s easily noticeable by the user.
  23. Serial Position Effect @sarafdez Users have a propensity to best remember the first and last items in a series.
  24. Serial Position Effect @sarafdez Highlight key information in the beginning and the end, while placing the least important items in the middle of your sequence.
  25. Jakob’s Law @sarafdez Users spend most of their time on other sites. This means they prefer your site to work the same way as all the other sites they already know.
  26. Jakob’s Law @sarafdez Think how most of the ecommerce sites behave. They follow similar patterns and checkout processes. This way the user will focus on their task rather than learning new models.
  27. Jakob’s Ten Usability Heuristics @sarafdez They’re general rules of thumb you can follow to help create more accessible, user-friendly, and intuitive digital products.
  28. Confirmation Bias @sarafdez The tendency to interpret new evidence as confirmation of one's existing beliefs or theories.
  29. Anchoring Bias @sarafdez It makes us depend too heavily on a particular piece of initial information when making decisions or judgements.
  30. Bandwagon Effect @sarafdez The tendency to do (or believe) things because many other people do (or believe) the same.
  31. Gestalt Theory @sarafdez It’s the theory of visual perception and how our brain pieces together reality. 2e0f423bfcb5
  32. Pareto Principle @sarafdez Also known as the 80/20 rule. 80% of the effects of any given process come from 20% of the effort put into it. To illustrate this in a UX context, it's like saying: 80% of your users use 20% of your features.
  33. List of Cognitive Biases @sarafdez s
  34. SEO + UX @sarafdez
  35. How Does UX Affect SEO? @sarafdez When users are satisfied… Google is satisfied. Google rewards sites that care about UX because it aims to provide the best possible search experience for the user. To achieve this goal, Google's algorithms are designed to evaluate websites based on their UX, and favor those that care about it.
  36. SXO: Search Experience Optimization @sarafdez
  37. Optimizing for SXO @sarafdez More engaging and satisfying UX Higher rankings and increased traffic
  38. Ways to Improve UX and SEO at the Same Time @sarafdez
  39. Page Speed @sarafdez Implement lazy loading Compress and resize images Enable browser caching Take advantage of a CDN
  40. Mobile-First Indexing @sarafdez Make sure that Google can access and render your content Create a mobile-friendly site Make sure that content is the same on desktop and mobile -indexing/mobile/mobile-sites-mobile-first-indexing
  41. Easy Navigation & Site Structure @sarafdez Keep your site structure simple. Make it easy for users to navigate your site to find what they’re looking for.
  42. Information Architecture @sarafdez Key IA practices that can improve both SEO and UX include conducting user research, organizing content into categories, using clear and consistent labels for navigation, and optimizing website navigation. architecture-practices-seo-ux
  43. Accessibility @sarafdez Accessibility laws exist to aid people with disabilities. limited internet speeds, or different technological preferences. Accessible websites provide a more positive UX and equal access to information and services for all users.
  44. Core Web Vitals @sarafdez
  45. Collaborating with UX Teams for Great Results @sarafdez
  46. Stop Working in Silos @sarafdez ● Each team should keep their independence, but everybody should have visibility over what’s being done ● Make sure teams communicate any relevant changes that could affect SEO or UX ● Have touch-point meetings
  47. Ask for User Research Data @sarafdez ● Have access to UX Research and usability testing ● Take into account users’ feedback ● Get in touch with customer service and sales teams as well to learn users’ pain points and needs
  48. Tips for UX Teams @sarafdez ● Make sure UX teams use headings and subheadings accordingly ● Ensure the content is always the same on mobile and desktop ● Share with UX teams general SEO best practices
  49. Additional Resources @sarafdez
  50. Useful Websites @sarafdez ● Nielsen Norman Group - ● Interaction Design Foundation - ● UX Planet - ● Smashing Magazine - ● -
  51. Books @sarafdez
  52. Books @sarafdez
  53. Books @sarafdez
  54. Thank You! Any questions? 💡 @sarafdez @sarafdez /in/internationalseo

Hinweis der Redaktion

  4. They both are the interface in which the user will engage and interact with the product as far as servicing the use case of the user wanting to apply ketchup from a storage bottle to their food or dish. They are both user interface designs. Both ketchup bottle designs have their own UX (User Experience). The traditional bottle design on the left has an experience that many find to be be frustrating or difficult to work with to get the contents out. However; it is still a solution, perhaps not the most enjoyable one. It probably did not consider user needs as much as manufacturing needs to have a container for ketchup that could keep it fresh and be portable. The bottom-spout bottle design on the right is arguably a better and more enjoyable experience for the user. This design may have taken into account more user research to help inform a design that could produce a better experience. It likely provides less frustration and removes the need to have to shake it or pound it to expel its contents.