網(wǎng)站制作好的用戶體驗是將成功的應用程序與不成功的區(qū)分開。根據(jù)用戶體驗設(shè)計的好壞，用戶每天都有得到和損失。設(shè)計移動應用程序時要注意最重要是確保它既直觀又實用。顯而易見，如果應用程序不實用，就會對用戶沒有實際價值，任何人都不會有任何理由去使用它。即使應用程序?qū)嵱玫枰冻龊芏嗯Γ匀藗兙筒挥萌W習如何使用它了。

好的網(wǎng)站設(shè)計解決了這兩個問題：它明確關(guān)注用戶的主要目標，并通過界面清晰度消除用戶的所有障礙。在本文中，我將分享七個用戶體驗設(shè)計的小提示，我認為這是創(chuàng)建一個好的移動用戶體驗的關(guān)鍵。

1、網(wǎng)站制作、APP前端設(shè)計清晰無漏洞的用戶流程

減少用戶的努力來獲得他們想要的東西。

用戶通常必須在移動應用中快速完成一個核心功能：付款，檢查新消息等。關(guān)注用戶的主要目標，并從中刪除所有障礙：

網(wǎng)站設(shè)計、APP開發(fā)將大任務分解成小且有意義的任務：將屏幕上的操作設(shè)置為優(yōu)先級。突出顯示核心操作(與用戶目標直接相關(guān))，并隱藏所有輔助操作。卸載任務：了解設(shè)計中需要用戶努力的任何內(nèi)容(例如，閱讀文本，輸入數(shù)據(jù)，作出決定)，并尋找替代方案。你可以顯示圖片而不是文字，還是重復使用以前輸入的數(shù)據(jù)，而不是要求用戶輸入更多內(nèi)容，或者使用已有的信息來設(shè)置智能默認值?設(shè)計中斷：無論您在設(shè)計什么，隨身攜帶移動設(shè)備。允許用戶稍后保存狀態(tài)并重新接觸應用。不要中斷：通過要求用戶對最近下載的應用進行評分，可以避免中斷用戶。相反，等到證明他們是重復使用者，他們將更有可能對你的應用進行評分，并提供更明智的反饋。專注于用戶目標

將復雜的任務分解成較小的活動。這些較小的任務可能會更好地滿足用戶目標。拿Lyft.來說，該應用不會覆蓋用戶很多信息：它會根據(jù)地理位置的數(shù)據(jù)自動檢測用戶的位置，用戶只需選擇一個拾取位置即可。

避免登錄墻

登錄墻是要求用戶登錄或注冊以繼續(xù)進行的頁面。當應用程序首次啟動或首次訪問網(wǎng)頁時，通常會顯示登錄墻。請記住，過早的強制注冊可能導致超過85%的用戶放棄產(chǎn)品。

在下面的示例中，Soundcloud要求用戶登錄才能訪問應用的內(nèi)容。

用于Android的SoundCloud應用程序要求用戶在首次啟動時要創(chuàng)建或登錄帳戶。沒有其他的途徑。

商店結(jié)帳時經(jīng)常遇到登錄墻。電商網(wǎng)站和應用程序的設(shè)計師認為，通過登錄，用戶將能夠利用以前保存的帳戶信息，因此不需要輸入其郵寄地址和信用卡號碼等信息。即使Amazon也有這個問題——不提供客人結(jié)帳選項的服務。

亞馬遜強制用戶在退出之前注冊或登錄。

注冊選項可能會被客戶結(jié)帳選項安全地替換。在用戶通過結(jié)帳時緩慢收集數(shù)據(jù)，購買后要求輸入優(yōu)惠券代碼的密碼，如“Smashing Magazine”。

Smashing Magazine的結(jié)帳表。

網(wǎng)站建設(shè)、APP制作避免信息超載

“信息超載”一詞由Hunter College政治學教授伯特蘭·毛特(Bertram Gross)在1964年“The Managing of Organizations”工作中創(chuàng)造出來。信息超載的總定義如下：

