Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Ux and seo
Similaire à Ux and seo (20)
Ux and seo
- 1. SEO AND UX A 10 minutes introduction
- 3. UX – THE CONCEPT What is it? What is it not?
- 4. WHAT IS UX? UX = User eXperience Theoretically: It includes everything that add to the user experience. Practically: It’s a contextual design – enabling design to work on users’ needs and the business’s goals
- 5. WHAT UX IS NOT It is not a trendy new name for... •Web design •Content strategy •User-centered design •Graphic design •User interface (UI) design •Information architecture (IA) •Interaction design (IxD) •Usability testing •Customer satisfaction •Marketing
- 6. WHAT UX IS ABOUT… Ads Google Website Shopping Cart Purchase The experience and not the item
- 7. USER AS THE CENTRE Source: IBM Customer Facing Solution
- 8. THE ROLE OF UX AND SEO Where does it sit?
- 9. SEARCH ENGINE IS A USER TOO I am your super moody, picky , disabled user who have millions of friends. Treat me well and I will refer you to them. Probably.
- 10. UX AND SEO Users SEO role ↑ traffic and ↑ conversion UX role keep users happy & engaged
- 11. PROCESS AND DELIVERABLES What’s involved?
- 12. THE ELEMENTS Functional & Content Scope User needs Business objectives User flow design Information Architecture Interface & navigation design Information design Visual design The look and feel
- 13. A TYPICAL WEB DEVELOPMENT PROCESS + DELIVERABLES Gather requirements Business Analysis IA SEO UX Design Usability Tests Build Accessibility Usability Tests Accessibility Tests Analytics Maintenance Launch Requirements, Use Cases, Functional Spec Code recommendations Documentation, result, recommendations Reports, Statistics, Analysis, Amends, Improvements Content inventory Keyword Research Site Structure Taxonomies Navigation Code recommendations Wireframe, User paths, persona, prototypes, sketches
- 14. EXAMPLE OF UX DELIVERABLES Personas Scenarios SEO and Analytics can provide information for the creation of persona Analytics can tell you how users currently move within the site
- 15. EXAMPLE OF UX DELIVERABLES Sketch Wireframe Prototype
- 16. AND THAT’S IT FOR TODAY. Last but not least, always keep the end user in mind.
- 17. THANK YOU! BONUS VIDEO: THE ROI OF UX The ROI of User Experience – Watch it if you have the time
- 18. APPENDIX
- 19. EXAMPLE OF BAD USER EXPERIENCE – FACEBOOK MESSAGE LABEL What is “other”?
- 20. EXAMPLE 2 - MSY SHOPPING CART
- 21. CONTENT STRATEGY How your content will meet business objectives What’s required for successful implementation How content is prioritised, organised and accessed How people manage and maintain content Policy, standards and guidelines Framework for content strategy by Melissa Rach, Vice President of Content Strategy at Brain
- 22. UX FUNDAMENTALS
Notes de l'éditeur
- Agenda:
- Intro
- Explain UX- quality of experience a person has when interacting with a specific design. This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport.It’s the science and art of designing a product, like a website, so that it is easy to use, meet users needs and fulfil business goalsThe term was coined by Don Norman while he was Vice President of the Advanced Technology Group at Apple. In his own words: “I invented the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person’s experience with the system including industrial design, graphics, the interface, the physical interaction, and the manual. Since then the term has spread widely, so much so that it is starting to lose it’s meaning… user experience, human centered design, usability; all those things, even affordances. They just sort of entered the vocabulary and no longer have any special meaning. People use them often without having any idea why, what the word means, its origin, history, or what it’s about.”“UX is the science and art of understanding how people interact with a business process–especially as it relates to “new media”–and how the owners of that business process can tailor-fit an experience for their customers that is the centrepiece of a relationship model of doing business.” (Luke Borgnis)
- Not a user experience:Not an individual discipline, rather, user experience is interrelated to all disciplines.
- Description of a user experience:The easiest way to see user experience is to think in entire processes. (i.e. how user moves from A, B, C, D). The user experience is A, B, C and D but not just any one of them alone.
- UX includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviours and accomplishments that happen before, during and after using a website or system.
- UX includes all the users' emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviours and accomplishments that happen before, during and after using a website or system.
- SEO attract customers to your shop, UX keeps them there and do what you want them to do, like buying your product or liking your brandSo if you have good SEO and bad user experienceYour website will be easy for users to find, but have nothing to keep them staying
- This is the basic UXelements, it always start from strategy, before it goes to something more concrete, like a website. “why we build this” over “what we are going to build”It alwaysstart from the strategy, user needs and business objectivesOnce the strategy is clear, you move to scoping – what you need to fulfil achieve user needs and the objectivesThen moving to how you are going to structure the requirements, then think about how the design need to interact with users And finally, how it’s going to look – the aesthetic
- A bit more complex - This is a typical website development process – as you can see, it still start with business objectives on the very top.SEO is at the top, where it should feed into information architecture and user experienceMost of Reprise clients are not on the top of the red line, means, a lot of SEO work we do can be considered maintenance, or something that are retrofittedIA and copy: SEO is affected by IA and the copy on the websiteSite structure: the “blueprint” for how to construct the websiteNavigation systems: How users find stuff on the siteTaxonomies: What the different pages on the site are calledContent inventories: A matrix of all of the content that needs to be on the website
- Personas: identification of the different types of site users. This is to represent our users in as much detail as necessary. We need to know their backgrounds, their technologies, their habits and lifestyles. Where they are from, age, occupation - these can all be factors.Scenarios:illustrating how a user meets the user, business and website goals.We need to define situations that our personas will be in, related to the product we're developing. We can communicate these with storyboards, Post-It notes, Power Point slides, interactive sketches, or other methods.
- Sketch: drawings to share user design ideas, no code involvedWireframe: blueprints for where the different elements on the website will be placedPrototype:it’s like a clickable wireframes where you have the feel or examples of how the design would work
- I will have you watch the video if your own time if you have not. Just the gist of it (and my explanation won’t do the video justice)Why UX:Ensure web sites and products:Can be used by real peopleSupport business activities and workflowReduce development time and cost