讓移動端用戶體驗出類拔萃的5種技巧

不談APP，即使是欣賞頁面，大部分用戶也已經(jīng)是寄托移動端設(shè)備來進(jìn)行了。所以，無論你是頁面設(shè)計師照舊在研發(fā)APP，為移動端的用戶設(shè)計穩(wěn)固、可用的用戶體驗，應(yīng)該是你份內(nèi)的事情。當(dāng)然，因為現(xiàn)在UI/UX設(shè)計的成熟，各種最佳實踐使得設(shè)計師不用再對一些常見的設(shè)計模式從頭開始摸索，而今天我們所聊的提拔移動端體驗的技巧，也是如許探索出來的經(jīng)驗總結(jié)。

1、簡化導(dǎo)航

相比于曾經(jīng)所流行的大型導(dǎo)航設(shè)計，移動端設(shè)備和精簡的導(dǎo)航更搭。當(dāng)用戶在使用移動端設(shè)備的時候，細(xì)致力和時間通常都是碎片化的，當(dāng)他們打開應(yīng)用和網(wǎng)站的時候，盼望盡快找到想要的內(nèi)容。

所以，在設(shè)計移動端APP和網(wǎng)站的導(dǎo)航的時候，盡量根據(jù)分析和現(xiàn)實狀態(tài)，保留最常用的的幾個導(dǎo)航選項即可。

如許的設(shè)計一方面能夠節(jié)省屏幕空間，而且導(dǎo)航選項的觸發(fā)區(qū)域也可以設(shè)計得相對更大一些。

至于漢堡圖標(biāo)和彈出式菜單，詳細(xì)用法見仁見智，可以根據(jù)現(xiàn)實狀態(tài)天真處理。但是有了漢堡圖標(biāo)這一約定俗成的菜單標(biāo)識，用戶可以快速理解它的含義，并且意識到背后還有一個彈出式的菜單。

Ebates 這款A(yù)PP 就使用了兩級菜單的設(shè)計，首先最常用的導(dǎo)航選項被做成標(biāo)簽頁置于網(wǎng)頁頂部，另外一個就是右上角的書簽式菜單（心型+漢堡圖標(biāo)）。整個設(shè)計確保了功能性，充足簡單，不會讓用戶覺得復(fù)雜，也可以輕松找到他們想要的東西。

2、多考慮手勢與觸感

移動端的交互和桌面端是截然不同的，而你的UI和UX設(shè)計要故意識地為移動端進(jìn)行適配。

在這個過程中，手勢交互是很緊張的組成部分，設(shè)計師應(yīng)該充分行使手勢，幫助用戶更快更高效地完成交互。

常見的手勢包括：

• 點按，雙擊
• 按壓
• 長按
• 托拽
• 縮放
• 滑動

移動端的手勢交互的地位相稱于桌面端的點擊交互。

不過當(dāng)你在思考手勢交互的時候，別忘了搭配響應(yīng)的觸覺反饋。在我們?nèi)粘Ｊ褂靡苿佣嗽O(shè)備的過程中，常常會借用震蕩和力反饋來強(qiáng)化交互體驗。而這種觸感的設(shè)計，精髓在于盡量玄妙一點，確保能讓用戶感知到反饋，又不會太過吸引人細(xì)致。觸摸界面越來越多，用戶是期望從中獲得積極相應(yīng)的。

3、創(chuàng)造對話

人們始終是盼望通過語言交流來溝通的。也正是這種需求，使得對話式UI和聊天機(jī)器人能漸漸走到臺前，成為一種流行趨勢。所以，當(dāng)你的移動端UI當(dāng)中，擁有讓用戶可以即時聊天的可能性的時候，你可以借用對話式UI 來提拔用戶體驗：

• 在你的界面當(dāng)中加入更加觸動人心的文案。無論是成段的文本，照舊界面元素里的微文案，都可以通過更有觸動性的文原本創(chuàng)造對話的感覺。就像 WTFWeather 這個應(yīng)用一樣，從文本到標(biāo)簽都采用的是對話式的表達(dá)，在為用戶推送信息的時候也盡量營造出對話的感覺。
• 使用聊天機(jī)器人和對話界面來和用戶進(jìn)行溝通。聊天機(jī)器人可謂是 24小時在線的客服，他們幫助用戶解決題目，也能從某種程度上提拔客戶的忠誠度。
• 將語音交互集成到設(shè)計當(dāng)中來。Siri 、Cortana 和 Alexa 幾乎是家喻戶曉的人工智能語音助手了，將它們加入進(jìn)來，讓對話式界面更增強(qiáng)大。

4、動畫化

假如你細(xì)心觀察近年來的頁面，會發(fā)現(xiàn)動畫殊效已經(jīng)無處不在了。動畫結(jié)果能夠讓網(wǎng)頁更加天然，更加漂亮，也更加引人入勝。動畫不僅能夠吸引用戶關(guān)注，而且能夠幫助用戶展示如何更好的設(shè)計和交互。

Google 地圖 當(dāng)中就集成了少量的動效，它們并不引人細(xì)致，但是讓整個應(yīng)用更好殷勤、完備。在之前 Nick Babich 的文章當(dāng)中，他總結(jié)了動效的三個關(guān)鍵用途：

• 呈現(xiàn)體系狀況：使用動效來表現(xiàn)加載狀況，內(nèi)容刷新，推送關(guān)照
• 用戶導(dǎo)航和過渡：使用動效來幫助用戶了解內(nèi)容切換，件視覺條理，呈近況態(tài)的轉(zhuǎn)變
• 用于視覺反饋：使用動畫幫助用戶確認(rèn)他們之前的操作完成了

5、善用新用戶指導(dǎo)流程和表單

相比于頁面，APP當(dāng)中的新用戶指導(dǎo)流程是相稱關(guān)鍵的。

絕大多數(shù)的應(yīng)用由于其中的功能、服務(wù)的獨特征，設(shè)計師會在用戶初次打開應(yīng)用的提供快速入門的教程，指導(dǎo)用戶認(rèn)識其功能。這一點在游戲類應(yīng)用中尤其普遍。

假如新用戶指導(dǎo)教程做的充足風(fēng)趣，很容易提拔用戶的忠誠度。確保指導(dǎo)教程充足簡單，并且能夠給用戶以幫助，而用戶看過之后，假如還能回過頭來再次查看，就更好了。

移動端網(wǎng)站則不同，最大的題目通常不是新用戶指導(dǎo)而是注冊表單和登錄表單。移動端設(shè)備上，用戶對于表單的易用性其實特別很是的敏感，用戶不會喜好又臭又長的表單和復(fù)雜的字段，所以，簡化移動端頁面的表單，能夠更好地提拔轉(zhuǎn)化率。

看看上面的GoodRx，表單的設(shè)計就充足簡單。

注冊表單不應(yīng)復(fù)雜。讓用戶輸入郵箱注冊，用戶名、郵箱、密碼三者綁定，登錄的時候用戶名和郵箱通用，如許能夠便捷不少。

當(dāng)然，還有更為便捷的思路，就是使用通用的社交網(wǎng)絡(luò)站好來登錄注冊，如許對于用戶而言就更加方便了。

結(jié)語

移動端用戶體驗要如何構(gòu)建，對于現(xiàn)在的設(shè)計師而言，是很日常的題目了。激烈的競爭中，產(chǎn)品的差異每每是透過各種細(xì)節(jié)來呈現(xiàn)的。創(chuàng)建一套易用的用戶界面，結(jié)合優(yōu)秀的用戶體驗，在細(xì)節(jié)上邃密打磨，才能讓用戶真正留下來。