當系統(tǒng)的輸入量超過其處理能力時，會發(fā)生信息過載的現(xiàn)象。決策者的認知處理能力相當有限。因此，當信息發(fā)生超載的情況時，決策的質(zhì)量也會降低。

信息超載是一個很嚴重的問題，阻止用戶做出決定或采取行動，因為他們認為他們有太多的消費信息。有一些簡單的方法來最大程度地減少信息超載。一種常見的技巧是分解。結(jié)帳表是一個很好的例子。經(jīng)驗法則是一次顯示最多五到七個輸入字段，并將結(jié)帳分解成頁面，必要時逐漸公開字段。

分解使表單看起來更少，特別是當你從用戶那請求大量信息時。(圖片：Murat Mutlu)

2、網(wǎng)站制作隱形用戶界面

使內(nèi)容成為界面。

內(nèi)容在大多數(shù)應用程序中提供價值。無論它是一個是社交源，新聞更新，待辦事項列表還是一些技術(shù)，如系統(tǒng)儀表板，內(nèi)容就是人們在這里的原因!這就是為什么關(guān)注內(nèi)容并刪除不支持用戶任務的不必要的元素?？紤]到他們的注意力減少，應該將用戶快速引導到他們要找的內(nèi)容。 內(nèi)容就是界面。

網(wǎng)站制作地圖

Google地圖是一個很好的例子。為了重新設(shè)計，Google刪除了所有不必要的面板和按鈕，稱該地圖為界面。

卡片

可以用作界面的另一種模式是card-style design。卡片是顯示可操作內(nèi)容的好方法，因為它們允許內(nèi)容自然地顯示出來。

卡片激勵探索。(圖像：Ramotion)

Swiss Air的應用程序就是一個常見方法的例子。在票價表中，每排成為折疊的手風琴，如果需要可以打開。

Flipboard是界面中卡片的另一個很好的例子。 Flipboard是一個個性化的雜志，匯總來自新聞源和社交媒體網(wǎng)絡(luò)的內(nèi)容，使你能夠發(fā)現(xiàn)和分享故事。

每張卡片都是可消化的相關(guān)信息。

3、呼吸界面

使用空白區(qū)域引起對重要內(nèi)容的關(guān)注。

白色空間(或負空間)是設(shè)計元素周圍的空白區(qū)域，這通常會被忽略。雖然一些設(shè)計師認為這是浪費寶貴的空間，但它是移動設(shè)計的一個基本要素。Jan Tschichold說：

白色空間被認為是一個主動的元素，而不是被動的背景。

網(wǎng)站建設(shè)、APP開發(fā)前端要減少混亂

界面超載了太多的混亂信息。添加的每個按鈕，圖像和文本行都會使屏幕更加復雜。

桌面上的混亂很糟糕，在移動設(shè)備上是有一百倍的差。(圖像：ftrain)

正如Antoine de Saint-Exupéry所言：

“當沒有什么可帶走的時候，完美就可以實現(xiàn)了。”

擺脫移動設(shè)計中不是絕對需要的東西，因為減少混亂有助于提高理解能力。一個簡單的經(jīng)驗法則是每個屏幕都有一個主要動作。為應用程序設(shè)計的每個屏幕應該支持對使用它的人的一個真正有價值的動作。在必要時更便于學習、使用、添加或建立。

網(wǎng)站制作、APP開發(fā)注意優(yōu)先內(nèi)容

白色空間非常有助于可讀性和內(nèi)容的優(yōu)先級，而且還可以進行視覺布局。因此，它可以簡化用戶界面并改進用戶體驗。

遵循你設(shè)計中的“少就是多”的原則。 (圖像：Material Design)

4、網(wǎng)站制作要簡化導航

導航應激勵用戶參與并交流你所提供的內(nèi)容。

幫助用戶瀏覽應該是每個應用程序的高優(yōu)先級。移動導航必須是可發(fā)現(xiàn)且可訪問的，并且必須占用很少的屏幕空間。但，由于小屏幕的局限性以及Chrome內(nèi)容優(yōu)先級的需求，使得移動設(shè)備上的導航可以訪問是一個挑戰(zhàn)。

