設計給媽媽用的 UI

你是否曾經遇過長輩們向你請教電腦的問題?像是無法開機、不會註冊、登入失敗、不會使用 Facebook 等等。iFixit 的 UX/UI 總監 Tony Gines 認為,作為一個 UI 設計師,網站不能只是可使用的,而要能讓使用者享受其中,要設計一個能讓我們和媽媽都感到新奇有趣的網站!
評論
評論

你是否曾經遇過長輩們向你請教電腦的問題?像是無法開機、不會註冊、登入失敗、不知道怎麼用 Facebook 等等。進到一個陌生的網頁我們大概能知道哪裡會有個按鈕,哪裡能找到我們要的資訊,就算不熟悉,使用幾次大概就能上手,但是對媽媽來說可能沒有這麼容易。

iFixit 的 UX/UI 總監 Tony Gines 每年大概拜訪他的媽媽一兩次,每次都會被詢問電腦相關的問題,這讓他想到每一天都會有數以百萬計像他媽媽這樣不熟悉操作網頁的人造訪他設計的網站,在申請註冊時總是無法成功填完表格、找不到隱藏的按鈕、對使用者介面感到困惑。作為一個 UI 設計師,Tony 認為網站不能只是可使用的,而要能讓使用者享受其中,並且樂於一而再、再而三的造訪,因此 Tony Gines 寫了一篇文章「Designing User Interfaces for Your Mom」談到他的媽媽使用網站的經驗,以及未來設計網站時能如何改善,讓媽媽們更易於操作的方法。

以下是 Tony Gines 提出未來他在設計網站或 UI 時會想到關於媽媽使用網站的經驗:

她習慣使用的瀏覽器

0-MDHXiPczO0o8228i 拷貝-720

IE 是她習慣使用的瀏覽器,更精確地說,是 IE8,原因是她熟悉所有的按鈕也知道如何操作。但問題來了,她幾乎擁有各式各樣的工具列即使那不是她自願安裝的,但她也不敢任意移除或是更新瀏覽器,深怕這麼做會把電腦毀了!於是 Tony Gines 在幾年前替她安裝 Google Chrome,到頭來她還是習慣 IE,她感到被逼迫著使用 Google Chrome,並總是抱怨無法在 Google Chrome 順利開啓網站。即使 IE 帶給她負面的使用經驗,她還是覺得使用 IE 上網最自在!

Takeaway

了解當多數造訪網站的使用者是使用較早期的瀏覽器時,他們不會抱怨瀏覽器帶給他們糟糕的體驗,而會抱怨網頁設計讓他們無法理解。

 

她無法理解多數網站的功能

0-XTSe4us6V_51kMZM 拷貝-720

Facebook 和 Google+ 能在各種裝置輕鬆上傳與分享照片,對我們來說,分享再簡單不過:用手機拍張照片、按下分享、完成!但對 Tony Gines 的媽媽來說,她仍然使用 email 寄照片分享給親朋好友,她有 Facebook,但她不知道分享的照片只會被家人看到還是會因此洩露隱私。Google+ 的情況更糟,使用者介面沒有提供足夠的引導指示,當她想上傳照片時她不知道該選哪個圈子、不知道如何上傳、不知道能不能順利讓特定的人看到照片,於是她選擇 email,準確地寄給對方並且不會遺漏任何的回覆。

Takeaway

確保你的使用者以正確的方式瀏覽並使用網站,使用視覺化的線索與字句清楚地引導使用者如何使用網站。

 

她不了解那些圖示

0-t-spEGxgRZUTvvxh 拷貝-720

我們總是假設所有人都知道每個圖示的意義,像是「+」可能代表新增文件,還有複製或刪除的圖示大概都能馬上聯想起來,但事實上,並非所有人都能理解圖示的意義,Tony Gines 曾告訴他的媽媽長得像垃圾桶或者「X」的圖示代表刪除的意思,Tony Gines 的媽媽花了一番功夫終於找到後表示:「為什麼它不能寫『刪除』就好了呢?」

Takeaway

