以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://www.usabilitymax.com/?p=1018 |
||
常聽到有人問,如何才能將產品設計的容易使用,這個問題的答案可以很複雜,也可以很簡單。 複雜的方法會談到很多的概念、流程、設計方法等等,所以我們就留著後面慢慢來聊,先來說說簡單的方法。 簡單的方法就是,不論你想設計的產品是什麼,停下來想想使用者會有那些動作,通常使用者會有的動作並不會太多,設計者只要從這些動作出發,設計一些路徑,並將資訊進行適當的整理,產品就不會太難用了。 很簡單吧,但是好像也不是那麼容易,不然就不會有一堆設計上的問題等待我們去解決了。 如果要設計的產品是資訊類的產品,有一個基本的原則就是要將資訊進行適當的切分,因為一般人無法、也不願意去處理一個負荷太大的資訊量,試想,當你老闆將一整堆的文件放在你面前時,是不是頭就自已痛起來了,接下來就想找個人出氣,找 不到人出氣,就只能下班找個遊樂場打太鼓達人… 談到這個原則時,接下來就會有說,那請問,我們要設計的產品是網站(電視、手機…)要如何進行資訊切割呢? 老實說,資訊產品的內容很多元,要一時半刻瞭解適當資訊切割的方式著實不易。 這樣吧,讓我來出個簡單的問題,大家想像一下,如果叫你設計停車場的導覽呢? 你會怎麼作? 畢竟停車場感覺比資訊產品來得單純的多。 先說一下條件限制 1 和所有大樓停車場一樣,你面對的就是一個多層,每層一大平面的空間 2 沒預算給你搞些高科技 3 你只能畫油漆和弄一些大圖輸出的海報 ————————————————————————————————————————————– 讓我們先來想想使用者在停車場會遇到的導覽問題,其實大家都在停車場迷路過,歸納一下,問題點不外乎幾點
所有人在停車場裡,大致上也不過就是會遇到以上幾個問題,看來很單純對吧,但幾個問題有時也夠讓人氣炸了,更糟的是,這些問題不斷的在每個停車場重複。 在我們看下面的例子之前,有人可能覺得這比較像題導覽(Navigation)設計的問題,當然,這也跟導覽模式的設計有關,不過我們先用資訊切分的角度來談談。 事實上,使用者在停車場所需要承受的資訊負荷比想像中來得大,開車的人得在外觀極度一致化的環境下去學習樓層位置、停車格的號碼及相對位置、不同功能的進入口及出口,而且我們還必須考量到,使用者在停車場這個情境下需要面對的兩個學習限制: 1 通常在找到定點之前,使用者在繞圈圈,也就是說,這時的耐性及方位辨識能力受到障礙 2 在停車場停留或者說,預期停留的時間是非常短的,換言之,使用者的學習時間並不長 綜觀以上幾點,當我們在設計停車場導覽時,就必須將所有的資訊進行切分,並切運用人類行為裡連為本能的一面來設計(比方顏色、空間記憶等等),以便達成一個良好的設計。 讓我們來看看我最近無意發現的一個例子,這個停車場是位於宜蘭新開幕的新月蘭城廣場。 仔細看一下柱之上的標示,還有同一個平面上,不同顏色的運用。 這裡先用顏色和英文字母來區分樓層和相對位置,每個樓層有兩個顏色,因此使用者只要看能模糊的記著下車時印像中的柱子顏色或字母開頭,基本上就不會弄錯樓層。 這裡就已經先將部分的資訊切分開了,所以使用者只要記得,哦,紅色/藍色,就不需要再記憶樓層了。 接下來我們再來看看這個設計者如何切分同個樓層的空間相對位置。 下圖可以看到柱子後面有一張標示。 看到這裡具巧思的設計概念了沒? 首先,D與C是兩種不同顏色,而且是在可視的範圍,user可以先進行初步的方位辨識(切分1) 接下來,看到柱子的數字安排並不是依順序,而是將2放在中間,拍照的地點位於D05,所以由中間切開,往前看的順序是23,往後看的順序是45 接下來只要看一下前方柱子上的大字為何就可以找到方位了。所以在標示柱資訊安排上,進行了顏色/字母/順序/數字四種資訊切分,使用者只要能多抓到其中的一兩項,便能快速找到方位。 接下來如果要各進入點,後方的標示清楚告知相關的方向,而且標出與該標示柱的距離。 整体上來說,這裡的設計善用了原本是阻礙物的柱子,將其利用作為標示的導覽元件,及資訊切分的單位,是近期看到比較好的設計,我常去的南軟園區設計就遠不及一個購物商城了,有去過的人一定知道那種FGH棟傻傻分不清楚的感覺。 不過,話說回來,這個設計雖然很優,但還能不能作得更好呢??? 厚厚 當然是還能有更好的設計囉,不過有機會再說吧。 |