在為移動應用設(shè)計導航系統(tǒng)時，請考慮一些常規(guī)的經(jīng)驗法則：

(1)網(wǎng)站制作、APP開發(fā)怎樣了解你的用戶

導航應適應大多數(shù)應用程序的用戶需求。每個目標群體期望與你的應用程序進行某種類型的交互，因此使這些期望符合您的需求。

(2)網(wǎng)站建設(shè)、APP開發(fā)優(yōu)先導航選項

將不同的優(yōu)先級(高，中，低)分配給普通用戶任務。在用戶界面中突出顯示具有高優(yōu)先級和頻繁使用的路徑和目的地。使用這些路徑定義您的導航。

(3)網(wǎng)站建設(shè)、APP網(wǎng)站制作要使之可見

Jakob Nielsen says，認識一些東西比記住它更容易。通過操作和可見選項，最小化用戶的內(nèi)存負載。導航應隨時可用，而不只是在我們預期用戶需要的時候。

(4)網(wǎng)站設(shè)計怎樣利用視覺交流

Icons 和其他圖形元素應幫助用戶了解菜單選項。想想購物車圖標;它作為簽出或查看項目的標識符。用戶不必考慮如何導航進行購買;這個元素會引導他們進行適當?shù)膭幼鳌?/span>

(5)網(wǎng)站制作設(shè)計做好當前位置的溝通

“我在哪里”是一個根本的問題，用戶需要一個答案才能有效地導航。未能指出當前位置是許多應用程序中的常見問題。想想位置指標。

(6)網(wǎng)站制作、APP開發(fā)要使其易于交互

使菜單的選項big enough to be easily tapped。太小或太靠近的項目對于移動用戶來說是一個巨大的挫折來源。

(7)APP開發(fā)、網(wǎng)站建設(shè)要測量用戶的參與和保留

參與是你的產(chǎn)品所需要的第一件事，因為這是大多數(shù)公司實際賺錢的地方。確保測量隨著時間的推移，用戶 保留應用程序的成功。

即使是那些熟悉所有這些規(guī)則的設(shè)計師，最終還是會創(chuàng)建一些讓人困惑、難以操作或難以找到的菜單。

導航用戶界面模式是好的可用性的捷徑。讓我們看看一些例子

網(wǎng)站制作、APP前端怎樣切換菜單

依靠菜單控件來簡化移動界面(特別是在小屏幕上)是很誘人的。但是，隱藏這些菜單背后的應用程序的關(guān)鍵部分可能會損害使用。隱藏的導航降低了參與度，減緩探索和迷惑人。

雖然與切換菜單(右)的界面看起來比具有分段控件的界面(左)更清晰，但后者已經(jīng)獲得了更多的參與。圖片：Luke Wroblewski)

以更明顯的方式公開菜單選項增加了參與度和滿意度。

網(wǎng)站制作標簽欄的重要性

標簽欄和導航欄非常適合具有相對較少導航選項的應用程序。該模式在iOS和Android上都采用。標簽是偉大的，因為它們在前面通過一個簡單的點擊，顯示所有主要的導航選項，用戶可以立即從一個視圖到另一個視圖。對于這種類型的導航，我強烈建議使用標簽進行導航選項。不要讓導航像猜測游戲。

標簽欄通過一次點擊可以使主導航選項可用。(圖像：Ramotion)

網(wǎng)站建設(shè)做好分段控制

如果只有幾個目的地，可以使用分段控件。與標簽欄一樣，所有選項都可以立即顯示，只需點擊一下即可訪問。

網(wǎng)站制作、APP開發(fā)注意全屏導航

這可能聽起來與我所說的節(jié)省屏幕空間相矛盾，但全屏導航或許是一個不錯的選擇。基本上，它是一個頁面(通常是主頁)，列出所有導航選項。雖然將無法顯示任何內(nèi)容，但全屏導航模式對于簡單性和連貫性很有好處。一旦用戶決定要去哪里，那么你可以將整個屏幕空間用于內(nèi)容。這種類型的導航在基于任務的網(wǎng)站和應用程序中運行良好，用戶正在專注于完成非常具體的任務(例如，檢查航班或更改手機上的設(shè)置)，或者在一個會話期間將其限于一個分支(例如，如果他們在一個特定的服務或產(chǎn)品中被隱藏)的導航層次結(jié)構(gòu)。

