網(wǎng)站設(shè)計

Website development

一個優(yōu)秀的用戶體驗設(shè)計需要重點考慮的9個核心原則

發(fā)布時間：2016-08-12 10:20:01

在設(shè)計一個移動端的應(yīng)用程序時，我們應(yīng)該牢記在心的重要的一件事情就是務(wù)必要確保你的程序是有用且直觀的。如果這個程序沒有用處，那么對用戶來講就沒有任何的實際價值，自然地也就沒有人有任何理由去使用它。而如果這個程序有用但需要用戶付出大量的學習成本，用戶自然也是不會愿意去投入學習的。

一個優(yōu)秀的用戶體驗設(shè)計需要重點考慮的9個核心原則.jpg

優(yōu)秀的界面設(shè)計都能夠克服以上兩個問題：

為了達到可用性目的，應(yīng)用程序應(yīng)該是以用戶為中心的。用戶之所以安裝你的程序是因為他們需要解決某個緊迫的問題，也就是說，你的程序一定是要有實際用途的。你要仔細考慮用戶會是如何按著它們的方式嘗試去完成自己的目標需求的。

賦予界面足夠的清晰度。為了有效使用他們面對的用戶界面，人們首先必須意識到這個界面是干嗎用的又該怎么使用它。因此，在考慮界面是否還要清晰時絕不要猶豫。

以下是我認為在創(chuàng)建一個優(yōu)秀的用戶體驗設(shè)計時需要重點考慮的9個核心原則：

1. 減少混亂

對于用戶體驗來說，用戶的注意力無疑是一種非常寶貴的資源，而你的設(shè)計應(yīng)該合理地分配這一資源。如果你的用戶界面承載了諸如按鈕、圖片、文本等諸多雜亂的信息，勢必導致信息過載給用戶帶來壓力。

有一句出自 Antoine de Saint-Exupéry 得著名的短語，即”達到完美，并不是好得不能再好，而是好得一點都不多余?！?類似的，在移動設(shè)計中，擺脫掉一切并非絕對必要的信息是非常重要的，因為其減少了混亂，而提升了用戶的理解。

有一條簡單的經(jīng)驗法則:每一個屏幕應(yīng)該僅保存一個重要的動作。對于你的程序而言，其每一屏都應(yīng)該向那些使用它的用戶提供一個有實際價值的獨立動作。這使的它易于學習，易于使用，易于在必要的時候加入或創(chuàng)建。相比于一個凌亂的屏幕，100個清晰的屏幕才是更可取的。

拿 Uber 來說，Uber清楚地知道用戶使用他們應(yīng)用程序的目的是叫到一輛車，所以程序中并沒有覆蓋太多信息：它能夠基于地理數(shù)據(jù)自動定位用戶的所在位置，唯一需要用戶去做的事情就只是選擇上車位置。

2、使導航不言自明

對任何應(yīng)用程序來說，幫助用戶導航前往正確的地方都是相當重要的一件事情。優(yōu)秀的導航設(shè)計就好比指導用戶旅程的一只無形的手。畢竟，如果用戶都發(fā)現(xiàn)不了，那么再酷的功能特性或吸引人的內(nèi)容也是沒用的。優(yōu)秀的移動導航遵循以下基本原則：

（1）導航必須是連貫的。

首先，你應(yīng)該使用恰當?shù)臉俗R物（正確的視覺隱喻），這樣導航元素就不需要額外的解釋說明用戶就能理解，其次，要確保每個導航元素（如圖表）指向了正確的目的地。

（2）導航必須保持一致性。

在不同頁面中，千萬不要把導航控件移動到不同的位置或者隱藏起來。這樣會很容易使用戶迷失掉的。

（3）導航應(yīng)該傳達出用戶當前的位置。

無法表明當前位置可能是我們在應(yīng)用程序菜單中?？吹降囊粋€問題。“我在哪里？” 是用戶要成功的導航前必須回答的基本問題之一。

3、創(chuàng)建一個跨平臺的無縫體驗

你不應(yīng)該將移動設(shè)計視作是孤立的。對用戶來講，創(chuàng)建一個在移動端、桌面端和平板端無縫結(jié)合的體驗是非常重要的。

以 Apple Music 為例，你在 Mac 端設(shè)置一個播放列表后會很快在 iPhone 上也看到該列表。 Apple 意識到在跨平臺間保持這種數(shù)據(jù)的同步，創(chuàng)建出良好的無縫結(jié)合的體驗是非常重要的。

4、設(shè)計對手指操作友好的控件

相比于大的觸控控件，小的自然更難于操作。當你在設(shè)計移動端的用戶界面時，好是讓你的控件的可觸摸面積足夠大，這樣用戶才容易觸及到。

控件的大好要控制在7 – 10毫米，這樣用戶方能夠準確地使用手指觸及到。；另一方面，用戶在跟控件產(chǎn)生交互時，控件的邊緣應(yīng)該是可見的，能夠以清晰的視覺反饋向用戶傳達他們確實觸及到控件本身了。

另外，要確保不同的控件間有合適的留白區(qū)域。

5、文本內(nèi)容應(yīng)足夠清晰

