七個不可忽視的使用者介面設計法則

标签: Featured 設計 | 发表时间:2014-01-21 10:14 | 作者:Editor_Wye
出处:http://www.inside.com.tw

Peter Vukovic 是一名在廣告代理商擁有 10 年經驗的設計師與創意總監,他以 Google、LinkedIn 等實例總結了七個使用者介面設計牢不可破的法則(law) 1。這些法則或許是網頁設計師的基本常識,但可能常常被忽略了。

1. 一目瞭然

001 Gmail 在改版之前,日曆、雲端硬碟、文件以及其它 Google 服務清楚地放在最上方的導覽列,不過改版後,Google 為了「簡化」頁面,將這些功能收攏在一個抽象的符號之內。許多使用者不明所以,他們的 滿腹疑問與埋怨瞬間湧入 Gmail 客服。 對於陌生且無法馬上進入狀況的事物,使用者通常乾脆忽視或採取迴避的姿態,這是基本的人性,因此切忌設計讓使用者得花時間思索的設計元素。

2. 優先動作

002 上圖是 Twitter 頁面,初來乍到的使用者能夠理解他們應該做什麼嗎?顯然使用者應該開始打字發出自己的第一則推文,不過「撰寫新的推文」的輸入框位在左上方,這個位置在整體環境中並不是很突出,從設計的角度來看,Twitter 似乎又想引導使用者搜尋,又想要他們點擊左側選項,太多介面元素混雜,可能令人無所適從。 使用者不必思考就自然而然知道下一步該怎麼做,「優先動作」(preferred action)應當顯而易見。

3. 關聯脈絡

003 想要更換自己在 Facebook 的名字時,得執行一連串的動作:先到位於右上角的「設定」,點擊「帳戶設定」,找到「名字」,點擊「修改」。反之,在 LinkedIn 上,只要在個人資料欄框內點擊「編輯」,各項資料前方就會出現鉛筆符號,非常直覺的設計。 使用者期望的介面元素是他們能夠輕易控制的。在真實世界中,我們想吃爆米花時,會直接打開微波爐,扭動開關,而不會預期有台微波爐會指示我們下樓走進地下室,摸黑找到電箱啓動 G-35 爆米花程序,這就很像 Facebook 迂迴的修改路徑。 盡可能讓使用者操作網站時易如反掌,如果是可以修改的項目,就讓使用者可以直接在上面修改。

4. 預設值

覺得這段鈴聲很熟悉嗎?肯定熟到都會哼唱了,這段鈴聲大概是全地球最為人熟知的旋律了。這是 Nokia 的預設鈴聲,很多從前持 Nokia 功能性手機的使用者都不會換掉它。 「預設」容易被忽略,但它的力量卻很強大:
  • 多數人手機鈴聲維持預設,即時通訊軟體的音效也少有人會更換。
  • 多數人從來不會改變電視機的出廠設定。
  • 多數人永遠不會更改冰箱的預設溫度。
因此,我們得好好設計所有「預設值」,確保它們是在最實用的狀態,畢竟很多使用者終其一生都不會改動它。

5. 引導指示

005 想要使用者做什麼,就明明白白地告訴他們。 「期待使用者自己找出方法」和「明確的告訴使用者方法」兩者有很大的差異。例如,LinkedIn 推出「endorsement」(認同朋友的某個技能)功能,它並不期待使用者天生聰穎,馬上領悟新功能該怎麼用,而是建立了一塊以藍色為底色的明顯欄框,隨機出現聯絡人,加上清楚的提示句以及簡單的操作,這項功能很快就推廣出去。

6. 回饋

006 如果能夠給予清楚而立即的回饋(feedback),使用者用起你的服務會更自在也更有信心。這是很簡單的邏輯,當使用者知覺介面是在傳達某個動作,他們就不致落入盲人摸象的不安感。Gmail 在給予回饋這方面是很棒的例子,使用者每執行一個動作,就會有淺黃底的說明出現,包括「看更多(learn more)」以及「復原(undo)」,這會帶給使用者一切都在自己掌握之中的感受,並且願意反覆使用這款產品。

7. 簡化

007 比較左右兩邊的表單,兩者要使用者填寫的項目數量都差不多,但左邊大概會令人哀嚎,右邊看起來就簡單很多。沒有人喜歡填寫又臭又長又複雜的個人資料,因為這既無聊、瑣碎,雙重檢查也讓人厭煩。不過如果我們在設計上花點巧思,將之規劃成幾個大步驟,並顯示進度,可以減少使用者抓狂的機會。 把綿延看不到盡頭的表單拆解成 10 個小小的步驟,可以讓使用者更能接受。前者就像巨大的威脅,後者親切也好處理多了,完成的同時也能帶給我們一絲成就感。

相关 [Featured 設計 ] 推荐:

七個不可忽視的使用者介面設計法則

- - Inside 硬塞的網路趨勢觀察
Peter Vukovic 是一名在廣告代理商擁有 10 年經驗的設計師與創意總監,他以 Google、LinkedIn 等實例總結了七個使用者介面設計牢不可破的法則(law) 1. 這些法則或許是網頁設計師的基本常識,但可能常常被忽略了. Gmail 在改版之前,日曆、雲端硬碟、文件以及其它 Google 服務清楚地放在最上方的導覽列,不過改版後,Google 為了「簡化」頁面,將這些功能收攏在一個抽象的符號之內.