Cookly使用全屏菜單，圖片設(shè)置正確的心情，并刺激用戶與應用程序互動。(圖片：Patrick Wong)

當你使用層次結(jié)構(gòu)樹導航時，這種類型的導航是很好的——例如，當你的菜單具有包含七個主要選項時，每個選項包含子類別層。

圖片：Dennis Kardys

網(wǎng)站建設(shè)、APP開發(fā)怎樣做好搜索框

如果搜索是你的應用程序的主要功能，則需要在人員面前。不要隱藏它或者將其顯示在屏幕的頂部，或者是具有激活搜索模式的可見參考(放大鏡圖標)。

如果搜索是你的應用程序的主要功能，請將其顯示出來，因為它可能是讓用戶最快地發(fā)現(xiàn)路徑。 (圖片：Think With Google)

5、觸屏網(wǎng)站制作、APP開發(fā)注意用戶體驗之單手操作

適應你設(shè)計的大屏幕。

隨著iPhone 6和6 Plus的發(fā)布，顯然屏幕尺寸將會不斷擴大。

以下是人們掌握手機的三種基本方法：

人們掌握手機的基本方式。 (研究：Steven Hoober)

據(jù)史蒂文·霍伯(Steven Hoober)的研究，85%的用戶用一只手使用手機。以下熱圖顯示了自2007年以來每個iPhone顯示屏尺寸的拇指區(qū)域。你可以看到顯示屏越大，屏幕越不易訪問。

根據(jù)Scott Hurff的研究，右撇子的拇指區(qū)域

調(diào)整你的設(shè)計以改善用戶體驗。確保你的應用程序可以輕松地(完全)在一個大屏幕(如iPhone 6或7)上使用。

網(wǎng)站建設(shè)、APP制作怎樣共同操作和導航的綠色區(qū)域

將頂級菜單，常用的控件和常用操作項目放在屏幕的綠色區(qū)域中，用一個拇指就可以輕松地達到。

在iOS的Pocket應用程序中，所有導航控件都在頁腳中。當手機保持正常時，可以方便地到達。 (圖片：Dmitry Kovalenko)

網(wǎng)站制作、APP設(shè)計什么是破壞操作的紅區(qū)

由于你不希望用戶不小心點擊這些操作，請在難以達到的紅色區(qū)域中放置破壞性的操作(例如刪除和清除)。

Apple的Mail應用程序中的“編輯”按鈕處于難以到達的區(qū)域。

6、APP制作、網(wǎng)站制作體現(xiàn)速度的外觀

不要讓用戶等待內(nèi)容。

雖然即時響應最好，但有時你的應用程序?qū)o法達到速度的標準準則。緩慢的響應可能是由于Internet連接不良引起的，或者操作可能需要很長時間(例如安裝操作系統(tǒng)的更新)。盡可能地使應用程序快速響應。

網(wǎng)站制作、APP前端設(shè)計屏幕架構(gòu)

讓人們知道，使用進度指標會有一段時間。話雖如此，雖然進度指標的意圖很好，但結(jié)果可能是壞的。正如 Luke Wroblewski mentions，“進度指標的定義是要注意有人需要等待的事實。就像看時鐘一樣——當你做的時候，時間似乎變慢了?！边M度指標有一個很好的選擇：屏幕架構(gòu)。這些容器本質(zhì)上是頁面的臨時空白版本，逐漸加載信息。而不是顯示一個加載指示器，使用屏幕架構(gòu)來專注于實際進度，并創(chuàng)造對將來的預期。這意味著事情正在發(fā)生，隨著信息逐漸顯示在屏幕上，人們看到應用程序在等待時正在進行中。

隨著內(nèi)容逐漸加載，屏幕架構(gòu)會填滿用戶界面。(圖像：Tandem Seven)

Visual Distraction 視覺分散

