The 300 Million Button The Windows 95 User

The $300 Million Button

The Windows® 95 User Interface: A Case Title Study in Usability Engineering Source CHI’ 96 10

15 可用性團隊決定Creating Baseline Windows 3. 1 使用者表現量測 (profiling) 開啟隱藏程式： 9. 5 mins 滑鼠使用問題 (double clicking) 所視僅所得 (What You See Is ONLY What You Get) 什麼選單是看不到的? Windows 3. 1操作表現不佳 重新設計Windows 95 GUI

Design 1: 為初學者建立專屬介面 16 • Function accessibility • Different from Win UI • May learn twice

Design 2: Minimized Window 18 “Plate” visualization for minimized windows Couldn’t see what programs are open Win 3. 1

20 網站Logo位置研究 Website Logo Placement for Maximum Brand Recall https: //www. nngroup. com/articles/logoplacement-brand-recall/

21 網站Logo位置研究 Website Logo Placement for Maximum Brand Recall https: //www. nngroup. com/articles/logo. Stylish/Unique? placement-brand-recall/

實驗程序 22 剛剛那個旅館叫做 什麼名字? 隨機指派 (真實網站 vs. 錯位網站) Web. Site Q 1 2 Web 1 Web 2 Q Web 3 Web. Site 3 Web 4 Q Web. Site 4 Web 5 Q Q&A why? Q&A 選擇題：找出Web. Site. X From 10 hotels

Recall Effect 24

25 No Effect of Being Stylish or Unique

專案成果與建議 27 64 phases of lab testing, using 560 subjects 初始UI設計絕無倖免 反覆設計流程的採用 反覆設計流程中不可承受的管理困難? “Prototypes are the spec” approach � Worked well � Shared via networks � A richer type of specs

反覆設計(Iterative Design) 28

如何關閉Windows 8應用程式 Close the window, please~~~

Jakob Nielsen’s UX Training https: //www. nngroup. com/ux-certification/pricing/ (2017/5/16)

First i. Pad Usability Study 測試時間：初次上市後數週 受試者：七位 經驗 ≥ 三個月 � i. Pad 經驗 (一週; n=1) � 測試時間： 90 mins / 每人 � i. Phone 測試App (n = 34) � ABC player • Alice in Wonderland Lite • AP News • Art Authority • BBC News • Bloombergcraigsphone (Craigslist) • e. Bay (both app and website) • The Elements (physics courseware) • Endless. com • Epicurious • ESPN Score Center • ESPN. com • Gap • Gilt • GQ magazine • GWR Lite (Guinness World Records) • i. Book • IMDb (Internet Movie Database) • iverse Comics • Kayak (kayak. com) • Marvel Comics • MLB. com (Major League Baseball) • Nike. com • Now Playing • NPR (National Public Radio) • The New York Times Editors' Choice • Popular Science • Time Magazine • USA Today • virginamerica. com • whitehouse. gov • Wolfram Alpha • Yahoo! Entertainment

Responsive Web Design RWD 網站範例 http: //image. slidesharecdn. com/whyrwd-140710003023 -phpapp 01/95/about-wonderdesign-5 -638. jpg? cb=1404952303

Yahoo! App如何翻頁?

Eye Tracking (眼動行為研究)

Eye Tracking

Heatmap (熱圖) Colored display for 2 D data array Advantages � Perceptual & locational Parameters (參數) �# of users � Fixation length or # of fixations � Color scale

Two Types of Heatmaps Fixation count heatmap Absolute gaze duration heatmap For two fixation count heatmaps A and B, 若同一位置L都是相同顏色, 受試者是否投入相同注意力於LA and LB? For two absolute gaze duration heatmaps A and B, 若同一位置L都是相同顏色, 受試者是否投入相同注意力於LA and LB?

Case Study: ASCO Original ASCO homepage Proposed ASCO homepage Which UI ca make it quicker to find information?

Participants and Apparatus 12 participants � Age: 30 -55 � ASCO member Recruited � Use at 2005 ASCO Annual Meeting in Orlando experience: once a month (mean) Apparatus � 17” monitor (1024 x 768 pixels) � a mouse � Tobii 1750 eye tracker

