生活中的資訊架構:衣櫃與 UI 設計

你的衣櫃,和使用者介面之間有什麼共通點?

「我要的東西永遠找不到!」

嗯,這真的是最大的共通點呢!

你的衣櫃

每天早上,當我打開我的衣櫃,也會被那堆「雜亂無章」的衣服所困擾。

也不能用雜亂無章來形容,我有好好洗過、照順序折好或掛好,整整齊齊的,但總覺得找不到最適合現在的穿搭組合。

這種混亂不僅消耗我大量時間,也增加了我的壓力,尤其是要參加重要活動的時候。

當你在使用一些設計不佳的網站或 App 時,有沒有同樣的心情?

無論是找不到合適的衣服還是尋找網站或 App 中的特定功能,你有沒有感受到明顯的挫敗感?

「我的圍巾咧?」「完成按鈕咧?」
「我明明記得當初穿過那件衣服的啊?收到哪去了?」「購物網站怎麼可能沒有過往購買清單功能?藏去哪了?」
「山崩啦!」「網頁掛掉啦!」

如何?衣櫃是不是真的很像網站或 App 呢?尤其一言不合就山崩給你看。

衣櫃的亂象看似可以通過收納整理解決,而 UI 設計則需要深入的技術知識、使用者研究,所以 UI 設計比整理衣櫃困難多了?

它們之間存在共同的核心——分類、搜尋

整理衣櫃、整理 UI

無論是衣櫃還是 UI ,都需要通過有效的組織分類和呈現來提升使用者的體驗,不管是一目了然的展示方式,或是提供尋找特定物件的手段。

  • 你擁有多少衣服配件?你有多少空間能拿來堆放這些服飾?你心裡預期用什麼方式分類收納?
  • 「當要找某件特定衣服時,你的搜尋步驟是?」

天氣變冷了,我的羽絨外套在哪?

  • 你擁有多少訊息資料?有多少裝置需要呈現這些資訊?使用者心裡預期用什麼方式分類整理資訊?
  • 「當要找某項資訊時,你的搜尋步驟是?」

天氣變冷了,電暖器要買哪一台?

你的衣櫃是按顏色、季節、款式、適用場合分類?還是依照材質、價格、喜好度、常穿率?或是一整套搭配好了直接掛著?

良好的 UI 設計也會考慮這些因素,預先思考使用者用什麼方式理解網站或 App 的資料和功能,會用什麼方式操作,或乾脆一整套設定好,使用者直接用懶人包。

天氣變冷或變熱的換季時刻,通常是你對衣物進行大整理斷捨離的時刻對吧?你是怎麼判斷一件衣服要留下還是丟棄,收納在掛衣區還是某個抽屜裡的呢?

在整理衣櫃時,你不僅僅是在移動衣物,更會思考這件衣物該放在哪裡,下次就能快速找到它、別讓它被遺忘在衣櫃角落對吧。

同樣地,在設計 UI 時,UI 設計師不能只考慮美觀,應該花更多時間精力,考慮如何能讓使用者輕鬆地找到他們需要的資訊

包括在不同裝置上資訊的排版佈局、色彩的選擇、文字和圖示的清晰度,以及導覽和搜尋的直覺性和易用性等等。

你會發現,無論是衣櫃還是 UI 設計,都涉及「資訊架構」這門學問。

資訊架構與認知心理學

在你的衣櫃裡,這些衣服配件等等通常會以你想得起來、方便拿取的方式進行排列收納

在 UI 設計中,則是關於如何將數據資料組織成直覺、容易於尋找到的結構。

這需要深入理解使用者的認知、需求、行為,並將這些「UX」應用於設計過程中。

資訊架構和「視覺設計」沒有太大的關係,它建立在使用者的「認知心理」上。

人們會不由自主地將世界上所有一切分類,並無意識地貼上標籤,下一個結論,然後快速學習起來,下次就不用再學習一次,節省時間,加快反應速度。

你會說這是刻板印象或是偏見,對!人類就是靠快速貼標籤來「趨吉避兇」,能在一瞬間立刻判斷自己該採取什麼態度和行為,不用每一次都重新學習。

這也是我們為什麼能在「上一天班累得要死腦袋放空」之後還能「逛網拍」的原因,無意識地採取行為。

認知心理學,是一門對諸如注意力、語言使用、記憶、感知、問題解決、創造力和思考等心理過程的科學研究。

我覺得能夠當成是「研究我們大腦如何運作來認識和參與這個世界」的學問,與資訊架構這門學問很有關係。

你用什麼方式整理分類?

你會按季節、顏色、或是適用場合來整理分類衣服嗎?

同樣,你在操作網站或 App 的時候,其實在腦海裡也有預設好的一套「資訊擺在哪」的規則。

資訊架構涉及如何排列和展示資訊,讓它符合使用者的心理模型——使用者預期資訊以怎樣的方式被組織和呈現,好讓他不用動腦就可以找得到

例如,一個購物網站的使用者可能會期望根據品牌、價格、上架時間來尋找產品,這要求設計師根據這種心智模型來設計導航、分類、和篩選系統。

得先認識到使用者對自家產品的認知,才不會讓使用者迷路在自家產品裡。

「我的羽絨衣放在機器人和青椒那一格。」

誰知道這分類規則是什麼?圖案嗎?機器人和青椒和羽絨衣有什麼關係?

從衣櫃的整理到直覺易用的 UI 設計,我們實際上都在運用資訊架構的原則。

了解和適應我們大腦的運作方式,就通過將這種「理解」應用於我們的日常生活和數位設計中。

所以我們會去學一堆使用者經驗研究方法,來幫助我們「理解」使用者腦子裡在想什麼。

你可能覺得幹嘛要搞到 UX 研究,整理衣服的方式不外乎那幾種。但每個人心中的優先順序、重視原因、判斷標準都不一樣

做研究不是再次驗證我們早已知道的事,而是發現那些「細節」。如果你沒有進行使用者訪談之類的 UX 研究,就問不出這類的行為。

比如某位 UI 設計師太懶惰,家居服只有夏、冬兩款,各買 6 套,洗好了也不折直接塞抽屜,要穿時隨手抓一件出來,反正每一件都長一樣。

某個 RD 堅持每一件衣服都要平均穿到,剛洗好的衣服一定放到最後面或最下層,只拿第一件,就能平均寵幸到每一件衣服。


你呢?你用什麼方式在整理你的衣櫃呢?
是不是在房間角落擺了張椅子,堆滿穿過一次、還沒髒到要洗的衣服呀?
你又用什麼方式在挑選自己穿哪一件衣服呢?

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close