請記住，認知作為原始速度一樣重要。如果一個應用程序讓用戶在等待時看到有趣的東西，他們將不太注意等待本身。因此，為了確保人們在等待事情發(fā)生時不會覺得無聊，會引起分散。

創(chuàng)意進度指標可以減少用戶對時間的看法。(圖像：Creative Dash)

網(wǎng)站制作、APP開發(fā)要考慮在什么背景下的運作

在后臺做事情，使即將發(fā)生的動作顯得很快。打包到后臺操作中的操作有兩個好處：它們對于用戶是不可見的，它們發(fā)生在用戶要求它們之前。

在Instagram上傳圖片的過程是這個技術(shù)的一個很好的例子。該應用程序提前上傳照片。一旦用戶選擇要分享的圖片，應用程序就開始上傳;當用戶準備按“分享”按鈕時，上傳完成，用戶可以立即分享他們的照片。

Instagram邀請用戶在后臺添加標簽作為圖片上傳。

7. APP制作怎樣做定時推送通知

在發(fā)送消息之前先思考兩次。

每天，用戶都被無用的通知轟炸，干擾他們的日?；顒樱伊钊藚挓?，討厭的通知是人們卸載移動應用程序的首要原因(依據(jù)71%的受訪者)。

以下是制定以用戶為中心的通知時要記住的四個原則。

觸屏網(wǎng)站制作、APP開發(fā)注意移動的目標就是給每一個消息計數(shù)

發(fā)送推送通知時可能發(fā)生的最常見的錯誤，長期來看最具破壞性的是向用戶發(fā)送比他們可以處理的更多的通知。不要用推送消息壓倒用戶，否則最終可能會完全刪除你的應用。

不要同時推送所有通知。

網(wǎng)站制作與APP制作什么是推值

當用戶開始使用你的應用程序時，他們不會介意收到通知，只要它們獲得的值足夠大于中斷。不要發(fā)送推送通知，只是為了“吸引用戶”。例如，F(xiàn)acebook通常會發(fā)送通知，邀請用戶連接到隨機建議的人或“在Facebook上查找更多的朋友”。這是一個當用戶回到應用程序時的糟糕嘗試。此外，它會中斷用戶不相關(guān)的警報。

不要思念地將用戶引導回應用程序。

個性化內(nèi)容以激發(fā)和喜悅至關(guān)重要。Netflix會仔細使用觀看數(shù)據(jù)來呈現(xiàn)定制的建議。

Netflix非常適合個性化推送通知，讓用戶知道他們最喜歡的節(jié)目是否可用。

APP制作做好時間通知

將你的通知定制到用戶，而不僅僅是你所說的內(nèi)容，而在于你說的時候。不要在奇數(shù)時間發(fā)送推送通知。上午12：00至下午6：00發(fā)不正常的通知，可能會使用戶醒來或擾亂用戶：

當然，用戶在睡覺時總是可以禁用通知，但這不是一個很好的解決方案。一個真正的解決方案將是發(fā)送通知，這對于用戶來說最方便，除非是立即通知他們的關(guān)鍵。According to comScore，推送通知的好時機是下午6點到晚上10點。始終按照用戶的時區(qū)推送通知。

在錯誤的時間，錯誤的地方發(fā)送了很多推送通知。(圖像：Pomegranate)

APP制作怎樣做多元化你的消息

最有效的移動消息策略是使用不同的消息類型：推送通知、電子郵件、應用內(nèi)通知和新聞源的更新。多樣化的消息傳遞——你的消息應該在完美的和諧下工作，創(chuàng)造出一個偉大的用戶體驗。

根據(jù)緊急情況和內(nèi)容選擇正確的通知類型。

深圳網(wǎng)站制作結(jié)論

與任何其他設(shè)計元素一樣，這里分享的提示只是一個開始。確保將這些想法與你的設(shè)計匹配以獲得最佳效果。請記住，設(shè)計不僅僅是為了設(shè)計師——它是為用戶。將你的應用視為不斷發(fā)展的項目，并使用分析數(shù)據(jù)和用戶反饋來不斷改進體驗。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。