「互動設計」從人機介面發展而來,最初是為了因應科技所產生的新產品而產生的學門,目標是想把現實中的好體驗帶進虛擬世界中。
以往較多在探討產品的使用情境、介面、流程、功能、視覺設計等;如今,這個領域的發展已經產生出許多共識,有很多重要的原則反而是可以拿來檢視現實生活中的應用。
舉例來說,路徑設計的重要性在互動設計領域已被討論很久,它可以描繪架構與關聯性、增加操作熟悉度,也可以協助預設的路徑被完成,輔助產品傳達良好的使用者體驗。
- 撒下麵包屑,讓使用者知道自己身在哪裡、回到上一步路
在產品中,路徑設計的實現型式之一是麵包屑(breadcrumb),它可以告訴使用者目前在整體產品架構中的位置。就像如果今天我想買一件襯衫,朋友丟給我一個網頁,我很喜歡裡面的襯衫樣式,想看更多類似的設計,我就可以利用麵包屑快速知道目前所在的頁面位置,然後點選相同分類以瀏覽同樣品牌或風格的襯衫。
另外最近還看到 Yahoo 購物中心更進一步,直接在麵包屑設計下拉選單,讓使用者方便瀏覽其他相關分類。
- 好的路徑設計,讓使用者能從頭走到尾不迷路、不中斷
路徑設計在現實生活中更被廣泛應用,像是我們平常看到的街牌、門牌和路標就是一些例子,適當運用路徑指引,不僅可以節省完成整個流程所花費的時間,有時候還可以為企業節省不少客服成本。
最近我去爬山,就在台北新店和美山步道看到了一種貼心的路徑設計例子。
和美山步道有兩條主線,如果想看看綠意盎然的樹林,讓眼睛休息一下,就可以選擇親山步道走走;如果想體水岸風情,看看碧潭的美,則可以選擇水岸步道體驗水岸情懷。
當我第一次到此踏青想走走輕鬆的水岸步道放鬆心情,在叉路口正煩惱怎麼走到水岸步道而到處找地圖時,就看到步道的欄杆漆成藍色和綠色兩種顏色,分別代表親水步道和親山步道路線,想看湖的人就隨者藍色欄杆走、想爬山的人就順者綠色欄杆走,簡單又清楚。
類似的例子在國外也可以看到。前陣子朋友去了挪威,到了當地的醫院做檢查。
我們都知道在醫院做檢查就要跑東跑西的完成一連串的流程,而這些複雜的程序對年長者更是不方便。為了解決這個問題,挪威的醫院就在地板上畫出不同顏色的線,對於不明白流程的人,只用給予非常簡短的指令,直接告訴他跟者哪一條顏色的線走就好,容易明白又不容易出錯。
不管在產品或現實生活中,像這種貼心的小地方往往就是使用者取決是否再繼續使用或拜訪的關鍵。各行各業都可以試者以塑造良好體驗的思維去檢視日常工作的所作所為,相信就可以發現許多讓自己的服務或產品更好的地方。
- 延伸閱讀:
(封面圖片: jdeeringdavis, CC Licensed;圖片來源:截自Yahoo 購物中心、小穎提供)







