為使用者優化服務、提供重要資訊

東京地鐵車廂門上方的資訊看板

「老闆,雞排要切不要辣」、「老闆,雞排要辣不要切」、「糖要正常還半糖?少冰還去冰?要大杯還中杯?」在台灣,點份雞排、喝杯手搖飲料,甚至來碗蚵仔麵線要香菜或蒜末,都要做決定。有些餐廳的菜單厚厚一本,讓人看得眼花撩亂,點菜像讀本小書一樣久,有些則是像考試的答案卡,塗塗改改,得花上好一陣子才能完成點菜。菜單上呈現很多選擇與配對方式,看似貼心,對於有選擇障礙的人來說可能是一大折磨。

隨著健康飲食與個人化飲食的風氣,餐點客製選項越來越多。
有時點餐流程還需要服務生特別「教學」,點個餐像是做考題一樣費時。

我們的生活中,常充斥著複雜的設計與服務,有些確實讓人感到很貼心,有些卻讓人感到很麻煩,這中間的界線應該如何拿捏呢?

先在生活中找找,哪些資訊讓人眼花撩亂?哪些資訊讓人一目瞭然?哪些服務讓人感到貼心?哪些服務讓人感到不便?久而久之便能掌握那條界線了。

常以觀者角度思考

以前唸書時,不是用紅色原子筆就是拿黃色螢光筆來畫重點。現在畫重點的工具更多種,如果是用數位產品閱讀還可以變出更多花樣。然而,畫重點的原則仍是一樣的,那就是「重點畫太多就沒重點了」!資訊的安排也一樣,如果不能把真正重要的部分提示出來,而是什麼資訊都想呈現,都想強調,那麼,觀者在閱讀上就無法快速且精準地掌握重點了。

一個公告上出現了四種重點顏色,到底什麼才是重點?

重要資訊必須適時適地出現

不論是在公共場所,或是大眾交通運輸工具,經常可見很多重複的標示或警語,無非是怕民眾沒看到而使用錯誤發生危險。然而,重要資訊並不需要一直出現民眾眼前,只要在最關鍵的時候、最適當的地方出現,即能映入眼簾、進入腦海。

像是指引方向或目的地的標示,應放在人們最容易迷路的關鍵處,也就是岔路口。或者在較長的路徑上,怕使用者走久了產生不確定性,途中需要增加標示或提醒。除了上述兩種情況,同一條路徑上有多個相同的引路資訊,都是多餘的設置。

在視線範圍內即可看到「西一門」,就不需要再設置西一門的引路標示了。

資訊爆炸的時代需要整合

現在是一個資訊爆炸的時代,即使使用智慧型手機訂閱資訊,也需要使用整合手法或工具才不至於資訊爆量,如訂閱Google關鍵字、設定LINE關鍵字提醒等。如果這些資訊沒有被有效整合,也很難進到閱聽者的大腦裡。特別是緊急、重要或行銷重點資訊,不宜被廣大資訊淹沒。

任何類型的公告都應做有效整合,才不會讓訪客眼花撩亂。

以減法設計減少視覺負擔與使用困擾

而「減法設計」就是一種整合的思維,可以用來整合動線、標示與資訊,也能用來簡化服務流程,避免讓使用者感到繁瑣,或產生「鬼打牆」的糟糕體驗。

什麼是減法設計呢?就是盡量減少、去除不必要的資訊,避免讓使用者產生困擾與過多的視覺負擔。很多時候使用者不一定知道自己想要什麼,設計或服務提供者最好能洞察市場或使用者需求,提出較佳方案或優化體驗。

像是日本東京有些電車到站資訊,除了語音報站名、顯示何側開門之外,還會標示出所在車廂號碼,以及出車廂後各出口及設施的方向。提供給旅客的資訊很多,但透過突顯重點資訊(即將抵達的站名:大井町),次要資訊用色塊(目前所在車廂:第六節)和圖示(出車廂往右走會有電梯和電扶梯)顯示,不會顯得凌亂,且在短時間內能快速掌握與理解,就是減法設計可以參考的形式之一。

