一連串血淋淋的經驗:生活中的易用性

這是一連串活生生血淋淋的故事,我被老公嘲笑到快飛起。
在網路上找幾個收納整理手作材料的櫃子就被開嘲諷真是…

故事 1

我的興趣是刺繡,擁有一大堆珠子、亮片、繡線。
又新學了縫紉,做帽子和包包,所以手作材料數量龐大,非常需要收納的方式。

關注積木國王 大黑白 的粉絲團多年,他收納樂高的方式羨慕死我了,一整牆的零件材料啊!未來新家我也要這樣幹!所以跑去樹德 SHUTER 的官網 想找同款的收納櫃。

然後就迷路了。

我很有耐心地把下拉選單所有選項全部點一遍,終於碰運氣似地在品牌館裡某品牌某頁上方 Banner 看到熟悉的樂高收納櫃。

之後每次到官網,都要重新大翻查一次,直到我把下拉選單>某品牌>某分類的操作順序背下來

然後到了剛剛,和老公又聊起那堆珠子亮片的收納問題,又開了樹德官網,這下子我又找不到大黑白收納櫃了。

本來我記得品牌館裡某分類圖是樂高櫃照片,現在也找不著了。

要不是網站上有個「打造你的樂高小角落」的活動連結,我還以為雙方合作結束了。原來是我打開官網的姿勢不對啊。

但是,適合樂高零件的櫃子不適合放 2mm 米珠,之前看中的 A4 文件櫃想當然不會在活動頁面裡。

所以那款櫃子在哪?

直到我和老公之間有了下列對話,才終於搞懂樹德官網的正確使用姿勢。

老公:「下拉選單怎麼沒有 OA 選項?」
我:「哪裡有OA?」
老公:「就妳看的系列分類啊。」
我:「什麼分類?不是 A4-230P、B4-10F3P 這種編號嗎?」
老公:「產品列表頁,照片下面有個小灰字寫著分類的英文代號。」
我:「啥?有這玩意?我沒注意過。」
老公:「所以說,下拉選單怎麼沒有 OA 選項?」

這時候,令人震驚的一幕發生了!

老公:「靠!下拉選單可以捲動!」
我:「啥鬼?靠!還真得能捲!」

我把樹德官網加入我的最愛、還常常上來翻一翻…至少有 2 年的時間了吧,從來沒發現下拉選單可以捲動!

老公:「右下角原來有捲動的 icon 喔!」
我:「啥?我從來沒注意過!」

易用性分析

之前和學員聊過十大易用性原則,就用這次案例和各位聊聊我的心情吧。

我非常肯定要找的東西就在官網裡,但就是找不到。這是資訊架構上的問題,使用者會用什麼方式找到他要的資訊呢

美觀與簡化設計

因為資料量龐大,不可能也不應該將所有資訊都攤在同一層,勢必要進行優先層次的排序,但也不能藏到使用者找不到。
這中間的取捨與平衡其實很難拿捏,尤其當開發者對專案越熟悉,越會把自己的常識當成是大家的常識。我相信相關人員一定可以報個 ST 或 CB 這種代碼就馬上回應這是哪個系列、特色是什麼等等如數家珍。

但對於外行人來說…我以為 OA 是指特定某種規格的辦公家具,和要找的櫃子沒關係,而且完全沒聯想到那兩個英文字是系列代號。

辨識而非記憶

我怎麼知道逛到的這頁是不是想要的呢?以「尋找適合收納 400 種亮片米珠緞帶繡線的櫃子」為操作任務目標在尋找產品的我,認為大黑白零件櫃照片是非常好認的標記,我也是看到這張照片才會往下捲。

所以我應該要能從文字或圖片知道我從哪裡來、又要往何處去。

加上目前沒有急迫性,所以也不會特別認真去記下產品詳細資訊,只有個模糊印象:啊~我要的東西大概可以怎樣怎樣操作在這裡找到。

「盡量減少使用者需要記憶的事情、行動以及可見的選項」,結果我被迫記下從首頁要怎麼點擊、點哪些連結才能來到這頁的路線orz。

幫助與說明文件

「妳眼瞎啊! Scroll 放那麼大是看不到嗎?」

對啊我沒看到,逛這個網站起碼 40 次就是 1 次也沒注意到。有多少網站或 APP 的初次使用「蓋版」教學,各位有逐字逐句好好看完的?