Procedures • Within-subjects design • Counterbalanced against sequence effect • 完全交互平衡法 25 tasks (Design 1) Randomized 20 -min unrelated exercises 25 tasks (Design 2) Randomized Any confounding effect between old vs. new?

TASK I: Find a list of upcoming conferences Original webpage Proposed webpage

Analysis Results

Task I in Original Design. Too many link elements # of 目標凝視點 > 1: 4 Persons Meeting & Education? ?

Task I in Proposed Design Less apparent link elements # of 目標凝視點 = 1: All participants

TASK II: Join ASCO Original webpage Proposed webpage

Analysis Results

Task II in Original Design Become a Member

Task II in Proposed Design Membership

TASK III: Find ASCO’s Position Statements Original webpage Proposed webpage

Analysis Results

Task III in Original Design

What is Wrong With Proposed 點選“Legislative & Design? Regulatory”: 9 participants Mean(目標凝視點) =2

Gaze Plot & Gaze Replay What they are? � Place � Order � Size Limitations � 有時候看不到數字 � 有時候看不到網頁 � Time-consuming analysis Gaze replay Qualitative nature

Areas of Interest (AOI)

F Pattern About us Product Ordering Search Result

Impossible Eyetracker Calibration Bifocals/Trifocals 白內障(cataract)

Impossible Eyetracker Calibration 眼睛植入物(eye implant)

Impossible Eyetracker Calibration Screen reader Permanently diluted pupil

Impossible Eyetracker Calibration Extreme height Bushy eyelashes

69 Any Question?

我的使用者行為研究 Liao, G. Y. , Chien, Y. T. , Chen, Y. J. , Hsiung, H. F. , Chen, H. J. , Hsieh, M. H. & Wu, W. J. (2017). What to build for middle-agers to come? Attractive and necessary functions of exercise-promotion smartphone apps. JMIR m. Health and u. Health.

Research Method Data collection (N=117) � 結合衛生所健檢收案 � 訪員親至照護中心 資料篩選 � 基本資料、研究問項填寫不完整 Effective N = 105 Effective response rate = 105/117 = 89. 7%

Research Method smartphone self-efficacy (10 items) � Cronbach’s α =. 922 physical activity (29 items) quality perception toward BCTs via mobile phone (104 items) � Brainstormed by authors � Items designed based on the CALO-RE taxonomy based on the KANO questionnaire (positive and negative)

KANO問卷

Analysis Results RQ 1: 那些功能設計可以提升品質感受? � Total sample: A 30 (visual demonstration) � High PA: 0 design feature � Medium PA: 6 design features e. g. , � Low A 5 (offering movements to be avoided) PA: 21 design features e. g. , A 1 (general consequences of exercise)

Analysis Results RQ 1: 那些功能設計可以提升品質感受? � High e. SSE: 14 g. , A 2 (customized consequences of exercise) � Medium e. g. , � Low SSE: 6 design features A 15 (remind to record health outcomes) SSE: 1 design feature e. g. , A 30 (visual demonstration)

RQ 2: 現有App的功能是否可能滿足 中年族群的需求? Design Total PA PA PA SSE SSE Prvln. Feature Sample (H) (M) (L) [34] A 39 (social support) 79% A 3 (social approval) 64% A 23 (prompting exercise generalization) Oe (O, M) O Me 0% A 22 (contingent rewards with M Oe M 1% A 15 (remind to record health outcomes) (O, M) Oe M 22% A 10 (remind to record PA) M (O, M) Me 29% A 52 (reminding to PA) (A, M)e Oe M 35% A 30 (visual demonstration) Ae (A, M) O Ae 47% A 29 (PA instruction with text/voice) Oe (A, M) O 49% grading/shaping)

RQ 3: 中年族群的品質感受是否受到相關因素的影響 ? multinomial logistic regression models � for each design feature � 5 categories integrated into 3 categories combined the attractive and one-dimensional categories combined the indifferent and reverse categories analysis results � 3 models excluded due to insufficient model fitting � SSE significant in 14 models; PA only in one model