資訊豐富也能一目了然的日本東京電車看板。

原始來源:天下獨立評論 余虹儀專欄 「覺得眼花撩亂、有選擇障礙?來試試減法設計吧!

此文正式取得「獨立評論@天下」授權刊登

相關閱讀:〈拿掉顏色檢視視覺設計〉、〈路標設計與登山教育〉、〈門牌設計的通用設計考量

拿掉顏色檢視視覺設計

多家電視台拿掉顏色後的選舉開票畫面

每當投票結束,總有許多選民會守在電視機前等待開票。以前,我通常會先瀏覽各家電視台的開票畫面,再選擇重要資訊看起來最清楚的一台來觀看,不過2020總統大選開票前,我發現公視將多家電視台的畫面整合在一個「開票直播平台」上,讓觀眾想選哪一家看就立刻可以點開,比起之前需要一台一台切換,好像省了不少時間。

而當各家電視台的畫面擺在一起,也讓人注意到各台之間排版、圖示與呈現手法的差異。究竟開票畫面的設計要怎麼做,才能讓有不同需求的選民都能順利觀看、理解呢?讓我們一起來看看。

掌握資訊的重要性與易讀性

當所有電視台的開票畫面放在一起,就能發現:有些畫面的重要資訊一目瞭然,有些卻較為複雜,需要花一些時間找到重點。

當然,開票畫面要呈現的資訊很多,不可能一次包山包海,而觀眾也可能分布在不同的年齡層,有不同視力與不同資訊需求,因此,設計者需要做的,就是盡可能呈現出大家都重視的重要資訊、用清晰的方式呈現,而刪除掉不必要的訊息。

所有畫面排在一起,很容易看出哪些畫面的資訊較清楚。

例如,總統開票結果通常比區域立委受到更多選民關注,所以必須放在視線的最佳位置,也就是左上角,所佔畫面的比例與文字大小也需要大一些。在進行區域立委或政黨票數探討、或播放其他現場畫面時,也可做畫面更動或縮放,不過要注意過多的更動會形成視覺干擾的負荷,對於民眾獲取資訊是不方便的。又如,總統副總統候選人的號次雖然重要,但絕大多數選民都知道,真的要寫出來,也只需寫上數字即可,不用連「號次」兩字都寫出來。

另外,顏色與圖像若運用得當,有助於快速接收與判讀資訊,例如使用候選人政黨的黨徽或色彩,可以代替政黨資訊,不用另外把政黨名稱寫出來;但這麼做也要適可而止,太多、太雜亂的顏色圖案,反而會造成反效果。至於政黨色彩該用在色塊、票數還是人名等文字上?可能帶來不同的感受,但色塊的易讀性還是比較高。而總統副總統候選人搭配照片,也比起只使用人名為佳,這樣就算不懂中文或者對文字辨識有困難的人也能看懂。

以灰階呈現,確認對比是否夠強烈

在通用設計上,只要文字或背景有色彩,就要注意對比是否夠強烈,特別是充斥複雜資訊與運用多種顏色的畫面,缺乏對比的情況可能會讓色盲、色弱者難以辨別。而最容易掌握對比是否夠清晰的方式,就是將畫面先調成灰階試試看。我們會發現,當得票數字用政黨色彩呈現時,在白底上就沒有使用黑字來得對比清晰。

透過灰階色彩處理後,可掌握對比強度與色盲患者的需要。

當然,有些顏色是無法改變的,如政黨或企業等組織的識別色彩,電視台不可能隨意調整。但這些色彩上的文字顏色,或是這些色彩呈現的大小、形狀與位置,都是可以巧妙設計的。例如不把得票數放在色塊上,而是在旁邊以白底黑字呈現資訊,或是將色彩用在框線上等等,都是可行的作法。

另外,整體設計是否夠簡潔,也能透過灰階畫面檢視。如果在灰階畫面上已經顯得凌亂,一旦恢復色彩後,情況只會更糟。除去色彩後,由於少了鮮艷顏色的干擾,自然能關注到一些細節設計,如形狀、字體大小與粗細、資訊區塊的位置編排等是否恰當,有沒有干擾到重要資訊的易讀性等等。

