#01

導(dǎo)語

大家好～這是我們的第二期優(yōu)秀案例分析，這一期一如既往給大家?guī)硪恍﹥?yōu)秀案例分析，場景細(xì)分、信息可視化、巧用動效等我們平時一直在思考的問題，而我們是否能做到更好的體驗?zāi)?？想要設(shè)計一個體驗良好的產(chǎn)品，設(shè)計者需要深刻洞察用戶不同層次、不同維度的需求，理解人群的生理、心理差異以及場景的特殊性，精準(zhǔn)的提供設(shè)計服務(wù)以滿足用戶。

#02

案例分享

1.? 地圖不只是導(dǎo)航-走心才能更貼心

在設(shè)計思考的過程中，同理心、換位思考，是一種站在對方立場設(shè)身處地思考、認(rèn)識到別人正在經(jīng)歷怎么樣的情緒。通過站在用戶的角度思考，產(chǎn)生共鳴和理解。對于設(shè)計師而言，借助共情，能夠感受和發(fā)現(xiàn)人們的實際需求（包括顯性的和隱性的），而這是幫助用戶解決問題的基礎(chǔ)。

??「高德地圖」高溫下的暖心設(shè)計：

「高德地圖」會利用樹木與樓高的數(shù)據(jù)，配合天氣太陽角度的計算，為用戶提供騎行時有林蔭與樓陰的清涼導(dǎo)航路線，這個設(shè)計可以說十分貼心了。

2.場景細(xì)分-讓輸入更友好

文本輸入框幾乎是每個UI設(shè)計師都必須用到的設(shè)計控件，它們無處不在，對于用戶體驗的影響無疑是巨大的。雖然看起來很簡單，但是一個設(shè)計成熟的文本輸入框也需要滿滿的挖掘和了解用戶習(xí)慣。

??「微信」提高用戶輸入法操作：

微信悄悄新增了#微信聊天對話框可以放大編輯#（全屏輸出） 功能，該功能的官方命名為全屏輸出，該功能的作用是，當(dāng)聊天對話框輸入超過三行文字內(nèi)容，即可觸發(fā)放大編輯按鈕，便于用戶預(yù)覽長文內(nèi)容。

3.信息可視化-內(nèi)容解讀更高效

可視化設(shè)計可以幫助用戶更高效的獲取信息、判斷趨勢、識別變化等。那么在可視化設(shè)計中怎么讓用戶能更好的看清看懂信息內(nèi)容，讓信息與用戶所處的情境相呼應(yīng)是微交互思考的方向。降低理解難度通過可視化表達(dá)，將不易理解的信息呈現(xiàn)的更加清晰明了，幫助用戶理解吸收。

??「keep」根據(jù)熱量換算食物：

keep卡片的更新，根據(jù)熱量換算食物，讓用戶很快能Get到自己的運(yùn)動量等于吃了哪種食物的熱量，“相當(dāng)于一塊曲奇餅干的熱量”閱讀中秒懂。幾十卡、幾百卡的數(shù)字讓我們有了清晰的認(rèn)知，不再是冷冰冰的數(shù)字呈現(xiàn)，既有趣，又增加了記憶點(diǎn)。

4.如何設(shè)計出保護(hù)用戶隱私的界面

保護(hù)用戶個人隱私，做好個人隱私設(shè)計，信息安全成為當(dāng)下用戶普遍關(guān)系的話題。數(shù)據(jù)泄漏、個人隱私暴露、身份盜竊等事件頻發(fā)，用戶對數(shù)據(jù)收集和使用的敏感度提高，所以隱私保護(hù)設(shè)計都是非常必要的。

??「淘寶」保護(hù)用戶隱私設(shè)計：

在淘寶訂單詳情頁面，使用系統(tǒng)的截屏功能后跳出的分享彈窗里，淘寶會自動化將隱私信息做模糊處理。能夠高效且精準(zhǔn)的定位到用戶的訂單編號給予隱私保護(hù)，雖然不太起眼，但在后續(xù)用戶的不小心而避免了大麻煩。

5.巧用動效-增強(qiáng)信息感知