相比于臺式電腦，智能手機的屏幕要相對小的多，這就意味著如何把大量的信息裝到這個小屏中不得不說是移動設(shè)計的一大挑戰(zhàn)。您可能有一個挺吸引人的想法，即把所有信息都進行尺寸上的壓縮也照樣能顯示很多的內(nèi)容。但無論如何，你應(yīng)該杜絕這種想法。

針對移動端的一條經(jīng)驗法則：文本大小應(yīng)該至少在11pt左右，好讓用戶在不用放大的情況也能夠清晰的瀏覽。

通過增加行高或字符間距都能夠提高易讀性，合適的大量的留白可以使一些亂的界面也能夠看上去簡潔不少。

6、保持界面元素清晰可見

應(yīng)該使用顏色和對比度來幫助用戶查看和解讀你的內(nèi)容。選擇出能夠支撐你的程序可用性的主色調(diào)、次要色和強調(diào)色，確保不同的界面元素間有足夠的色彩對比度以使那些視力不佳的用戶也能瀏覽使用你的程序。

對于使用有背景的文本來說，要保證文本的顏色和其背景色間有足夠的對比度，好讓文本部分清晰易讀。W3C 中針對正文文本和圖像文本的對比度給出以下的推薦比值：

小號文本跟其背景色的對比度應(yīng)至少為4.5:1。

大號文本（14 pt bold/18 pt regular及以上）跟其背景色的對比度至少為3:1。

使用足夠的對比度在手機上顯得尤其重要：因為用戶可能在戶外使用是，陽光的照耀會降低其對比效果。

圖標和其他關(guān)鍵的元素同樣應(yīng)該遵循上述的對比度推薦值。

7、基于手指的觸控點設(shè)計控件的布局和位置

Steven Hoover 在他的“用戶究竟如何使用移動設(shè)備”的研究中發(fā)現(xiàn)，49%的人習慣于使用單個拇指來完成所有操作。在下圖中，屏幕中不同顏色的區(qū)域表明用戶拇指能夠觸及的難度等級，其中，綠色區(qū)域表示很容易觸及的范圍，黃色則表示拇指要伸展開來才能夠到，而要觸達紅色區(qū)域則要求用戶改變設(shè)備的手持方式。

將頂級菜單，高頻使用的控件和公有的動作放在綠色區(qū)域是非常重要的，因為單拇指能夠很舒適的跟它們產(chǎn)生交互。

另一方面，把那些具有否定意義的動作（比如刪除或清除）放在手指不容易觸及到的紅色區(qū)域，因為我們不希望用戶意外的跟它們產(chǎn)生作用。

8、減少對打字輸入的需要

在手機上打字輸入是一個緩慢而易于出錯的過程，因此好要盡量減少移動應(yīng)用程序中所需的輸入。

盡量移除那些不必要的輸入域，保持表單簡短。

在合適的地方，使用自動補全的功能或填入用戶個性化數(shù)據(jù)，這樣用戶就只需要輸入少的信息。

9、測試你的設(shè)計效果

若把你的設(shè)計方在一個大屏的電腦屏幕上看，其效果往往非常不錯，然而，一旦放在一個實際的手機屏幕上測試，其效果甚至不及前者的一半。即使是那些設(shè)計為用心的用戶界面，放在真實世界中也難免會包含一些不可見的缺陷，這就是為何我們要讓真實用戶在多樣的移動設(shè)備上測試我們程序的原因。要把你的應(yīng)用程序當做一個不斷進化的實體，使用分析得來的數(shù)據(jù)結(jié)果及用戶的反饋信息不斷的提升你的用戶體驗設(shè)計。

結(jié)論

就如同任何其他設(shè)計元素一樣，本文提到的諸多準則可能只是我們在開始可以參考的一部分。你要嘗試將這些準則跟自己的想法融合過濾，找出那些好的適合自己的設(shè)計思路。一定要記住，設(shè)計不僅僅是面向設(shè)計人員——設(shè)計是面向用戶，是為用戶而設(shè)計的。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴禁轉(zhuǎn)載

原文地址：http://mpian.cn/i,72,6729,0.html

上一篇：借“熱點”使網(wǎng)站運營效果達到秘籍

下一篇：網(wǎng)站建設(shè)，要符合訪客的心理屬性

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風
格設(shè)計
程序設(shè)
計研發(fā)
資料錄
入優(yōu)化
確認交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標簽

Website development

客戶評價

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個項目周期內(nèi)，云智互聯(lián)對待我們并不像是對待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細致地完成我們的每一個需求，再次感謝以至誠之心做事的云智互聯(lián)團隊。

潘濤
我是東方龍馬集團，在云智家做了2個企業(yè)官網(wǎng)，服務(wù)態(tài)度超級好。如果想做網(wǎng)站，選擇他家一定不后悔。性價比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運行方便，后臺操作的簡單。技術(shù)還會耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯的。

陳曦
不錯，價格比較合適，重點是響應(yīng)速度蠻快，有什么問題都會馬上給你解決，公司很滿意，因為他們都是針對每個項目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時。

張經(jīng)理