user experience design - things to consider on your next project

22
Usability things for your next project Steven Morey

Upload: steven-morey

Post on 17-Jul-2015

456 views

Category:

Design


3 download

TRANSCRIPT

Page 1: User Experience Design - Things to consider on your next project

Usability things for your next projectSteven Morey

Page 2: User Experience Design - Things to consider on your next project

Personalised Currency

Language

Country specific deals

Taxes, or delivery options

Page 3: User Experience Design - Things to consider on your next project

Registering provides value For example a "Free Trial" button communicates a

clear benefit, but a "Register" button doesn't.

Transparent pricingPrices are clearly displayed. There are no hidden costs

or surprises in the terms.

Sample contentFor example there is a sample newsletter next to a

newsletter sign up form.

Page 4: User Experience Design - Things to consider on your next project

CreditabilityReferences

Contact information

Location

Images of real people

Professionally designed and up-to-date

Uncluttered service information

Information is scannable

Images can be zoomed

Page 5: User Experience Design - Things to consider on your next project

HomepageClear call for action

Users know what to do next and the benefits

Understandable value proposition and purpose

Page 6: User Experience Design - Things to consider on your next project

First impressions Homepage creates a positive first impression and supports conversion

Logged in user's name is displayed on the site

Major changes to the site are announced

Company location and contact information

There is a privacy policy

Images and videos are relevant and meaningful

URL redirection

Page 7: User Experience Design - Things to consider on your next project

AccessibilityAlt attributes are provided for non -text elements

Colour alone is not used to convey information

Content is readable without a style sheet

Accessible navigation

Links, buttons and checkboxes are easily clickable

Page 8: User Experience Design - Things to consider on your next project

NavigationImportant links aren't placed in moving features

Alphabetical A-Z sorting is avoided

Users know where they are on the site

Navigation is consistent on every page

Links are descriptive. No "click here" links

Page 9: User Experience Design - Things to consider on your next project

SearchThere is a search bar

Available on every page, not just the homepage

Search keywords are tracked by Analytics

Page 10: User Experience Design - Things to consider on your next project

LinksImportant commands are displayed as buttons, not links

Links are easily recognizable. For example underlining text is avoided

Colour - Visited links colour is different than unvisited

There are no broken links

Page 11: User Experience Design - Things to consider on your next project

S p e e d >Page loads from 1-2 Seconds

Page size is less than 600kb

Hosted locally

CSS & JS are optimised

Use a CDN

Images are optimised

Page 12: User Experience Design - Things to consider on your next project

LayoutImportant content is displayed first

Responsive

Related information is grouped together clearly

There are a minimum amount of pop-up windows

Consistency

Pages aren't cluttered – White space!

Page 13: User Experience Design - Things to consider on your next project

FORMSSimplicity

Long dropdown menus are avoided

Fields are labelled

Form submission is confirmed

Error messages are shown next to the input field

Page 14: User Experience Design - Things to consider on your next project

Content. Contrast.

Content is scannable.

Common language.

Contact and company information.

Useful and up-to-date.

Page 15: User Experience Design - Things to consider on your next project

CONTENT

Contrast.

Content is scanable

Common language

Contact and company information

Useful and up-to-date

Process Issue tracking

User testing with target users

Prioritizing

Impact analysis of changes

ROI of changes

Page 16: User Experience Design - Things to consider on your next project

ToolsScreenr.com

CrazyEgg.com

WebPageSpeed.org

Usertesting.com

Page 17: User Experience Design - Things to consider on your next project

screenr

Page 18: User Experience Design - Things to consider on your next project

crazyegg

Page 19: User Experience Design - Things to consider on your next project

crazyegg

Page 20: User Experience Design - Things to consider on your next project

webpagespeed

Page 21: User Experience Design - Things to consider on your next project

usertesting

Page 22: User Experience Design - Things to consider on your next project

comments?