An Intro to Usability
-
Upload
hernan-schmidt -
Category
Software
-
view
71 -
download
0
Transcript of An Intro to Usability
![Page 1: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/1.jpg)
USABILITYHERNÁN SCHMIDT SUSE
![Page 2: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/2.jpg)
U•SA•BI•LI•TY:the ease with which
people can use a softwarewith the goal of reaching
a concrete objective
![Page 3: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/3.jpg)
EFFICIENCY
MEMORABLEERRORSSATISFACTION
EASELEARNING
![Page 4: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/4.jpg)
PEOPLEyou are not
![Page 5: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/5.jpg)
OBJECTIVEREACH
an
![Page 6: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/6.jpg)
The application itself is not a goal – it’s an obstacle between the users and their objectives.
ROBER HOEKMAN JR.
![Page 7: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/7.jpg)
USABILITY?Why
![Page 8: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/8.jpg)
usable application=
happy users
![Page 9: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/9.jpg)
happy users=
more users
![Page 10: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/10.jpg)
more users=
more contributors
![Page 11: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/11.jpg)
more contributors=
increased capacity to improve our
application
![Page 12: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/12.jpg)
EASY TO USEan application that is
HOW DO I BUILD?
![Page 13: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/13.jpg)
Define the features1.
![Page 14: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/14.jpg)
USABILITY FEATURES∝ 1
![Page 15: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/15.jpg)
An obvious application focuses on what’s important and leaves out the rest.
ROBERT HOEKMAN JR.
![Page 16: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/16.jpg)
FEATURES 😭• Site Management• Control multiple websites and stores from one Administration Panel with ability to share as much or as little information as needed• Administration Permission System Roles and Users• Web Services API for easy integration between Magento and any third-party application• Fully 100% customizable design using templates• Customer Groups• One-Click Upgrades• Content Management System for Informational Pages• Google Website Optimizer Integration for A/B and Multivariate Testing• International Support• Support for localization, multiple currencies and Tax rates• Includes support for WEEE/DEEE in EU• Configurable List of Allowed Countries for:• Site Registration• Shipping Destination Addresses with ability to specify per shipping method• Billing Addresses with ability to specify per payment method• Search Engine Optimization• 100% Search Engine Friendly• Google Site Map• Search Engine Friendly URL’s• URL Rewrites give full control of URL’s• Meta-information for products and categories• Auto-generated Site Map for display on site• Auto-Generated Popular Search Terms Page• Analytics and Reporting• Integrated with Google Analytics• Admin Dashboard for Report Overview• Sales Report• RSS feed for New Orders• Tax Report• Abandoned Shopping Cart Report• Best Viewed Products Report• eCommerce Platform for Growth• Best Purchased Products Report• Low Stock Report• Search Terms Report• Product Reviews Report• RSS feed for New Reviews• Tags Report• RSS feed for New Tags• Coupon Usage Report• Total Sales Invoiced• Total Sales Refunded• Marketing Promotions and Tools• Catalog Promotional Pricing by percentage or fixed amount with ability to restrict to stores, categories, products• Flexible Coupons (pricing rules) with ability to restrict to stores, customer groups, time period, products, and categories• Free Shipping Options• Multi-Tier Pricing for quantity discounts
![Page 17: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/17.jpg)
FEATURES 😭• Site Management• Control multiple websites and stores from one Administration Panel with ability to share as much or as little information as needed• Administration Permission System Roles and Users• Web Services API for easy integration between Magento and any third-party application• Fully 100% customizable design using templates• Customer Groups• One-Click Upgrades• Content Management System for Informational Pages• Google Website Optimizer Integration for A/B and Multivariate Testing• International Support• Support for localization, multiple currencies and Tax rates• Includes support for WEEE/DEEE in EU• Configurable List of Allowed Countries for:• Site Registration• Shipping Destination Addresses with ability to specify per shipping method• Billing Addresses with ability to specify per payment method• Search Engine Optimization• 100% Search Engine Friendly• Google Site Map• Search Engine Friendly URL’s• URL Rewrites give full control of URL’s• Meta-information for products and categories• Auto-generated Site Map for display on site• Auto-Generated Popular Search Terms Page• Analytics and Reporting• Integrated with Google Analytics• Admin Dashboard for Report Overview• Sales Report• RSS feed for New Orders• Tax Report• Abandoned Shopping Cart Report• Best Viewed Products Report• eCommerce Platform for Growth• Best Purchased Products Report• Low Stock Report• Search Terms Report• Product Reviews Report• RSS feed for New Reviews• Tags Report• RSS feed for New Tags• Coupon Usage Report• Total Sales Invoiced• Total Sales Refunded• Marketing Promotions and Tools• Catalog Promotional Pricing by percentage or fixed amount with ability to restrict to stores, categories, products• Flexible Coupons (pricing rules) with ability to restrict to stores, customer groups, time period, products, and categories• Free Shipping Options• Multi-Tier Pricing for quantity discounts
![Page 18: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/18.jpg)
FEATURES 😭• Site Management• Control multiple websites and stores from one Administration Panel with ability to share as much or as little information as needed• Administration Permission System Roles and Users• Web Services API for easy integration between Magento and any third-party application• Fully 100% customizable design using templates• Customer Groups• One-Click Upgrades• Content Management System for Informational Pages• Google Website Optimizer Integration for A/B and Multivariate Testing• International Support• Support for localization, multiple currencies and Tax rates• Includes support for WEEE/DEEE in EU• Configurable List of Allowed Countries for:• Site Registration• Shipping Destination Addresses with ability to specify per shipping method• Billing Addresses with ability to specify per payment method• Search Engine Optimization• 100% Search Engine Friendly• Google Site Map• Search Engine Friendly URL’s• URL Rewrites give full control of URL’s• Meta-information for products and categories• Auto-generated Site Map for display on site• Auto-Generated Popular Search Terms Page• Analytics and Reporting• Integrated with Google Analytics• Admin Dashboard for Report Overview• Sales Report• RSS feed for New Orders• Tax Report• Abandoned Shopping Cart Report• Best Viewed Products Report• eCommerce Platform for Growth• Best Purchased Products Report• Low Stock Report• Search Terms Report• Product Reviews Report• RSS feed for New Reviews• Tags Report• RSS feed for New Tags• Coupon Usage Report• Total Sales Invoiced• Total Sales Refunded• Marketing Promotions and Tools• Catalog Promotional Pricing by percentage or fixed amount with ability to restrict to stores, categories, products• Flexible Coupons (pricing rules) with ability to restrict to stores, customer groups, time period, products, and categories• Free Shipping Options• Multi-Tier Pricing for quantity discounts
![Page 19: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/19.jpg)
FEATURES• Site Management• Control multiple websites and stores from one
Administration Panel with ability to share as much or as little information as needed
• Administration Permission System Roles and Users
• Web Services API for easy integration between Magento and any third-party application
• Fully 100% customizable design using templates• Customer Groups• One-Click Upgrades
![Page 20: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/20.jpg)
Create mockups and prototypes2.
![Page 21: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/21.jpg)
http://www.flickr.com/photos/jackdorsey/182613360/
![Page 22: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/22.jpg)
http://pencil.evolus.vnPencil
![Page 23: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/23.jpg)
Perform usability tests3.
![Page 24: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/24.jpg)
![Page 25: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/25.jpg)
Usability TestsIn 4 Easy Steps
![Page 26: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/26.jpg)
Prepare tasks &
scenarios
STEP 1
USABILITY TESTS 101
![Page 27: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/27.jpg)
Add an event
Add a recurring event
Add an all-day event
![Page 28: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/28.jpg)
You don’t ever want to forget your friend’s birthday again.Add a reminder to your calendar that shows up every year on your friend’s birthday, May 27th.
![Page 29: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/29.jpg)
Findvictims
participants
STEP 2
USABILITY TESTS 101
![Page 30: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/30.jpg)
Ask participants to complete
the scenarios
STEP 3
USABILITY TESTS 101
![Page 31: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/31.jpg)
Say thank you!STEP 4
USABILITY TESTS 101
![Page 32: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/32.jpg)
![Page 33: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/33.jpg)
Rinse and repeat4.
![Page 34: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/34.jpg)
letready=false;
while(!ready){chooseFeatures();buildMockups();ready=testWithPeople();}
writeTheCodez();
![Page 35: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/35.jpg)
&TIPS
TRICKS
![Page 36: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/36.jpg)
MOREis
LESS
![Page 37: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/37.jpg)
![Page 38: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/38.jpg)
![Page 39: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/39.jpg)
http://file-folder-ren.sourceforge.net/index.php?page=ScreenshotsM1
![Page 40: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/40.jpg)
http://www.bulkrenameutility.co.uk/Screenshots.php
![Page 41: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/41.jpg)
USERSnew
HELP
![Page 42: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/42.jpg)
![Page 43: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/43.jpg)
![Page 44: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/44.jpg)
Polari “Welcome screen”
![Page 45: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/45.jpg)
Polari
![Page 46: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/46.jpg)
![Page 47: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/47.jpg)
USERSyour
GUIDE
![Page 48: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/48.jpg)
Source: Shutterstock
![Page 49: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/49.jpg)
FRICTIONreduce
![Page 50: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/50.jpg)
Hotmail
![Page 51: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/51.jpg)
Gmail
![Page 52: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/52.jpg)
Windows File Browser
![Page 53: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/53.jpg)
GNOME Files
![Page 54: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/54.jpg)
Wanna learn more?Robert Hoekman Jr., Designing The Obvious
Steve Krug, Don’t Make Me Think & Rocket Surgery Made Easy
Jim Hall’s Bloghttp://opensource-usability.blogspot.com
Jakob Nielsen’s Websitehttp://www.useit.com
![Page 55: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/55.jpg)
![Page 56: An Intro to Usability](https://reader031.fdocuments.in/reader031/viewer/2022021923/5aac6e9a7f8b9a435e8b4ad3/html5/thumbnails/56.jpg)
THANK YOU!Hernán Schmidt
SUSE