user experience design - things to consider on your next project
TRANSCRIPT
![Page 1: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/1.jpg)
Usability things for your next projectSteven Morey
![Page 2: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/2.jpg)
Personalised Currency
Language
Country specific deals
Taxes, or delivery options
![Page 3: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/14.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/16.jpg)
ToolsScreenr.com
CrazyEgg.com
WebPageSpeed.org
Usertesting.com
![Page 17: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/17.jpg)
screenr
![Page 18: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/18.jpg)
crazyegg
![Page 19: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/19.jpg)
crazyegg
![Page 20: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/20.jpg)
webpagespeed
![Page 21: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/21.jpg)
usertesting
![Page 22: User Experience Design - Things to consider on your next project](https://reader033.vdocuments.us/reader033/viewer/2022042817/55a929391a28abca768b47d2/html5/thumbnails/22.jpg)
comments?