干貨分享之9個(gè)移動(dòng)端用戶(hù)體驗(yàn)設(shè)計(jì)準(zhǔn)則

移動(dòng)端app設(shè)計(jì)最重要的一件事是確保它是有用且直觀的的。假如app沒(méi)有適用價(jià)值，人們不會(huì)有任何理由去運(yùn)用它。假如app十分有用，但需求大量的時(shí)間和精神去學(xué)習(xí)，那人們也不會(huì)去運(yùn)用它。

好的用戶(hù)界面設(shè)計(jì)將答復(fù)這些設(shè)計(jì)問(wèn)題：

1)為了app對(duì)用戶(hù)是有用的,應(yīng)該以用戶(hù)為中心停止設(shè)計(jì)。用戶(hù)運(yùn)用你的app,是由于他們需求處理的一個(gè)緊迫的問(wèn)題。因而，這個(gè)app應(yīng)該對(duì)“目的”有個(gè)明白的定義。考慮什么是你的用戶(hù)將會(huì)努力完成且聚焦的主要目的，并刪除一切無(wú)關(guān)緊要或次要的東西。

2)你的UI界面應(yīng)該是明晰的。你的設(shè)計(jì)的界面必需是可以被運(yùn)用的，用戶(hù)必需可以分辨出這是什么以及如何運(yùn)用它，不會(huì)讓用戶(hù)產(chǎn)生困惑。

這里，創(chuàng)新互聯(lián)以為以下9個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)準(zhǔn)繩是創(chuàng)立好的挪動(dòng)端用戶(hù)體驗(yàn)的關(guān)鍵。

1.減少噪音

用戶(hù)留意力是一個(gè)珍貴的資源，應(yīng)該合理分配。雜亂和信息過(guò)載的界面：每添加一個(gè)按鈕，圖像，或是文本都會(huì)讓界面變得更復(fù)雜。

法國(guó)著名作家Antoine de Saint-Exupéry說(shuō)道“到達(dá)圓滿(mǎn)，并不是好得不能再好，而是好得一點(diǎn)都不多余”在挪動(dòng)端設(shè)計(jì)當(dāng)中，一個(gè)很重要的事情就是做減法，將那些不是絕對(duì)必要的東西刪掉，減少這些噪音將會(huì)協(xié)助用戶(hù)進(jìn)步留意力。

一個(gè)簡(jiǎn)單的規(guī)律：一個(gè)界面關(guān)注一個(gè)主要目的。在你設(shè)計(jì)的APP里面的每一個(gè)界面都要僅有一個(gè)讓用戶(hù)完成的目的。這會(huì)易于用戶(hù)學(xué)習(xí)、運(yùn)用，或在必要的時(shí)分易于其添加和創(chuàng)立。一百個(gè)簡(jiǎn)約明了的界面好過(guò)一個(gè)紊亂糟糕的界面。

以Uber為例，Uber分明用戶(hù)的運(yùn)用目的是為了打車(chē)，所以在其app上面并沒(méi)有其他的信息干擾用戶(hù)：基于天文數(shù)據(jù)自動(dòng)檢測(cè)用戶(hù)位置，用戶(hù)獨(dú)一要做的就是選擇上車(chē)位置。

2.讓導(dǎo)航顯而易見(jiàn)

協(xié)助用戶(hù)指明方向是每個(gè)app高優(yōu)先級(jí)的事情。好的導(dǎo)航應(yīng)該像一雙看不見(jiàn)的手來(lái)引導(dǎo)用戶(hù)運(yùn)用。畢竟，即便是最酷的功用，最引人入勝的內(nèi)容，用戶(hù)找不到也沒(méi)有用。好的挪動(dòng)端導(dǎo)航滿(mǎn)足以下幾點(diǎn):

