This is the first of a three-part series highlighting five user experience principles to keep in mind when designing your site. Applying these principles will help provide a great experience for users on your site. After the series we'll host a live Google+ Hangout On Air on October 9th at 10:30am PT where we'll put these principles in action by helping an AdSense publisher make UX improvements to their site. Go to the AdSense Google+ page on the 9th to see it live!
User experience can make or break your site's success. With many other sites offering similar services, it's important to differentiate your site in the eyes of your users by providing a better experience. Because a user's attention is limited, you'll only have a few seconds to provide a good experience and quickly guide the user to what they're looking for.
Below we've provided some important design tips and ways to help you identify goals for both your site and its users.
1. Focus on your users' goals
Step back and first ask yourself, "How can I give my users what they want while getting what I want?" The first step in answering this is to figure out what your users' goals are, what your goals are and how they work together. You'll need to think about what your site's core offerings and strengths are. We recommend keeping this to one or two strengths. Though your site may be good at many things, you should focus on what it's great at. At Google, we have a lot of great products and features but when a user comes to Google.com looking for information, it's clear what we want them to do; the search bar commands the center of the page.
Tips:
Some questions to ask yourself when starting out are:
You're a tech news site and have the following responses to each of the questions:
Most of your users come from search engines and land on the article page
The user is looking for the content of the article they searched for
You show them a full page article on the landing page
The goal is to keep the user engaged, stay longer and see more content
Not sure...that's why I'm reading this blog post
The answer to question 5 is the real challenge. You need to prove to the user that there's other valuable content on your site and encourage them to read more. This can be accomplished by including some related or popular articles at the bottom of each article.
2. Employ a clear structure to guide users
No matter what page a user lands on, you only have a few seconds on that first screen, above the fold, to get their attention and show them what you're all about. Employing a simple hierarchy will give your page a clear structure that will guide users and highlight what you want them to see.
Another thing to keep in mind is the information architecture of your site. Users are able to recognise familiar pages from unfamiliar based on the consistent way you organise and display information on your site. If your website's structure is not logical or what they expect, users will be lost and not sure where to go next. This adds to overall frustration and leads to users leaving your site.
Tips:
Use these simple design tips to create a structure for your page:
Example:
Newspaper sites usually do a great job creating structure through hierarchy. The breaking story or most important piece of news dominates the screen. This ensures it's the first thing you see. Major headlines from other sections are also big and bold so a user that's browsing can quickly and easily pick them out. The size and contrast of photos and headlines helps to guide users through the page.
Thanks for reading and check back tomorrow for our second installment of Publisher Insights!
Posted by: David Richards - Google AdSense
Resources:
Google Analytics: Google's free tool to help you measure your traffic and how users are currently using your site. Additionally, it can help you test how changes to your site affect performance.
Webmaster Guidelines: Creating a clear hierarchy and sitemap will help Google crawlers find and rank content on your site.
User experience can make or break your site's success. With many other sites offering similar services, it's important to differentiate your site in the eyes of your users by providing a better experience. Because a user's attention is limited, you'll only have a few seconds to provide a good experience and quickly guide the user to what they're looking for.
Below we've provided some important design tips and ways to help you identify goals for both your site and its users.
1. Focus on your users' goals
Tips:
Some questions to ask yourself when starting out are:
- How are your users finding your site?
- What are they looking for?
- Do you give them what they want?
- What do you want from your users?
- How do you get a desired response from them?
You're a tech news site and have the following responses to each of the questions:
Most of your users come from search engines and land on the article page
The user is looking for the content of the article they searched for
You show them a full page article on the landing page
The goal is to keep the user engaged, stay longer and see more content
Not sure...that's why I'm reading this blog post
The answer to question 5 is the real challenge. You need to prove to the user that there's other valuable content on your site and encourage them to read more. This can be accomplished by including some related or popular articles at the bottom of each article.
2. Employ a clear structure to guide users
No matter what page a user lands on, you only have a few seconds on that first screen, above the fold, to get their attention and show them what you're all about. Employing a simple hierarchy will give your page a clear structure that will guide users and highlight what you want them to see.
Another thing to keep in mind is the information architecture of your site. Users are able to recognise familiar pages from unfamiliar based on the consistent way you organise and display information on your site. If your website's structure is not logical or what they expect, users will be lost and not sure where to go next. This adds to overall frustration and leads to users leaving your site.
Tips:
Use these simple design tips to create a structure for your page:
- Contrast: Using color, saturation, or opacity to juxtapose elements on the page.
- Size: Size is one of the easiest design levers to guide your users. Don't be afraid to use BIG and BOLD elements to draw users' attention to the most important information on the page.
- Alignment: Elements that share a common axis appear related.
- Whitespace: Drawing attention to specific elements by leaving empty space around them. It also makes your design more appealing to the eye.
- Grid: Using a simple grid to layout elements on your page will create a sense of order and structure.
Example:
Newspaper sites usually do a great job creating structure through hierarchy. The breaking story or most important piece of news dominates the screen. This ensures it's the first thing you see. Major headlines from other sections are also big and bold so a user that's browsing can quickly and easily pick them out. The size and contrast of photos and headlines helps to guide users through the page.
Thanks for reading and check back tomorrow for our second installment of Publisher Insights!
Posted by: David Richards - Google AdSense
Resources:
Google Analytics: Google's free tool to help you measure your traffic and how users are currently using your site. Additionally, it can help you test how changes to your site affect performance.
Webmaster Guidelines: Creating a clear hierarchy and sitemap will help Google crawlers find and rank content on your site.
--
Posted By Inside AdSense Team to Inside AdSense at 10/02/2012 09:07:00 AM --
Unable to view the links or images in the message above? Want to comment on this post? Visit http://adsense.blogspot.com/ .
You received this message because you are subscribed to the Google Groups "Inside AdSense" group.
To unsubscribe from this group, send email to Inside-AdSense+unsubscribe@googlegroups.com
For more options, visit this group at http://groups.google.com/group/Inside-AdSense
No comments:
Post a Comment