Module 2 Videos Flashcards
UX:
User Experience beyond usability- create that customer “connection”
ex: Those who bought x also bought y
Website Usability:
website’s ability to accomplish goals of the user easily
What is a prerequisite to a high converting website?
Good Usability/UX
What is crucial to usability and should follow product and/or information hierarchy and categories?
The layout of a site
3 Key Factors to Consider when Designing a Website
Design- brand colors, what functionality is needed, templates to use for different types of pages (e.g. e-commerce)
Searchenginefriendly- some websites have out of the box user friendly features such as urls that are not dynamically generated
Usability- but with conversions as the end goal-design for key user personas
Visitors look “above the fold” ___% of the time and “below the fold” ___% of the time.
80%, 20%
Where should the call to action be?
above the fold
Best practices in web design
- Websites should use standard conventions—for links, menus, colors, and layout
- Easy to determine what is clickable
- Don’t make contacting you difficult if your selling something-put in visible place
- Clear calls to action
Credibility test
Key cues visitors use to determine the credibility of a Web site:
Are phone numbers/addresses visible
Informative and personal “about us”
Feature genuine testimonials
Feature logos of associations and awards -Link to credible third-party references
Keep content fresh and updated
Ensure that your site is free of errors including grammatical/spelling
Include a portfolio of past work
navigation best practices
- horizontal and/or left hand vertical
- breadcrumbs
User must “get it” in __ seconds
3 seconds.
Avoid clutter- clean design.
Current standard load time
2 seconds
little to no flash
How many clicks for the checkout process?
As few clicks as possible
- debate on the 3 click rule…
- Inform consumers the steps pending and time left during checkout.
Robust search best practices:
a) Top part of each page
b) Label w/magnifying glass or “GO”
c) Autocomplete feature-key for mobile users
d) Allow refinement- see Home Depot example next
page
e) Test it! Many ecommerce platforms and websites can generate bad or incomplete results if not setup correctly
Readability Index
7-8th grade level
Best practices when writing for the web
- Use reverse type very sparingly
- Good font size (12+) & good spacing between characters
• Write for online (Yahoo guide) not for print
– Sub-headers
– Call to action above the fold
– bulleted lists
– short paragraphs
– simple writing style, and
– “de-fluffed” language devoid of acronyms and hype such as “our state of the art”
Short vs Long Copy
- Copy=words on your page, article
- Longer online copy allows you to foster a relationship with a reader –needs to be somewhere on your site-very important for SEO, for that reason alone good to have
- With longer copy able to establish a voice and a personality to make your copy more convincing and personal
Since so few people read the copy at all why does Ogilvy & Mather recommend long copy so often? Because those relatively few people who read the copy are the best prospects for your product or your service.
skeleton screens
when the website’s being desgned, things are downloaded really quick one after the other instead of all at once
use web safe colors for
background and text
Responsive Design
- Website renders well in any type of device & browser
- Avoids needing a separate m-website (issues of duplicate content & management of)
- Endorsed by Google WebMaster tools
- Downside- sacrifice user experience, image problems & extra coding
- Sometimes hard when thousands of skus- but coding gotten better
- HTML5 (HTML + CC + JS)
- CSS3
- Avoid Flash, excessive JavaScript, frames