User Experience (UX) professionals know that audiences are demanding ever increasing levels of sophistication from your websites.
However, before you invest big bucks in the latest [social/mobile/local] solution, let's make sure your site passes 11 basic tests for usability.
A majority of sites still make Usability 101 mistakes. Are you leaving customers frustrated or losing business because of errors that can be fixed hours or days?
Join our webinar and take our 2011 Usability Test to find out how you score (then call us to help with the social/mobile/local project).
2. Agenda Introduction Top 11 Usability Issues Q & A with your sites Interactive Technology Solutions
3. Introducing Bridgeline Digital We help our customers achieve their key initiatives by leveraging web technologies The Building Blocks For Web Success Interactive Technology Solutions
4. Introducing our Speakers John Whalen VP User Experience Brian Lantz EVP & General Manager Interactive Technology Solutions
5. Webinar Series The Secrets to a Great Web Redesign: Getting the ROI from your investmentThu, Jun 16, 2011 10:00 AM - 11:00 AM EDT ROI of Web Engagement Management; iAPPS DemonstrationThu, Jun 23, 2011 1:00 PM - 2:00 PM EDT Interactive Technology Solutions
30. 6. Create a clear visual hierarchy I’ve never seen all three done correctly… Use multiple cues: Visual Contrast Color Shape Interactive Technology Solutions
31. 7. Make Content Easy to Scan Classic “F-pattern” when scanning Interactive Technology Solutions
32. 7. Make Content Easy to Scan Not easy to scan…no hierarchy, no contrast. Interactive Technology Solutions
33. 7. Make Content Easy to Scan What do you think? Interactive Technology Solutions
34. 7. Make Content Easy to Scan Middle section isn’t bad… Interactive Technology Solutions
35. 7. Make Content Easy to Scan …except it keeps going and going. Interactive Technology Solutions
36. 8. Make content a reasonable size, font and contrast Am I that old, or is that a small font! Interactive Technology Solutions
37. 8. Make content a reasonable size, font and contrast Center column pretty good, if there wasn’t so much else on the page… Interactive Technology Solutions
38. 9. Create well structured form and provide clear assistance Let’s consider this in detail – it’s a million dollar page for Geico. Interactive Technology Solutions
39.
40. Let me know where problem is, what problem is, example of how to fix.
54. Do accessibility for those in need, and those with mobile!Interactive Technology Solutions
55. Top 11 Critical Usability Tips for 2011 Provide strong cues about where I am on site. Effective search + refine. Make it clear where I can and can’t click (affordances). Support www.____.com and ___.com. Make it easy to navigate to the “Top Tasks” on your site. Create a clear visual hierarchy (visual contrast, size, shape). Make content easy to scan. Make content a reasonable size, font and contrast. Create well structured form and provide clear assistance Pass SEO 101: link, title, H1/H2 tags Accessibility 101: Alt tags, Alt Nav, Degrades Gracefully Interactive Technology Solutions
56. Thank you John Whalen jwhalen@blinedigital.com @johnwhalen Brian Lantz blantz@blinedigital.com http://www.bridgelinedigital/resource-center Interactive Technology Solutions