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

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

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

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

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

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

1.減少噪音

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

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

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

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

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

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

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

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

3)挪動(dòng)端導(dǎo)航應(yīng)該讓用戶明晰曉得當(dāng)前所處的位置。閱讀app菜單，無法指示當(dāng)前位置可能是最常見的錯(cuò)誤。“我在哪兒?”這是勝利導(dǎo)航需求答復(fù)的問題之一。

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

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

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

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

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

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

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

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

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

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

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

6.令界面元素明晰可見

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8.減少用戶輸入需求

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

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

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

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

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

總結(jié)：

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

網(wǎng)頁標(biāo)題：干貨分享之9個(gè)移動(dòng)端用戶體驗(yàn)設(shè)計(jì)準(zhǔn)則
URL分享：http://www.muchs.cn/news/173085.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)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)