Usability 101

An introduction to usability, why it matters, and how to achieve it in your own software.
Presentation given at openSUSE Conf on May 27, 2017,

Transcript

1. USABILITY HERNÁN SCHMIDT SUSE
2. U•SA•BI•LI•TY: the ease with which
 people can use a software
 with the goal of reaching
 a concrete objective
3. EFFICIENCY MEMORABLE ERRORS SATISFACTION EASE LEARNING
4. PEOPLE you are not
5. OBJECTIVE REACH an
6. The application itself is not a goal – it’s an obstacle between the users and their objectives. ROBER HOEKMAN JR.
7. USABILITY? Why
8. usable application = happy users
9. happy users = more users
10. more users = more contributors
11. more contributors = increased capacity 
 to improve our
 application
12. EASY TO USE an application that is HOW DO I BUILD?
13. Define the features 1.
14. USABILITY FEATURES ∝ 1
15. An obvious application focuses on what’s important and leaves out the rest. ROBERT HOEKMAN JR.
16. 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
17. 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
18. 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
19. 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
20. Create mockups and prototypes 2.
21. http://www.flickr.com/photos/jackdorsey/182613360/
22. http://pencil.evolus.vn Pencil
23. Perform usability tests 3.
25. Usability Tests
 In 4 Easy Steps
26. Prepare tasks & scenarios STEP 1 USABILITY TESTS 101
27. Add an event Add a recurring event Add an all-day event
28. 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.
29. Find
 victims participants STEP 2 USABILITY TESTS 101
30. Ask participants to complete the scenarios STEP 3 USABILITY TESTS 101
31. Say thank you! STEP 4 USABILITY TESTS 101
33. Rinse and repeat 4.
34. let ready = false; while(!ready) { chooseFeatures(); buildMockups(); ready = testWithPeople(); } writeTheCodez();
35. & TIPS TRICKS
36. MORE is LESS
39. http://file-folder-ren.sourceforge.net/index.php?page=ScreenshotsM1
40. http://www.bulkrenameutility.co.uk/Screenshots.php
41. USERS new HELP
44. Polari “Welcome screen”
45. Polari
47. USERS your GUIDE
48. Source: Shutterstock
49. FRICTION reduce
50. Hotmail
51. Gmail
52. Windows File Browser
53. GNOME Files
54. Wanna learn more? Robert Hoekman Jr., Designing The Obvious Steve Krug, Don’t Make Me Think & Rocket Surgery Made Easy Jim Hall’s Blog
 http://opensource-usability.blogspot.com Jakob Nielsen’s Website
 http://www.useit.com
56. THANK YOU! Hernán Schmidt SUSE