如同台灣每次的重要選舉,各界總是呼籲選民「不看顏色,選賢與能」。在進行複雜的視覺設計時,或許也可以先「除去色彩」,確認整體設計與資訊呈現是否都能看得清楚。

原始來源:天下獨立評論 余虹儀專欄 「「不看色彩、只看本質」──拿掉顏色以後的開票畫面長怎樣?

此文正式取得「獨立評論@天下」授權刊登

相關閱讀:〈視覺障礙的種類與困擾〉、〈門牌設計的通用設計考量〉、〈路標設計與登山教育

門牌設計的通用設計考量

台灣的門牌

新北市新的門牌設計(2019年3月底)引發了廣大討論,重點不外乎:新的門牌設計樣式美感欠佳,且功能不如現有的門牌。美感的部分也許各方看法不一,但新門牌的「功能」很明顯存在了不少使用上的問題。

其實,從社會需求的角度看來,門牌的設計應該導入「通用設計」,考量到所有使用族群的觀看能力與使用需求。

在馬路上即能觀看清楚,是門牌設計的一大重點。

先釐清門牌設計的使用族群

提到門牌的使用族群,大家很自然地就會先想到郵差。郵差確實經常需要依門牌投遞信件,但郵差通常都有固定送信的區域,做久了便會很熟悉該區的地址與住家。反而是不太熟悉、初來乍到的訪客,很仰賴查看門牌。

而任何人在觀看門牌的時候,不是在交通工具上(比如坐在車內),就是走在路上。像是計程車司機、汽機車駕駛、搭公車或走在人行道的民眾等。因此,能在馬路上就看清楚,將是門牌設計的一大重點。

文字大小和顏色對比是基本考量

門牌屬於說明性標示,文字資訊不宜過多,文字大小也不能過小,同時,必須將觀看距離納入考量。根據日本國土交通省公共交通機關旅客設施順暢移動整備方針,若觀看距離為4~5公尺內,建議字體高度應大於20mm,而門牌便是屬於這樣的觀看距離。

此外,字體的選擇應避免使用筆畫較細的明體,在觀看時才不會產生筆畫斷掉而無法辨識的狀況。當然,直接使用通用設計的字體,就可避免上述情況。

除了文字大小與觀看距離,說明性標示在進行色彩設計時,也應避免使用過多顏色,特別是多色混雜。另外,文字顏色和底色也需要考量色盲與色弱患者的辨識情況。例如不宜使用紅色文字和綠色底圖,會導致紅綠色盲難以辨識文字。最保險的用法是搭配白色,因為色盲與色弱患者皆能辨識白色,不論是何種顏色文字搭配白底,或是何種顏色底圖搭配白字,都可以看得清楚。同時,顏色對比也非常重要,文字和底圖兩個顏色的明度差應在5以上。

若呈現灰階,資訊仍可清楚辨識,對色盲和色弱患者就無影響。

透過視覺設計提供方向性

在台灣,門牌編號主要是採取馬路兩邊一側雙號、一側單號的排列。因此,看到第一個門牌號碼,便可知悉目標門牌在這排,或是到對面找尋。但在號碼變大或變小的方向性上,就要走一小段,看到兩個以上的門牌號碼才能確定。

為了讓汽車或機車駕駛可以看到第一個門牌,就確知目標門牌的方向,其實也可以在視覺上進行方向性的設計,提供箭頭或類似形式的圖示資訊,也能減少駕駛在路上找門牌產生停停走走,進而影響到交通的情況。

原始來源:天下獨立評論 余虹儀專欄 「好門牌,不用嗎?從「通用設計」的角度,給新北市門牌一些建議

此文正式取得「獨立評論@天下」授權刊登

相關閱讀:〈拿掉顏色檢視視覺設計〉、〈視覺障礙的種類與困擾〉、〈善用「視覺線索」幫助記憶、提升效率〉、〈視覺以外的感官洞察力