數位世界中,挪用常見的介面操作反而是建議選項

前言

你是否在設計規劃介面時曾想過:我要做一個驚艷世人的作品,讓所有人都印象深刻!於是你搬出了dribble中那些「超乎其境」的浮誇轉場、絢麗動畫效果,結果就是工程師對你翻了白眼、使用者的反饋無非手機無法運行、不會使用,結論就是災難一場。

但挪用別家大廠的介面好嗎?這樣是不是沒有「創意」?事實上,在數位世界中,「致敬」他牌的介面不是個錯,而是個推薦的道路。

Jakob Nielsen* 提出的法則即如此:「使用者花了大量時間在其他數位產品上,他/她也預期你的服務亦與其有相同的運作方式」

*Jakob Nielsen 為世界知名UX顧問公司NNGroup共同創辦人

心智模型(Mental Model)與金魚般的注意力

數位世界已經剝奪我們大量的注意力,如果你的數位服務一開始從申請帳號流程就「特立獨行」,使用者不知如何使用,下一步就是刪除。

心智模型(Mental Model)是使用者的重要關鍵,把它想像成使用者心中的可被打造、被修改的虛擬轉譯器 ; 當使用者在使用你的服務時,過去的使用經驗會深深決定使用者怎麼使用及難易度。

同樣一個新的數位服務,年輕使用者是不是通常上手快速,中老年使用者則需要花時間甚至放棄使用?

年輕使用者從小自數位世界中長大,對於介面的操作、數位服務的結構理解,已經打造出一個完整的「心智模型」,這個模型進而幫助他們理解新的數位服務操作 ; 相反地,中老年可能數位使用經驗較缺乏,其心智模型無法順利幫助甚至是理解如何操作。

致敬他人,幫助自己

Jakob 提出的法則即是如此,心智模型的打造非一日之事,常是多年的使用經驗累積,因此當你今天提出一個「全新」的介面(流程、操作方式),就有可能導致使用者難以理解,放棄使用。

該怎麼做?

依據個人經驗,有些許方式讓我們參考有哪些介面(pattern)可以運用:

  1. 競品:毫無疑問最快及速成的方式,藉由參考競品的方式來梳理可以運用的介面、操作方式、流程
  2. 已整理好的介面庫:如 UI Designer PatternsScreen Lane 等介面庫挖掘可運用的pattern
  3. iOS / Android design guideline :兩家智慧型手機大廠無非是第一個建立使用者如何使用的重要因素,兩者guideline皆提供不同元件的定義、操作方式

所以說,我都不能做新的介面了嗎?

亦非如此,新的介面、操作邏輯仍有發展的機會。但仍建議以下方式來設計:

  1. 奠基於一定基礎:你的介面是從現有已成熟、多項數位服務介面而來,
    從中進行新的修改、調整等。
  2. 操作教學:還記得第一次使用,教學說明的內容嗎?它也是輔助使用者上手的工具。但建議當功能初次要使用時,全屏蓋板的教學方式才會出現,不對的時機出現教學,別懷疑就是無人在乎進而關閉教學。

數據與測試

在實際上線前,易用性測試的方式能確保,使用者是否能理解內容、操作邏輯、完成任務 ; 因此進入開發前,能以原型進行測試無非是確保其品質,減少未來出錯修改的機會。

上線後使用者的數據收集,亦能提供我們評估介面、操作的來源。數據收集本身在不同的服務中,其指標的定義、埋放收集的按鈕或元件等,皆需依照該服務而有所不同。電商與外送服務的數據指標必定有所差異,確保使用者能順暢使用,其頁面中的決定性元件為何,是需要花功夫思考的。

更多可參考:https://lawsofux.com/jakobs-law/

--

--

資訊架構不只是網站地圖!

你是否有以下經驗:你想買一台手機,但在購物網站中同時有「通訊」及「數位」兩個類別,點選「數位」後卻發現裡面賣的是相機及電玩,你只好又回到原頁面,在「通訊」類別中找到你想要的手機。

這過程反應出一個簡單的資訊架構問題,「資訊組織的方式與使用者預期的不同,導致在搜尋資訊的結果產生落差」。感覺很複雜對吧? 簡言之,資訊架構能提供給使用者什麼?

良好資訊架構(Information Architecture)提供具邏輯性的數位服務並降低學習曲線,幫助使用者快速上手找到正確、需要的資訊 ; 讓數位服務達到「好用」、「容易學習」、「資訊好找」的目標

在這篇文中,你可以了解到:

  1. 資訊架構的背景
  2. 資訊架構中的使用者、內容、商業脈絡
  3. 四個打造資訊架構體系簡介:組織、命名、導覽與搜尋體系

本資訊架構系列文,主要採用書籍「資訊架構學:網站、app與資訊生態系統規劃」及其他參考資源撰寫而成。(感謝前老闆暨譯者Richard致贈的書!)

--

--