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

優(yōu)秀的網(wǎng)站設(shè)計(jì)都能夠克服以上兩個(gè)問(wèn)題：

為了達(dá)到可用性目的，應(yīng)用程序應(yīng)該是以用戶(hù)為中心的。用戶(hù)之所以安裝你的程序是因?yàn)樗麄冃枰鉀Q某個(gè)緊迫的問(wèn)題，也就是說(shuō)，你的程序一定是要有實(shí)際用途的。你要仔細(xì)考慮用戶(hù)會(huì)是如何按著它們的方式嘗試去完成自己的目標(biāo)需求的。

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

以下是中科服網(wǎng)絡(luò)小編認(rèn)為在創(chuàng)建一個(gè)優(yōu)秀的用戶(hù)體驗(yàn)設(shè)計(jì)時(shí)需要重點(diǎn)考慮的9個(gè)核心原則：

1. 減少混亂

對(duì)于用戶(hù)體驗(yàn)來(lái)說(shuō)，用戶(hù)的注意力無(wú)疑是一種非常寶貴的資源，而你的設(shè)計(jì)應(yīng)該合理地分配這一資源。如果你的用戶(hù)界面承載了諸如按鈕、圖片、文本等諸多雜亂的信息，勢(shì)必導(dǎo)致信息過(guò)載給用戶(hù)帶來(lái)壓力。

有一句出自 Antoine de Saint-Exupéry 得著名的短語(yǔ)，即”達(dá)到完美，并不是好得不能再好，而是好得一點(diǎn)都不多余?！?類(lèi)似的，在移動(dòng)設(shè)計(jì)中，擺脫掉一切并非絕對(duì)必要的信息是非常重要的，因?yàn)槠錅p少了混亂，而提升了用戶(hù)的理解。

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

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

2、 使導(dǎo)航不言自明

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

（1）導(dǎo)航必須是連貫的。

首先，你應(yīng)該使用恰當(dāng)?shù)臉?biāo)識(shí)物（正確的視覺(jué)隱喻），這樣導(dǎo)航元素就不需要額外的解釋說(shuō)明用戶(hù)就能理解，其次，要確保每個(gè)導(dǎo)航元素（如圖表）指向了正確的目的地。

（2）導(dǎo)航必須保持一致性。

在不同頁(yè)面中，千萬(wàn)不要把導(dǎo)航控件移動(dòng)到不同的位置或者隱藏起來(lái)。這樣會(huì)很容易使用戶(hù)迷失掉的。

（3）導(dǎo)航應(yīng)該傳達(dá)出用戶(hù)當(dāng)前的位置。

無(wú)法表明當(dāng)前位置可能是我們?cè)趹?yīng)用程序菜單中最?？吹降囊粋€(gè)問(wèn)題。“我在哪里？” 是用戶(hù)要成功的導(dǎo)航前必須回答的基本問(wèn)題之一。

3、 創(chuàng)建一個(gè)跨平臺(tái)的無(wú)縫體驗(yàn)

你不應(yīng)該將移動(dòng)設(shè)計(jì)視作是孤立的。對(duì)用戶(hù)來(lái)講，創(chuàng)建一個(gè)在移動(dòng)端、桌面端和平板端無(wú)縫結(jié)合的體驗(yàn)是非常重要的。

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

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

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

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

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

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

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

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

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

6、 保持界面元素清晰可見(jiàn)

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

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

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

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

使用足夠的對(duì)比度在手機(jī)上顯得尤其重要：因?yàn)橛脩?hù)可能在戶(hù)外使用是，陽(yáng)光的照耀會(huì)降低其對(duì)比效果。

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

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

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

將頂級(jí)菜單，高頻使用的控件和公有的動(dòng)作放在綠色區(qū)域是非常重要的，因?yàn)閱文粗改軌蚝苁孢m的跟它們產(chǎn)生交互。

另一方面，把那些具有否定意義的動(dòng)作（比如刪除或清除）放在手指不容易觸及到的紅色區(qū)域，因?yàn)槲覀儾幌Ｍ脩?hù)意外的跟它們產(chǎn)生作用。

8、減少對(duì)打字輸入的需要

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

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

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

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

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

結(jié)論

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

網(wǎng)站建設(shè)專(zhuān)家中科服網(wǎng)絡(luò)（www.xinzz.cc）專(zhuān)注于高端品牌網(wǎng)站建設(shè)的解決方案，為您提供專(zhuān)業(yè)、安全的企業(yè)展示網(wǎng)站建設(shè)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、商城系統(tǒng)網(wǎng)站建設(shè)、SEO優(yōu)化、網(wǎng)站認(rèn)證、網(wǎng)絡(luò)營(yíng)銷(xiāo)、并提供一站式互聯(lián)網(wǎng)基礎(chǔ)服務(wù)。7×24小時(shí)專(zhuān)業(yè)技術(shù)支持,互聯(lián)網(wǎng)用戶(hù)服務(wù)的選擇。