1)挪動(dòng)端導(dǎo)航必需是條理明晰的。你應(yīng)該運(yùn)用適宜的意符(signifiers)(正確的視覺(jué)隱喻)，這樣的導(dǎo)航不需求任何解釋就能夠確保每個(gè)導(dǎo)航元素(如icon)引導(dǎo)用戶(hù)去到正確的目的地。

2)挪動(dòng)端導(dǎo)航必需是連接分歧的。不要企圖挪動(dòng)導(dǎo)航控件到一個(gè)新的位置或躲藏在不同的頁(yè)面，這只會(huì)讓用戶(hù)感到困惑。

3)挪動(dòng)端導(dǎo)航應(yīng)該讓用戶(hù)明晰曉得當(dāng)前所處的位置。閱讀app菜單，無(wú)法指示當(dāng)前位置可能是最常見(jiàn)的錯(cuò)誤?！拔以谀膬?”這是勝利導(dǎo)航需求答復(fù)的問(wèn)題之一。

3.創(chuàng)立一個(gè)無(wú)縫/連續(xù)的體驗(yàn)

挪動(dòng)端設(shè)計(jì)不應(yīng)該是孤立的。創(chuàng)立一個(gè)無(wú)縫/連續(xù)體驗(yàn)貫串挪動(dòng)端、桌面客戶(hù)端戰(zhàn)爭(zhēng)板電腦對(duì)你的用戶(hù)來(lái)說(shuō)是十分重要的。

以Apple Music為例，你能夠設(shè)置播放列表在你的Mac上,它會(huì)立刻同步到你的iPhone。Apple方面供認(rèn)同時(shí)為挪動(dòng)端設(shè)計(jì)是十分重要的，創(chuàng)立一個(gè)無(wú)縫/連續(xù)的體驗(yàn)貫串iPhone、桌面客戶(hù)端和iPad對(duì)用戶(hù)來(lái)說(shuō)至關(guān)重要。

4.設(shè)計(jì)友好的觸碰目的

小到難以精確觸碰的目的對(duì)用戶(hù)來(lái)說(shuō)無(wú)疑是種打擊。特別是你在為挪動(dòng)端界面設(shè)計(jì)的時(shí)分，最好讓你的目的足夠大，這樣易于用戶(hù)去觸發(fā)。

創(chuàng)立目的控件的尺寸在7-10毫米，這樣用戶(hù)的手指很隨便置于目的范圍內(nèi)，利于其精確點(diǎn)擊觸發(fā)。當(dāng)用戶(hù)觸發(fā)目的時(shí)，目的的邊緣必需是可見(jiàn)的，這為他們提供了明白的視覺(jué)反應(yīng)，也是為了讓用戶(hù)能精確觸發(fā)目的。

同時(shí)，也要確保在可觸碰目的之間有足夠的空隙。

5.明晰的文本內(nèi)容

與臺(tái)式電腦相比，智能手機(jī)屏幕相對(duì)較小，這意味著為挪動(dòng)端設(shè)計(jì)你將面臨在相對(duì)狹小的界面里面容耐大量信息的應(yīng)戰(zhàn)。你可能有過(guò)企圖將盡可能多的信息塞滿(mǎn)進(jìn)去的想法，但你必需抵抗這種誘惑。

一個(gè)簡(jiǎn)單的規(guī)律：文本至少需求11pt，這樣在正常的閱讀間隔下它是明晰的。

增加行高和字間距有利于進(jìn)步易讀性。充足的留白能讓混亂的界面看起來(lái)誘人和簡(jiǎn)單。

6.令界面元素明晰可見(jiàn)

運(yùn)用顏色和比照度來(lái)協(xié)助用戶(hù)閱讀和了解你的內(nèi)容。在界面里面辨別好顏色的主次關(guān)系，進(jìn)步可用性。確保元素之間有足夠的顏色比照保證低視力用戶(hù)可以正常閱讀和運(yùn)用你的app。

確保文字顏色和背景之間有足夠的比照以保證文本可讀性。依據(jù)W3C Web內(nèi)容的可訪問(wèn)性指南(WCAG)：

