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

故事 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 坪無印風自宅工作室 - 大黑白的積木王國 ，被喜歡的事物包圍的工作空間好棒啊！

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