淺談微軟Windows手機的metro UI設計

- iVane - Inside 網路趨勢觀察
不得不説這次微軟的Windows Phone請來的UI/UX設計師為微軟帶來了一些新風貌,這是很多人都沒有想過的事情. 當大多數人正在等待著新的iPhone到手時,引起我注意的卻是微軟Windows Phone的metro UI. 這次微軟Windows Phone的Metro UI還滿值得注意的,除了設計師,工程師應該要開始接觸外,一些正在開發軟體或打算開發軟體的人們也該暫時把對Windows的偏見放一邊,花點時間來看看Metro UI的特別之處.

設計的設計

- Jeshuang - 網絡暴民 Jacky's Blog
軟件工程經典作品《人月神話》的作者 Federick Brooks 的新作《Design of Design》談的是「設計」這回事是怎樣的. 說到這,當然不能不提那惡名昭彰的瀑布式開發,就是將需求、設計、實作、測試、驗收等不同階段用直線連起來. 瀑布式開發過於理想,以為東西都可以在起始時候定好. 而事實是,需求並不是那麼容易定得好,是會錯,是要修正,是會變化演化的.

Roxy.com 界面設計

- 幻幽 or A書 - ㄇㄞˋ點子靈感創意誌
賞.化繁為簡.一頁網站的介面超魅力. 網站的背後 (6pics). 《 知名網站LOGO設計-字體 》. 測‧web designer‧必玩的網頁設計隨堂考. 丹麦 (@ibeiou). Elextrolux 伊莱克斯 (@ibeiou). 「周末影像」水中倒影 (@yunblue). ARTEK (@ibeiou) 无觅.

設計,不是美化 — 2011 台北設計大展的爛設計

- 月七 - Mr. Jamie 看網路與創投
我上班的路上,每天都會經過「2011 台北世界設計展」的看板,那天剛好要幫一本聊設計的書寫推薦序,所以等紅綠燈的時候就順手拿起手機,想看看這個展的的網站有什麼好設計. 首先,這個 2011designexpo.com.tw 的 SEO 非常差,無論你 Google 的是「設計展」還是「台北設計展」,第一名的網站都被「城市通」搶走了.

10 條設計觀點

- blueslan - Mr./Ms. Days (MMDays) - 網路, 資訊, 觀察, 生活
最近看到了一篇文章,叫做 <十條不錯的編程觀點>,覺得寫得很不錯;後來想想設計也是同樣的道理,這邊就分享一下 Mr. Monday 關於 HCI (人機介面) 設計的觀點. 在設計上面有著許多的框架可以依循,對於初學者來說,依照著框架學習是好事,可以讓我們快速地達到基本的層次. 然而要再往更高的層次走去,那麼就必須要跳出框架的範圍.

50+創意名片設計

- Amo - MyDesyㄇㄞˋ點子 | 部落格:: 痞客邦 PIXNET ::
名片代表著一個人的形象,出了社會後就肯定需要一張引人注目的名片來讓人留下深刻的印象. 因此,發揮創意設計出特別的名片是相當重要的. 不僅可以避免「出師未捷身先死」,還可以為自己專業的形象加分.

【介面設計】iPhone App 的設計細節

- - ㄇㄞˋ點子靈感創意誌
Sarah Parmenter在訪談中介紹了她在設計列車時刻表app時的流程和設計原則. 對設計師來說, iPhone和 iPad是全新的平台. 相比圖形和 網站設計的經驗積累,在 iPhone和 iPad上的設計進化還都處於萌芽期. 在這裡,Sarah跟大家分享了簡單明了的火車時刻表軟件設計流程和基本原則,可能對你自己的設計項目有所啟發.

平面設計和網頁設計的區別

- - ㄇㄞˋ點子靈感創意誌
最近剛好在招UI設計師職位,發現很多設計師(特別是剛畢業不久的)都分不清UI設計(甚至是網頁設計)和平面設計的區別,現轉載短文一篇,藉以分析一下同樣作為視覺傳達設計,它們之間的差異性及通性. 在色彩方面平面設計與網頁設計使用的色彩模式完全不同,平面設計因為後期的實現依賴於印刷,所以採用CMYK的色彩模式,而網頁根據其顯像方式使用RGB 的色彩模式.

[travel]京都設計旅館 - HOTEL ANTEROOM KYOTO

- C. - 太妃糖憂鬱狂歡節│Carol&#39;s Carnival
[註:文長圖多,敬請耐心閱讀]. 四月底左右,因為上網查資料,意外找到這家結合Gallery(Art)、Lounge(Music)與Hotel(Design)的"HOTEL ANTEROOM",強調從京都發信並面向國際、能讓新一代設計師或藝術家交流的文化發信地. 誤打誤撞中發現,原來此館與我之前曾經關注過但住不起的京都高級設計旅館『感洛KANRA』是同一集團投資規劃,而我看到這家旅館的時候,剛好是正式開幕的前夕(2011.4.28 open),台灣應該還沒有人知道這家旅館,覺得很有緣份,暗下決心六月的京都之旅一定要來投宿.