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

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

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

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

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

1.減少噪音

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6.令界面元素明晰可見

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

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

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

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

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

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

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

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

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

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

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

手持的位置影響著挪動端控件的擺放:

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

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

8.減少用戶輸入需求

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

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

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

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

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

總結(jié)：

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

網(wǎng)頁標(biāo)題：干貨分享之9個移動端用戶體驗設(shè)計準(zhǔn)則
URL分享：http://www.js-pz168.com/news/173085.html

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

廣告

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