提供更多的說明文件絕對不是個好辦法,一個軟體在完美的情形下不需要任何說明文件使用者就該能夠操作。

而且使用者會專心在他想達成的任務目標上,不太會分心注意週遭環境。硬要逼使用者看完說明才能操作…

「你煩不煩啊?這麼囉唆我去用別家的產品了。」
大概會變成這樣,就像是 APP 裝完打開,不註冊帳號就不給你用一樣,很多人轉頭就把 APP 刪了。

故事 2

「要訓練使用者啊!你看她知道我們官網的下拉選單可以捲之後,以後她來都會捲了。」
很多學員跟我反應他們上級或客戶講過類似的話,要訓練使用者

訓練得起來當然很好啊,訓練不起來人就跑了,使用者沒達成他的目標,為啥還要留下啊?

要不是我不想買淘寶櫃、MUJI 抽屜漂亮是漂亮但單層尺寸不合、還沒下決心找人訂做、也暫時沒找到更好的替代方案,看我想不想留下…

應該還是會留下吧,目前沒有更好的方案了啊orz

故事 3

我在這網站上還幹過一件非常蠢的事,就是在官網照片上數這個落地櫃可以放幾個抽屜

邊數還會邊罵這網站為啥不把資訊放出來,最起碼也要告訴我這櫃子有幾個抽屜啊!是有多不想做生意…

老公:「蛤?它有放吧?」
我:「沒有啊!沒看到。」
老公:「妳往下捲一點。」
我:「啥!底下還有喔?為什麼要放在配送地區下面啦!」
老公:「大概很多人不看配送區就買,然後客服那邊很麻煩吧。」
我:「放這裡就能解決大家不看配送區的問題?」
老公:「這我就不知道了。」
我:「你知道我數了多久的抽屜嗎!!!!!!」

(連數抽屜這事都幹出來了我是有多在意這個櫃子。)

只因為我往下捲一點看到是配送說明就以為已經到底了就關掉網頁,沒料到「商品規格」在「不配送地區」後面。

畢竟「Introduction 商品介紹」講的是不配送地區…嗯…商品就只有這個可以介紹,所以後面也沒了吧,應該到底了。

雖然網站上很明白地有一條 Bar 寫著「商品介紹、商品規格、購物須知」,但這條 Bar 顏色太淡了以為功能沒做好,加上 Share 社群分享列在正中間,我以為這條 Share Bar 是整個網站的分享,底下又是台灣地圖,也就是這個網頁可以關掉了的意思…

操作習慣

經過咱夫妻倆討論,為啥操作這網站我可以蠢成這樣,發現他捲頁面的習慣和我不一樣。

老公 Rianol

現在電子商務網頁做得爛的太多,商品資訊順序都不整理,所以我習慣先整個捲到底,再回頭慢慢看有什麼內容是我想要的。
所以很仰賴 iOS 畫面捲到底會回彈的動態效果,讓我判斷有沒有看完全部的內容。

老婆 Akane

我對配送什麼的沒興趣啊!人在雙北了肯定會送,而且運送這種資訊是全站共通,順序不該擺得比個體產品還前面。
看到沒興趣或全站共通資訊就會關掉網頁了,表示到底了嘛,不想浪費精神時間。

相信肯定還有更多種不同的使用者滑網頁習慣,加上使用者身份不同、目標不同、任務不同、行為不同…使用者測試很重要,訪談也很重要。

(雖然老公很驕傲自己在網站上沒犯蠢,但我總覺得是因為我把蠢都先犯完了,他當然不會犯。)

不要想訓練使用者,除非使用者非你不可,雖然使用者會勉強自己去學,一旦夠格的競品出現…

最後,讓大家瞧瞧「專訪」砌築純白樂高城堡!新莊 24 坪無印風自宅工作室 - 大黑白的積木王國 ,被喜歡的事物包圍的工作空間好棒啊!

祝大家新年快樂,也希望樹德能考慮多出點黑色的櫃子,未來工業風肯定越來越流行啊!

Akane Lee

Akane Lee

幫助你快速學會 UI/UX 實用技巧,結合理論與實作,短時間內擺脫設計瓶頸,讓你每個專案都能交出滿意的成果!

Comments

wave
comments powered by Disqus

Press ESC to close