usability - webgui · if google weren’t so simple and intuitive, there would be a million search...
TRANSCRIPT
![Page 1: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/1.jpg)
UsabilityWhat is it?
Chris Palamara, CTC Inc.
Friday, August 20, 2010
![Page 2: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/2.jpg)
What is Usability and how does it apply to my Website?
Friday, August 20, 2010
![Page 3: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/3.jpg)
Usability is the basic measurement of how well a user can interact with your website.
Ease of learning- Can they figure it out?
Efficiency of use- How many clicks to get to something?
Memorability- When they come back, can they find “it”?
Error Frequency- Can they recover from a “bad” click
Subjective satisfaction- Did they get what they wanted?
Friday, August 20, 2010
![Page 4: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/4.jpg)
Begins withUser Centered Design
Friday, August 20, 2010
![Page 5: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/5.jpg)
If Google weren’t so simple and intuitive, there would be a million search engines today.
The importance of user centered design is that it is inherently focused on the user’s perspective.
You have a few seconds to capture a user’s attention
User scans site in an “F” pattern Images impact the scanning
Friday, August 20, 2010
![Page 6: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/6.jpg)
Planning the siteCollecting Data from usersPrototypingWriting Content
Conducting tests with usersDeploying the site
Overview of theProcess
Friday, August 20, 2010
![Page 8: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/8.jpg)
Questions to Start with...What are my site’s goals?Who will use my site?What will they use it for?What are the user’s expectations and background?Platforms? Hardware/Software? Mobile? External Sites (Facebook, Twitter, Flickr)?
Friday, August 20, 2010
![Page 9: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/9.jpg)
Define Purpose
What is the purpose of the site?What are the goals of the site?
Friday, August 20, 2010
![Page 10: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/10.jpg)
Develop Goals for the Site Who are the users of the website?How would you describe them (demographically)?Why will they come to the website?When and where will users access the site(mobile, home, business)?How(platform) will they access the site?
Friday, August 20, 2010
![Page 11: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/11.jpg)
User Tasks- Define, RefineWhat will users do on the website?Define critical tasks, why is this site essential?What features are most important to users?Which features get used the most?What issues would cause users the most trouble?Which tasks are most critical to site owners?How often will the site be used and would they return?
Friday, August 20, 2010
![Page 12: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/12.jpg)
TextTextTextText
http://yvettesbridalformal.com/
Friday, August 20, 2010
![Page 13: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/13.jpg)
Determine Measurement
Which tasks should users be able to accomplish with no problems?Which tasks should be quick and efficient?What level of satisfaction should users have after using the site?
Friday, August 20, 2010
![Page 14: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/14.jpg)
Discuss Expectations
What is your (or your client’s vision) of what the site should do?Are there limitations to be considered (restraints, mandates, or guidelines)?Is there a design model or style you are considering?
Friday, August 20, 2010
![Page 15: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/15.jpg)
Accessibility Requirements
Section 508 Compliance/ Web Accessibility InitiativeTesting for AccessibilityAccessibility Tools being used
Friday, August 20, 2010
![Page 16: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/16.jpg)
Site Management / Resources
Who is going to update and maintain the website?Skill levels and training needs?Graphic Designers?Programming and maintenanceMarketing and promotion
Friday, August 20, 2010
![Page 17: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/17.jpg)
Technology Needs
HostingDomain NameContent Management System NeedsWeb Metrics/ReportingSearch Needs
Friday, August 20, 2010
![Page 18: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/18.jpg)
Timeline and Project Plan
At the very least you need an outline of a project plan.
Friday, August 20, 2010
![Page 19: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/19.jpg)
Measuring the Return On InvestmentUsability increases customer satisfaction, productivity, and establishes site
authority/authenticity.
Friday, August 20, 2010
![Page 20: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/20.jpg)
User Experience
Small investment in time early in the design process, pays off BIG TIME down the road!Increase user success rate and ease of learningReduce support costs and trainingEstablishes trust and Authenticity
Friday, August 20, 2010
![Page 21: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/21.jpg)
Development Costs
Reduce Time and Cost to Develop an effective websiteReduce maintenance and support costs
Friday, August 20, 2010
![Page 22: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/22.jpg)
Revenue
Increase Product Sales, Revenue, and Market ShareSite Traffic Attract and Retain Customers
Friday, August 20, 2010
![Page 23: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/23.jpg)
Information ArchitectureThe “Other” Design Need
Friday, August 20, 2010
![Page 24: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/24.jpg)
Information ArchitectureThe problem with most websites is the site navigationSearch becomes the most used item“Enter Search Term” becomes the most searched for itemKeep your site narrow and flatA user should be no more than 3 - 4 clicks away from what they are looking for.
Friday, August 20, 2010
![Page 25: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/25.jpg)
TaxonomyTaxonomy is how you “tag” your contentThe Tagging is what allows users to find the content on the site.Taxonomy makes search work “smarter”Your Keywords need to be consistent with your navigation (site sections) then drill down to more specific terms. (Sports > American > Baseball > NY Yankees)
Friday, August 20, 2010
![Page 26: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/26.jpg)
Some Examples....
http://yvettesbridalformal.comThis site is a nightmare. Extreme example.No navigationLinks take you somewhere, no way to get back.
Friday, August 20, 2010
![Page 27: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/27.jpg)
Examples (cont’d)
http://www.cnn.comHow many clicks does it take you to get to the Stock Market Quotes?Hint: It’s under Money...Much Better (than Yvette’s)...
Friday, August 20, 2010
![Page 28: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/28.jpg)
Examples (cont’d)Still on http://www.cnn.comNotice from the money page, the global navigation changes, how would you go from stock quotes, World News?More clicks---> Broken Website, not a very user centric design. Could be better...
Friday, August 20, 2010
![Page 29: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/29.jpg)
Better Example
http://www.bbc.co.uk/Go to the Stock Quotes page. Get a quote on symbol “goog”Depending on how you went - 3 or 4 clicksGlobal Navigation didn’t change
Friday, August 20, 2010
![Page 30: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/30.jpg)
User Driven Commerce
Customers want to know.....What does it look like?How much does it cost?When can I get it?Does your site do that?
Friday, August 20, 2010
![Page 31: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/31.jpg)
Amazon, Ebay, Apple.comGreat examples of e-commerceUser focusedConsistentMemorableAuthenticAccessible
Friday, August 20, 2010
![Page 32: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/32.jpg)
Example Summary
Sites were all differentUsers could find what they wanted3 - 4 clicks to find what you were looking forSites were memorable. You could go back and find what you were looking for again.
Friday, August 20, 2010
![Page 33: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/33.jpg)
WebGUI And Usability
WebGUI has some terrific built- in features that make it a great platform for developing usable websites
Friday, August 20, 2010
![Page 34: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/34.jpg)
WebGUI FeaturesNavigation features are automaticURL creation is automatic or can be adjusted by the userContent Profiling, Metadata, KeywordsStoryManagerBuilt in Search
Friday, August 20, 2010
![Page 35: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/35.jpg)
WebGUI Features (Cont’d)Ease of use (adding/managing content)Override of many features(shortcuts!!!)Ability to create multiple types of navigations (Global, Footer, Left navigations, supplemental navigations). This keeps users from getting lost.Custom 404 pages
Friday, August 20, 2010
![Page 36: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/36.jpg)
http://www.america.gov
Award- Winning Website - built on WebGUI, Usability Successes
Friday, August 20, 2010
![Page 37: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/37.jpg)
For america.gov, usability studies are conducted about every 18-24 months.
Primary goal is to ensure the site retains freshness of focus
Meets the goals of the Department of State’s mission for the site.
Friday, August 20, 2010
![Page 38: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/38.jpg)
Usability Study conducted over a few days
In a Government Usability Lab
On members of the sites target audience
Utilize an“eyeball” tracker
Have users perform tasks
Measure response time and success rate
Friday, August 20, 2010
![Page 39: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/39.jpg)
Allow us to identify and fix problem areas (Design, Taxonomy, Content, Focus, Editorial)Drive future directions for the website and content creation organizationsRetest and measure changes
Results....
Friday, August 20, 2010
![Page 40: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/40.jpg)
Conducting Your Own (dirty)Usability Study
You can quickly measure the value of your website to your target audience
Friday, August 20, 2010
![Page 41: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/41.jpg)
Use your web analytics to determine the top pages of your website
Use a click tracker (http://www.clickdensity.com) to determine where your pages are being clicked
Refine your Design/Information Architecture
Look at your navigation(s)
Re-evaluate Performance/User Satisfaction
Friday, August 20, 2010
![Page 42: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/42.jpg)
PDFs, Word, Excel as Content - generally anything that requires a download is not good.Videos and audio files should have transcriptsLinking content to Social Networking sites that require “membership” to view, bad idea- make publicDon’t store content on Twitter or Facebook that isn’t on your main site
Quick Hits
Friday, August 20, 2010
![Page 43: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/43.jpg)
Offsite links should open in a new window(user’s should know when a link takes them offsite)
Users should know (icon) that they are downloading a binary file
Link to Adobe Reader, Flash Player, or other install files on your page if the content requires it.
Alt Tags, Title Tags - Very Useful
Test site in many browsers
Friday, August 20, 2010
![Page 44: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/44.jpg)
Custom 404 pages to allow your user to get back where they came from or continue on (suggest searches)
Don’t use extensive graphics
Measure site performance (no slow loading sites!)
CSS / JS that degrades nicely
Smart use of images
Add help features
Friday, August 20, 2010
![Page 45: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/45.jpg)
Check for broken links
Check Accessibility
Re-think Flash and distracting interactives
Use Font, hover, visited link standards (support scalable type!)
Friday, August 20, 2010
![Page 46: Usability - WebGUI · If Google weren’t so simple and intuitive, there would be a million search engines today. The importance of user centered design is that it is](https://reader033.vdocuments.site/reader033/viewer/2022050223/5f685224af37c77bd901a136/html5/thumbnails/46.jpg)
http://www.usability.govhttp://www.doshdosh.com/50-web-usability-tips/http://www.gerrymcgovern.comhttp://www.w3.org/WAI/http://iainstitute.org/
Resources
Friday, August 20, 2010