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
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
- 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
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
• 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
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
Emulators:
Users have different operating systems and browsers (devices-tablets/phones), so ppl use emulators, a hardware or software that enables one computer system to behave like another computer system.
Design for what kind of real world conditions?
Inside, outside (sunny), outside (partly cloudy)
In what pattern do we read webpages?
F-shape
Heat Maps:
- use it to guide your layout