優(yōu)秀的界面設(shè)計(jì)都能夠克服以上兩個(gè)問題：一是為了達(dá)到可用性目的，應(yīng)用程序應(yīng)該是以用戶為中心的；二是賦予界面足夠的清晰度?；谶@兩點(diǎn)，在創(chuàng)建一個(gè)優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)時(shí)需要重點(diǎn)考慮9個(gè)核心原則。
1. 減少混亂
對(duì)于用戶體驗(yàn)來說，用戶的注意力無疑是一種非常寶貴的資源，而你的設(shè)計(jì)應(yīng)該合理地分配這一資源。如果你的用戶界面承載了諸如按鈕、圖片、文本等諸多雜亂的信息，勢(shì)必導(dǎo)致信息過載給用戶帶來壓力。
有一句出自 Antoine de Saint-Exupéry 得著名的短語，即”達(dá)到好，并不是好得不能再好，而是好得一點(diǎn)都不多余。” 類似的，在移動(dòng)設(shè)計(jì)中，擺脫掉一切并非絕對(duì)必要的信息是非常重要的，因?yàn)槠錅p少了混亂，而提升了用戶的理解。
有一條簡單的經(jīng)驗(yàn)法則:每一個(gè)屏幕應(yīng)該僅保存一個(gè)重要的動(dòng)作。對(duì)于你的程序而言，其每一屏都應(yīng)該向那些使用它的用戶提供一個(gè)有實(shí)際價(jià)值的獨(dú)立動(dòng)作。這使的它易于學(xué)習(xí)，易于使用，易于在必要的時(shí)候加入或創(chuàng)建。相比于一個(gè)凌亂的屏幕，100個(gè)清晰的屏幕才是更可取的。
2. 使導(dǎo)航不言自明
對(duì)任何應(yīng)用程序來說，幫助用戶導(dǎo)航前往正確的地方都是相當(dāng)重要的一件事情。優(yōu)秀的導(dǎo)航設(shè)計(jì)就好比指導(dǎo)用戶旅程的一只無形的手。畢竟，如果用戶都發(fā)現(xiàn)不了，那么再酷的功能特性或最最吸引人的內(nèi)容也是沒用的。優(yōu)秀的移動(dòng)導(dǎo)航遵循以下基本原則：
（1）導(dǎo)航必須是連貫的。首先，你應(yīng)該使用恰當(dāng)?shù)臉?biāo)識(shí)物（正確的視覺隱喻），這樣導(dǎo)航元素就不需要額外的解釋說明用戶就能理解，其次，要確保每個(gè)導(dǎo)航元素（如圖表）指向了正確的目的地。
（2）導(dǎo)航必須保持一致性。在不同頁面中，千萬不要把導(dǎo)航控件移動(dòng)到不同的位置或者隱藏起來。這樣會(huì)很容易使用戶迷失掉的。
（3）導(dǎo)航應(yīng)該傳達(dá)出用戶當(dāng)前的位置。無法表明當(dāng)前位置可能是我們?cè)趹?yīng)用程序菜單中最?？吹降囊粋€(gè)問題。“我在哪里？” 是用戶要成功的導(dǎo)航前必須回答的基本問題之一。
3. 創(chuàng)建一個(gè)跨平臺(tái)的無縫體驗(yàn)
你不應(yīng)該將移動(dòng)設(shè)計(jì)視作是孤立的。對(duì)用戶來講，創(chuàng)建一個(gè)在移動(dòng)端、桌面端和平板端無縫結(jié)合的體驗(yàn)是非常重要的。
以 Apple Music 為例，你在 Mac 端設(shè)置一個(gè)播放列表后會(huì)很快在 iPhone 上也看到該列表。 Apple 意識(shí)到在跨平臺(tái)間保持這種數(shù)據(jù)的同步，創(chuàng)建出良好的無縫結(jié)合的體驗(yàn)是非常重要的。
4. 設(shè)計(jì)對(duì)手指操作友好的控件
相比于大的觸控控件，小的自然更難于操作。當(dāng)你在設(shè)計(jì)移動(dòng)端的用戶界面時(shí)，是讓你的控件的可觸摸面積足夠大，這樣用戶才容易觸及到。
控件的大要控制在7-10毫米，這樣用戶方能夠準(zhǔn)確地使用手指觸及到。；另一方面，用戶在跟控件產(chǎn)生交互時(shí)，控件的邊緣應(yīng)該是可見的，能夠以清晰的視覺反饋向用戶傳達(dá)他們確實(shí)觸及到控件本身了。
另外，要確保不同的控件間有合適的留白區(qū)域。
5. 文本內(nèi)容應(yīng)足夠清晰
相比于臺(tái)式電腦，智能手機(jī)的屏幕要相對(duì)小的多，這就意味著如何把大量的信息裝到這個(gè)小屏中不得不說是移動(dòng)設(shè)計(jì)的一大挑戰(zhàn)。您可能有一個(gè)挺吸引人的想法，即把所有信息都進(jìn)行尺寸上的壓縮也照樣能顯示很多的內(nèi)容。但無論如何，你應(yīng)該杜絕這種想法。
針對(duì)移動(dòng)端的一條經(jīng)驗(yàn)法則：文本大小應(yīng)該至少在11pt左右，好讓用戶在不用放大的情況也能夠清晰的瀏覽。
通過增加行高或字符間距都能夠提高易讀性，合適的大量的留白可以使一些最亂的界面也能夠看上去簡潔不少。
6. 保持界面元素清晰可見
應(yīng)該使用顏色和對(duì)比度來幫助用戶查看和解讀你的內(nèi)容。選擇出能夠支撐你的程序可用性的主色調(diào)、次要色和強(qiáng)調(diào)色，確保不同的界面元素間有足夠的色彩對(duì)比度以使那些視力不佳的用戶也能瀏覽使用你的程序。
對(duì)于使用有背景的文本來說，要保證文本的顏色和其背景色間有足夠的對(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)橛脩艨赡茉趹敉馐褂檬?，陽光的照耀?huì)降低其對(duì)比效果。
圖標(biāo)和其他關(guān)鍵的元素同樣應(yīng)該遵循上述的對(duì)比度推薦值。
7. 基于手指的觸控點(diǎn)設(shè)計(jì)控件的布局和位置
Steven Hoover 在他的“用戶究竟如何使用移動(dòng)設(shè)備”的研究中發(fā)現(xiàn)，49%的人習(xí)慣于使用單個(gè)拇指來完成所有操作。在下圖中，屏幕中不同顏色的區(qū)域表明用戶拇指能夠觸及的難度等級(jí)，其中，綠色區(qū)域表示很容易觸及的范圍，黃色則表示拇指要伸展開來才能夠到，而要觸達(dá)紅色區(qū)域則要求用戶改變?cè)O(shè)備的手持方式。
將頂級(jí)菜單，高頻使用的控件和公有的動(dòng)作放在綠色區(qū)域是非常重要的，因?yàn)閱文粗改軌蚝苁孢m的跟它們產(chǎn)生交互。
另一方面，把那些具有否定意義的動(dòng)作（比如刪除或清除）放在手指不容易觸及到的紅色區(qū)域，因?yàn)槲覀儾幌Ｍ脩粢馔獾母鼈儺a(chǎn)生作用。
8. 減少對(duì)打字輸入的需要
在手機(jī)上打字輸入是一個(gè)緩慢而易于出錯(cuò)的過程，因此要盡量減少移動(dòng)應(yīng)用程序中所需的輸入。
盡量移除那些不必要的輸入域，保持表單簡短。
在合適的地方，使用自動(dòng)補(bǔ)全的功能或填入用戶個(gè)性化數(shù)據(jù)，這樣用戶就只需要輸入最少的信息。
9. 測(cè)試你的設(shè)計(jì)效果
若把你的設(shè)計(jì)方在一個(gè)大屏的電腦屏幕上看，其效果往往非常不錯(cuò)，然而，一旦放在一個(gè)實(shí)際的手機(jī)屏幕上測(cè)試，其效果甚至不及前者的一半。 即使是那些設(shè)計(jì)最為用心的用戶界面，放在真實(shí)世界中也難免會(huì)包含一些不可見的缺陷，這就是為何我們要讓真實(shí)用戶在多樣的移動(dòng)設(shè)備上測(cè)試我們程序的原因。要把你的應(yīng)用程序當(dāng)做一個(gè)不斷進(jìn)化的實(shí)體，使用分析得來的數(shù)據(jù)結(jié)果及用戶的反饋信息不斷的提升你的用戶體驗(yàn)設(shè)計(jì)。

結(jié)論

分享文章：如何做好移動(dòng)APP的用戶體驗(yàn)
本文網(wǎng)址：http://redsoil1982.com.cn/news36/189636.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有用戶體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)