動效設(shè)計作為一種新的流行趨勢,不論是在視覺、交互還是情感上體現(xiàn)出的優(yōu)勢被越來越多的用戶認(rèn)可。在幾乎每個移動應(yīng)用產(chǎn)品中都開始重視動效的情況下，如果在動效設(shè)計中融入情感化設(shè)計，遵循情感化設(shè)計的方法和原則，就能給人新鮮獨(dú)特的感受,提升用戶體驗,給用戶留下良好印象。

??「抖音」趣味動效設(shè)計：?

在「抖音」評論關(guān)鍵詞「學(xué)到了」，會觸發(fā)「漲知識」的動畫彩蛋。且動畫表達(dá)也是一塊芝士，諧音梗更是與時俱進(jìn)。用驚喜有趣的彩蛋設(shè)計，引導(dǎo)用戶發(fā)表更多善意正向的評論，增加記憶點(diǎn)，達(dá)到了不錯的傳達(dá)效果。

6.IP互動玩法-增加情感連接

引入IP角色有利于更好地和用戶建立情感的連接，進(jìn)入場景，塑造角色，成為品牌的一部分，創(chuàng)造真實具象的消費(fèi)者觸點(diǎn)。相比于往常圖文呆板的互動，可以讓活動與用戶的互動更有趣。一個好的IP設(shè)計能帶動新產(chǎn)品認(rèn)知和使用，傳播產(chǎn)品的價值，達(dá)到促活的業(yè)務(wù)目標(biāo)。

??「餓了么」IP互動設(shè)計：

餓了么的大搜，加入了一個ip的互動區(qū)，下拉可以展開，推送相關(guān)的美食話題，餓小寶說的話也可以點(diǎn)擊交互。對于糾結(jié)每天吃什么的用戶有了極大幫助，極具誘惑力的滾動條可以快速幫用戶決策，通過有趣的動效強(qiáng)化了品牌，也引導(dǎo)了用戶進(jìn)行搜索??

7.縮短交互路徑-為用戶“減負(fù)”

我們處于信息爆炸的時代，產(chǎn)品信息越來越龐雜。不僅是文字、視覺信息要進(jìn)行降噪，用戶在產(chǎn)品中的交互也需要“減負(fù)”。結(jié)合不同的需求與場景，減少冗余步驟，簡化操作流程，緩解用戶在產(chǎn)品使用過程中的操作負(fù)擔(dān)，進(jìn)一步提升平臺轉(zhuǎn)化率和用戶體驗。

??「攜程」酒店“一鍵預(yù)訂”設(shè)計：

攜程酒店在給好友分享酒店行程的時候，不只是可以分享酒店，還有可以“一鍵預(yù)訂”，日期，房型以及預(yù)訂的重要信息都帶上了，減少了被分享者的操作路徑，不用反復(fù)瀏覽確認(rèn)，提升了用戶對平臺的體驗。

8.細(xì)節(jié)處的交互巧思-“縱享絲滑”體驗

毫無疑問好的交互巧思會使我們的產(chǎn)品體驗更具互動性，趣味性和用戶友好性。我們在看到這些炫酷、絲滑的交互時，也可以帶著產(chǎn)品的思維進(jìn)行深度的思考。在用戶在理解應(yīng)用交互的同時，保持最簡短的操作路徑，讓用戶快速理解，縱享絲滑體驗。

??「QQ」發(fā)送圖片交互設(shè)計：

QQ發(fā)送圖片的快捷方式，打開QQ聊天窗口頁面，QQ是可以拖拽文件來進(jìn)行發(fā)送的。就像電腦一樣，桌面上的文件，比如說某一個視頻或者文件這種類型的都可以用拖拽的方式發(fā)送。

#03

最后的話要說

文章中的案例與思考仍然來自于智行UED同學(xué)的日常分享??。

我們也會將持續(xù)深度體驗產(chǎn)品，經(jīng)過不斷摸索和嘗試，將不可能變成可能，挖掘更多值得分享、學(xué)習(xí)的設(shè)計案例。努力將其中的方法理論應(yīng)用到智行APP后續(xù)的產(chǎn)品設(shè)計中。

愿我們的努力為你帶來更好的體驗。

智行ZXD

*文中配圖來源于各APP內(nèi)截圖，侵刪

本文內(nèi)容為轉(zhuǎn)載 僅供個人學(xué)習(xí)使用