1)小型文本與背景的比例至少是4.5:1。

2)大型文本(14pt的粗體/18pt常規(guī)體或以上)應(yīng)該有一個(gè)至少3:1的比照度。

關(guān)于挪動(dòng)端設(shè)計(jì)來(lái)說(shuō)，有足夠的比照度是極端重要的：用戶(hù)在室外由于光線緣由招致屏幕比照度低。

icon以及其他重要的元素也應(yīng)該運(yùn)用上面引薦的比率。

7.基于手的操控范圍停止設(shè)計(jì)

Steven Hoober在他的挪動(dòng)設(shè)備運(yùn)用研討當(dāng)中,發(fā)現(xiàn)49%的人依托單手一個(gè)拇指來(lái)觸摸手機(jī)屏幕。下圖你能依據(jù)顏色分辨出用戶(hù)與屏幕交互的狀況。

綠色區(qū)域表示用戶(hù)能夠隨便觸摸;

黃色區(qū)域，需求用手移動(dòng)一段間隔;

紅色區(qū)域，則需求用戶(hù)改動(dòng)手持設(shè)備方式才干觸碰到。

手持的位置影響著挪動(dòng)端控件的擺放:

1)頂級(jí)菜單是很重要的中央，經(jīng)常被觸發(fā)的控件以及常見(jiàn)的操作都發(fā)作在屏幕的這塊綠色區(qū)域，由于拇指在該區(qū)域發(fā)作交互是最溫馨的。

2)將消極的行為(比方刪除)放置在很難觸碰到的紅色區(qū)域，以免用戶(hù)不當(dāng)心觸發(fā)它。

8.減少用戶(hù)輸入需求

在挪動(dòng)端上，輸入文字是一個(gè)遲緩且容易出錯(cuò)的過(guò)程。因而最好是盡量減少所需輸入：

1)堅(jiān)持表單盡可能的簡(jiǎn)短，移除任何不用要的字段。

2)在適宜的中央運(yùn)用自動(dòng)補(bǔ)全和調(diào)用個(gè)人數(shù)據(jù)，大限度的減少用戶(hù)輸入。

9.測(cè)試你的設(shè)計(jì)

當(dāng)在一個(gè)大的桌面屏幕上閱讀時(shí)，一切的挪動(dòng)端設(shè)計(jì)看起來(lái)都很好，但在實(shí)踐的測(cè)試時(shí)，近半的app可用性呈現(xiàn)問(wèn)題，不能正常被運(yùn)用。即便是在用戶(hù)體驗(yàn)方面投入大量精神的挪動(dòng)端設(shè)計(jì)，在運(yùn)用的時(shí)分也會(huì)暴顯露一些之前看不見(jiàn)的缺陷。這就是為什么讓真適用戶(hù)在不同的挪動(dòng)設(shè)備上測(cè)試是十分重要的事情。對(duì)真適用戶(hù)停止可用性測(cè)試，你將會(huì)看到你的設(shè)計(jì)如何被其執(zhí)行。把你的app當(dāng)作一個(gè)不時(shí)進(jìn)化的實(shí)體，剖析用戶(hù)反應(yīng)，不時(shí)進(jìn)步產(chǎn)品的用戶(hù)體驗(yàn)。

總結(jié)：

就像其他設(shè)計(jì)原理一樣，上面這些只不過(guò)是一個(gè)開(kāi)端，你還是需求分離本人的想法不時(shí)去理論。必需記住，你應(yīng)該為了用戶(hù)去設(shè)?計(jì)，而不是為了設(shè)計(jì)師(本人)。

網(wǎng)頁(yè)標(biāo)題：干貨分享之9個(gè)移動(dòng)端用戶(hù)體驗(yàn)設(shè)計(jì)準(zhǔn)則
URL分享：http://www.bm7419.com/news/173085.html

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

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)