圖示在使用上確實很方便,同時能確保在頁面上有固定的大小,讓整體看起來更加簡潔,不需要擔心文字在調整、翻譯後超出範圍。但如果使用者無法理解圖示的意義呢?不妨試試在圖示周圍增加標籤說明吧,清楚告訴使用者圖示所代表的意義,讓操作更簡易!

 

她不是 power user

0-5Ox_RCXqBtWT_rf2 拷貝-720

Tony Gines 發現講再多次 ctrl+C 代表複製、ctrl + V 代表貼上,媽媽永遠也記不起來(就算認真地抄在筆記上也可能會忘記筆記放在哪裡),這也就算了,對於智慧型手機的手勢她們也無法理解,像是在信箱裡往下拉查看新郵件的動作她也總是記不起來。甚至在 Tony Gines 打到她媽媽的手機沒人接時,語音信箱傳來媽媽錄製的一段話:「嗨,我現在無法接聽電話,請留下你的姓名與電話,我會儘快回電」沒錯,她甚至不知道當她漏接電話時手機會告訴他剛剛打來的人是誰、電話幾號。

Takeaway

擁有 power user 是好事,能教導使用者成為 power user 更棒!不要假設使用者知道如何複製貼上,不要假設使用者不再使用「古早」的方法,教導他們如何更快速地完成,同時避免疏遠新世代的使用者。

 

她不介意更多的點擊

0-3KPc-mNnlpLlH39X 拷貝-720

有個理論認為越多的點擊等同於越糟的使用者經驗。Tony Gines 不認同,他認為就算是他--- 精通網站的使用者--- 也不曾因為哪個網站要求點擊以完成某個動作的次數太多而令他抱怨。Tony Gines 看過他的媽媽摸索初次拜訪網站,一邊完成動作一邊問著:「我做對了嗎?」,只要是清楚的指示,能準確完成指令,使用者大概都不會排斥,另外能適時給予鼓勵更好!

Takeaway

簡單的設計不代表要精簡過了頭,而是要能簡易操作。把表格分段拆成四個部分而不是一長串能讓使用者不那麼害怕,也能確保使用者照著正確的步驟進行。記住,當表格分成四頁更易於使用者填寫時,不要設計一個「簡單」的單頁表格。

 

她只是想要完成某件事,並且感到與人連接。

0-W_FvEIXZlkySef0w 拷貝-720

Tony Gines 指出他媽媽使用網路的幾個非常基本的理由:付帳單、看影片、與她的兒子保持聯絡。每隔幾個月 Facebook 更動版面後,她必須從頭學起她已知的事物,祈禱原有的圖示、清單都還在她熟悉的地方。線上影片租賃網站 Netflix 在維持介面令人易於操作上表現很好,Facebook 則不然,當她看著塗鴉牆上兒子的照片時,得同時祈禱希望今天頁面不要有任何的變動。

Takeaway

當你打算重新設計擁有忠實使用者的網站時,要瞭解介面上的巨幅改變對他們來說等於得重新熟悉所有的清單與連結,而這可能會使他們感到挫敗並嚇跑他們。這不是要你再也不更新網站設計,不過記得在升級圖示讓它們看起來更好的同時,留下一些舊有元素在原來的位置,保持原有的親切感也很重要。

 

總結

最後 Tony Gines 提到,他的媽媽是位非常、非常聰明的女性,她喜歡科技,她並不是那種古板的人,更重要的是,她和許多的媽媽一樣,想成為我們創造的網路世界的其中一員。因此,讓對我們來說新奇有趣的網站對媽媽來說一樣有趣是我們的職責!所以,動手吧!看看你的網站是否能讓媽媽易於操作,或是長輩曾經在操作電腦時發生什麼趣事呢,歡迎留言與我們分享!

 



精選熱門好工作

企業公關專員

VeryBuy非常勸敗
臺北市.台灣

獎勵 NT$15,000

Cloud Engineer/雲端工程師

伊雲谷
新北市.台灣

獎勵 NT$15,000

網站程式設計師(中壢)

雷麒科技有限公司
桃園市.台灣

獎勵 NT$15,000