從事 App 使用者經驗設計,偶爾參考別人的使用者介面設計和風格,其實是一種很好的啟發,雖然有人會說這會扼殺創意,甚至擔憂以後所有的 App 可能都會長得一樣。但前人走過的路,的確有許多值得借鏡學習之處。Medium 一篇 《Misused mobile UX patterns》為此整理出五個面向,提供設計師們參考。
不要讓導航功能被隱藏
漢堡圖標,是目前很多設計師齊聲抵制的,而大家之所以反對的原因,並非圖標本身,而是因為它隱藏了圖標本身具有的導航功能。也許你會擔心,有時太多功能無法一次全擠進手機螢幕裏,但以分層目錄的方式,就能解決這樣的問題。
不要設計意義不明的圖標
好的圖標的確可以快速使人聯想其功能,但標示不明確的圖標,卻可能讓人摸不透它究竟代表什麼意思。許多設計師都誤以為使用者會和他們有一樣的默契看得懂圖標,但實際則不然。所以最好的方式是,簡單的功能可以透過圖標表達,複雜的功能則最好能搭配簡單的文字說明。
▲ 如果你沒有使用過 Instagram,你猜得出上方的圖示代表什麼意思嗎?
查看图片
▲ 如果你第一次使用 Google 翻譯的功能,你猜得出上方的圖示代表什麼意思嗎?
不具導航功能的手勢不要用
自從 iPhone 在 2007 年被推出後,觸控螢幕技術就逐漸成為主流。因為使用者除了點擊和輕敲螢幕之外,也多了捏、滑等手勢動作。另一方面,設計師也熱愛手勢這樣的功能,因為透過手勢操控 App,就能夠節省手機螢幕上的顯示空間。
在 App 介面設計手勢的第一件事是,人們必須有意識得知道有「手勢」這項功能看可以運用,否則就不會有人去使用它,而手勢和圖標有相同的問題,使用者僅能夠理解簡常見的手勢所帶來的功用,像是滾動和縮放,但除此之外,其他的手勢則必須依靠使用者主動得挖掘和學習。
比較麻煩的是,手勢在 App 介面上的應用,目前還算是較新的領域,所以光是在刪除電子信件上,手勢可以怎麼滑,也還沒有一個較常見的標準設計。
▲ 當使用者將信件往右滑,在 Mailbox 代表郵件封存的意思。
查看图片
▲ 同樣的手勢,在 Apple Mail 中代表的意思是標記為未閱讀信件。
登入頁不要總是塞滿教學資訊
對於第一次接觸某個 App 的使用者來說,登入頁顯得格外重要。而大多數的 App,通常會在一開始就進入教學頁面,引導使用者如何使用 App。但這時只會換來使用者的快速跳過,又或者即便他們留意到了你的教學,但在進入 App 之後,又會完全忘記自己剛剛看了些什麼。
比較好的方法是,可能可以像 Slack 一樣,簡單介紹一下公司的優勢,或者像 Duolingo 一樣,多一些互動式的教學設計,讓使用者一打開 App,就快速進入 App 進行試用,或以有趣的互動方式提供語言介面的選擇,畢竟實際動手執行,總是比用眼睛看要如何做,更能夠快速得學習。
不要忽略空白狀態的重要
空白狀態通常出現在使用者第一次使用該功能或發生錯誤等狀況,其設計往往容易被沒有經驗的設計師忽略,但它卻是使用者體驗相當重要的元素之一。有些設計師會把錯誤訊息或空白狀態的頁面,當作一個可以發揮創意的地方,同時那裡也是展現視覺美感和品牌個性的地方;有些設計師則會在空白狀態中,放上更直覺式的設計,藉此引導使用者使用 App。
看完上述五點,也許有人會發現文中所點出的錯誤設計,其實不乏許多備受歡迎的 App 當前都正在使用,或曾經有過;也有人可能會感到震驚,因為自己竟然從來都不認為它們在使用上有什麼問題。而其最主要的原因,大概是因為人們早就逐漸習慣於這些使用上的不便利,所以如果我們想要時時改善設計,最好的方法還是必須經常提出質疑,並設身處地為使用者著想,畢竟世界上本來就不存在有所謂的完美無缺的設計。