2020-12-17 前端達(dá)人
設(shè)計(jì)的思考不僅要注重表象層面，也需要圍繞信息傳達(dá)這一設(shè)計(jì)的本質(zhì)功能，以充滿自省的精神深化和反思自己的設(shè)計(jì)意識，即做到“好看、好用”。在設(shè)計(jì)過程中，要站在公司的利益上，懂用戶所想，在每一個(gè)關(guān)鍵點(diǎn)都要帶給用戶意想不到的驚喜，這些往往都是通過細(xì)節(jié)體現(xiàn)出來的。
01.「微信」添加好友-掃描與被掃指尖切換
產(chǎn)品體驗(yàn)：
使用微信掃一掃添加好友時(shí)，如果對方打開二維碼的速度較慢（網(wǎng)絡(luò)不好/手機(jī)卡頓/操作不熟），為避免自己久等，可通過左下角的二維碼入口將自己的個(gè)人二維碼提供給對方掃描添加。
設(shè)計(jì)思考：
微信的掃一掃功能簡直強(qiáng)大到不敢相信，除了我們?nèi)粘Ｒ玫闹Ц陡犊睢⑽锲凡樵?、各種信息的獲取等，還有一個(gè)重大的功能就是添加好友。不知道大家有沒有碰到過這種情況，需要添加好友時(shí)，自己打開掃一掃，過了很久卻發(fā)現(xiàn)對方還在功能的路徑中徘徊，遲遲沒有打開二維碼頁面，這時(shí)我們不得不說一聲“你掃我吧”，于是自己從掃描頁面返回，一頓騷操作，把自己的個(gè)人二維碼給對方展示了出來。
微信在掃一掃頁面左下角提供的個(gè)人二維碼入口，便于在加好友出現(xiàn)問題時(shí)，隨時(shí)由被動(dòng)變?yōu)橹鲃?dòng)，指尖切換掃描與被掃的添加方式，節(jié)約用戶時(shí)間成本以及緩解掃描等待的焦慮感?；谟脩籼砑雍糜褧r(shí)所處的使用環(huán)境，考慮周全且人性化，極大方便用戶使用。
02.「高德地圖」錄入車牌號-降低限行違章概率
產(chǎn)品體驗(yàn)：
在高德地圖的導(dǎo)航設(shè)置中，錄入自己的車牌號并開啟避開限行提醒，在導(dǎo)航過程中如果途徑限行路段，系統(tǒng)會有語音播報(bào)提醒并自動(dòng)避開限行路段重新規(guī)劃路線。
設(shè)計(jì)思考：
自北、上、廣、深四個(gè)一線城市交通部分別出臺汽車限行措施后，其他部分城市也相繼出了限外政策，外地車牌如果想要在本城市隨時(shí)出行，需要（部分城市通過搖號）獲得本地車牌號方可。不管我們對交通路線有多熟悉、或者經(jīng)過其他城市的限行路段，因限行導(dǎo)致的違章真是防不勝防，畢竟每個(gè)地方的限行政策都是通過固定渠道對外宣布，不會通知到每一個(gè)駕駛員，如果不能第一時(shí)間獲得限行訊息，悔之晚矣。
使用高德地圖導(dǎo)航，在登錄后錄入車牌號并開啟“避開限行”，系統(tǒng)就會自動(dòng)檢測導(dǎo)航路線，如果要經(jīng)過限行/限外路段時(shí)會自動(dòng)重新規(guī)劃，通過繞行來避讓限行的路段，如果無法避開則提示：已無法為你規(guī)避限行路段，請合理安排出行。自動(dòng)規(guī)劃路線能夠有效避免因限行導(dǎo)致的違章，給我們造成經(jīng)濟(jì)損失，尤其是駕照，畢竟一周期才12分。就算無法避開，也可以通過語音提前知道限行路段，并合理安排出行時(shí)間。
（PS：雖然很多用戶感覺無需登錄也可以正常使用，但登錄之后可以享受更多特權(quán)以及更加優(yōu)質(zhì)的服務(wù)）
03.「支付寶」你想要的收款二維碼樣式是這樣的
產(chǎn)品體驗(yàn)：
在支付寶的收款二維碼頁面截圖時(shí)，系統(tǒng)預(yù)判用戶有使用二維碼收款的需求，通過彈窗提示是否需要保存二維碼圖片，自動(dòng)去掉無關(guān)信息并統(tǒng)一規(guī)范樣式。
設(shè)計(jì)思考：
移動(dòng)支付自上線開始，微信支付和支付寶支付各自占領(lǐng)著半江山，只要涉及線上交易，絕大多數(shù)用戶每天必定會選擇其中一個(gè)使用，雖然兩大企業(yè)的方向截然不同，但支付系統(tǒng)在用戶體驗(yàn)方面都是一如既往的持續(xù)提升，以此來增加用戶的粘性。
支付寶收款二維碼頁面觸發(fā)截圖，在截取成功的狀態(tài)下，同時(shí)彈出保存二維碼圖片提示。跟設(shè)備截取的圖片相比，單獨(dú)保存的二維碼樣式更加簡潔，且規(guī)范統(tǒng)一，信息內(nèi)容更加聚焦，便于用戶直接傳送或打印使用。其實(shí)進(jìn)入收款二維碼頁面，在下方原本就有保存圖片入口，基于用戶進(jìn)入此頁面的需求明確，對性子較急且耐性較低的用戶來說，這個(gè)被弱化的保存入口，可能直接忽略（別不信，我見過有人手上拿著手機(jī)還在到處找手機(jī)）。截圖時(shí)出現(xiàn)的彈窗提示，相當(dāng)于上了一道保險(xiǎn)，避免使用截圖自行裁剪打印的樣式不統(tǒng)一，導(dǎo)致付款用戶心中原本就已存在的默認(rèn)收款二維碼樣式發(fā)生變化，形成認(rèn)知負(fù)擔(dān)。
04.「抖音」暗示用戶-好看就要分享
產(chǎn)品體驗(yàn)：
在抖音短視頻頁面停留一段時(shí)間后，分享圖標(biāo)會自動(dòng)變成最近常分享的某個(gè)用戶頭像，暗示用戶好東西要分享。
設(shè)計(jì)思考：
抖音作為當(dāng)前最火的短視頻（直播）平臺，相信很多用戶即使不經(jīng)常玩，但最起碼會玩，雖然有部分低俗、劣質(zhì)的用戶在破壞著平臺的規(guī)則，但整體看來是利大于弊的，其他的交給人心。下載抖音的用戶大部分獲取來源應(yīng)該是來自于他人的分享，一傳十十傳百，最終傳到人手必備，所以平臺是相當(dāng)注重分享功能的用戶體驗(yàn)。
抖音的分享功能，其實(shí)還有一個(gè)小細(xì)節(jié)，當(dāng)我們停在某個(gè)短視頻頁面一段時(shí)間時(shí)，原本的分享圖標(biāo)會變成最近分享的用戶的頭像。用戶對分享功能都有常規(guī)的認(rèn)知，當(dāng)我們在觀看某個(gè)視頻一段時(shí)間后，系統(tǒng)自動(dòng)評判該用戶對此視頻感興趣，基于用戶看到感興趣的東西就喜歡炫耀、分享的心理（比如“孫悟空到此一游”），系統(tǒng)將分享圖標(biāo)變成用戶頭像，意在提醒觀者分享，以達(dá)到最大化傳播可能的目的，以及為平臺拉取新用戶。
05.「智行火車票」搜索攻略-確保使用的流暢性
產(chǎn)品體驗(yàn)：
首次打開智行火車票的搜索功能，會自動(dòng)彈出搜索攻略，以指導(dǎo)用戶可搜索的范圍及使用規(guī)范，后續(xù)再次打開搜索即恢復(fù)常規(guī)用法，如果再次了解，點(diǎn)擊搜索攻略即可。
設(shè)計(jì)思考：
對于搜索功能，可謂是熟悉的不能再熟悉了，千篇一律的輸入關(guān)鍵字即可，大不了重新再來。搜索是產(chǎn)品中不可或缺的一部分，無論打開哪個(gè)App,都能很快找到，但如果搜索功能做的好了，也是用戶轉(zhuǎn)化的關(guān)鍵流量入口，比如搜索方式、呈現(xiàn)樣式、搜索引導(dǎo)等，用戶體驗(yàn)不容忽視。
智行火車票APP的搜索攻略就是在合適的時(shí)間、合適的地點(diǎn)準(zhǔn)確的傳達(dá)給用戶。首次進(jìn)入，即自動(dòng)彈出搜索攻略教育新用戶，明確的告知使用搜索功能可以搜什么？怎么搜？避免用戶一打開就直接擼字，而造成使用錯(cuò)誤的概率提高以及影響搜索結(jié)果的準(zhǔn)確性，用戶一旦碰壁，很有可能轉(zhuǎn)身就離開。自動(dòng)彈出的搜索攻略由被動(dòng)變?yōu)橹鲃?dòng)，可以提前告知用戶搜索范圍及關(guān)鍵詞示例，降低出錯(cuò)的幾率，讓整個(gè)搜索流程更加順暢，為后續(xù)的使用提供便利，減少用戶的流失。
06.「蝦米音樂」評論-一鍵表達(dá)心情
產(chǎn)品體驗(yàn)：
在蝦米音樂聽歌時(shí)，進(jìn)入評論功能，除了可文字評論外，還能表達(dá)聽歌時(shí)的心情，隨時(shí)查看有多少同樣心情的人在聽這首歌，很有代入感。
設(shè)計(jì)思考：
文字是我們交流常用的元素，但很多時(shí)候因使用的方法不當(dāng)而造成含義上的變化，比如一段話后面加個(gè)感嘆號，到底是消極還是敵意？聲音也是一樣，當(dāng)我們開著車對行人按喇叭，是表示禮貌還是憤怒？而表情則是不同，它表達(dá)的是一種類型，比如一個(gè)笑臉，可以理解為滿意、開心、高興等。表情除了可以委婉的表達(dá)自己內(nèi)心的情感之外，也是因?yàn)楸砬榈臒o責(zé)任性，你會聽到人說，請注意你的言行，但沒人會說，請注意你的表情包。
蝦米音樂APP在歌曲的評論功能，除了有文字評論之外，還可以表達(dá)聽歌時(shí)的心情，即表情評論。進(jìn)入評論頁面，首先看到的是某某等幾人使用的什么樣的心情評論，并提示共有多少人參與，引導(dǎo)用戶接下來該做什么，讓用戶快速地進(jìn)入到產(chǎn)品使用中，給予了明確行為操作的指令，觸發(fā)并提高了用戶的參與度。另外使用表情相比文字評論更容易操作，系統(tǒng)預(yù)設(shè)好可供用戶選擇的表情包并附帶文字提示，用戶無需思考便可一鍵操作，很大程度上降低了完成的難度。事實(shí)表明，同樣能達(dá)到目的的辦法，簡單的是最實(shí)用、也是。
07.「美團(tuán)」收貨地址-二次提醒降低出錯(cuò)的概率
產(chǎn)品體驗(yàn)：
在美團(tuán)提交訂單頁面選擇好地址后，頁面上滑，詳細(xì)地址會懸浮在導(dǎo)航欄，便于用戶二次確認(rèn)或修改。
設(shè)計(jì)思考：
線上購物已經(jīng)成為了我們的家常便飯，外賣行業(yè)解決著我們“吃”的問題更不例外。通常我們在選擇好商品后，地址作為重量級的信息都會優(yōu)先展示在訂單頁面的頂部，首先基本都會提供一個(gè)默認(rèn)地址，如果不需要進(jìn)入地址修改即可?？v然如此，依然有部分用戶因?yàn)榧庇谙聠?，后續(xù)發(fā)現(xiàn)地址錯(cuò)誤，就需要聯(lián)系商家修改地址或者取消訂單重新下單，浪費(fèi)時(shí)間不說，還會影響心情。
美團(tuán)APP在提交訂單頁面，針對地址方面相當(dāng)于加了一道保險(xiǎn)。用戶在選擇完地址上滑頁面后，詳細(xì)地址懸浮在的標(biāo)題欄上，點(diǎn)擊可直接修改收貨地址，雖然不一定每個(gè)用戶都能看到，但長時(shí)間懸浮在頁面頂部，時(shí)刻都在提醒著用戶，只要稍一抬頭，即可看到醒目的大字（地址），便于用戶潛意識的瀏覽或眼睛的余光掃描，發(fā)現(xiàn)有誤及時(shí)修改，降低下單時(shí)地址出錯(cuò)的概率，考慮周全，給予更好的用戶體驗(yàn)。
08.「菜鳥」下拉刷新-趣味化的“空投”
產(chǎn)品體驗(yàn)：
菜鳥APP在頁面下拉刷新的過程中，會有一個(gè)紙箱從空中落下的動(dòng)畫效果，類似空投，仿佛在說“你的補(bǔ)給已送到，請及時(shí)查收”，非常貼合平臺的屬性及特征。
設(shè)計(jì)思考：
下拉刷新早就不是什么新鮮的東西了，幾乎所有的應(yīng)用里都會有這個(gè)功能，通常都是一個(gè)持續(xù)的動(dòng)效在告知用戶，頁面的數(shù)據(jù)正在加載，請稍等，市場上很多APP的刷新樣式都是大同小異。不過一旦做好刷新樣式，就不僅僅是告知用戶當(dāng)前頁面狀態(tài)這么回事了，比如下拉刷新前后兩種狀態(tài)借助過渡動(dòng)效連接到一起，讓用戶了解界面到底發(fā)生了什么改變，以及在刷新的過程中如何留住用戶繼續(xù)等待，避免用戶焦躁的情緒......
菜鳥APP在下拉刷新的過程中就使用了趣味性的動(dòng)畫方式，首先通過空中出現(xiàn)的箱子緩緩落到地面，有趣又貼合產(chǎn)品整體的設(shè)計(jì)概念，用生動(dòng)形象的情感化設(shè)計(jì)反饋平臺行為，為人機(jī)交互增加了趣味性和互動(dòng)性，而且還可以緩解用戶在等待刷新過程中的焦慮感；其次，這種動(dòng)效可用幫助用戶理解屏幕上發(fā)生了什么，也會讓用戶有所期待。
（看到這個(gè)動(dòng)效，有沒有似曾相識的感覺“哇，那邊有空投，馬上要落地了，趕緊上車沖過去”）
09.「美團(tuán)」匿名差評-降低商家對用戶的騷擾
產(chǎn)品體驗(yàn)：
對美團(tuán)的訂單進(jìn)行評價(jià)時(shí)，如果選擇差評（1~2分），系統(tǒng)將自動(dòng)開啟匿名開關(guān)以便于用于匿名評價(jià)，商家是無法查詢到匿名用戶信息的。
設(shè)計(jì)思考：
評價(jià)在商品頁面展示給所有用戶，對店鋪商品起著至關(guān)重要的作用。95%的用戶購物之前都會參考評價(jià)，好評會增加用戶購買信心；而差評可能會讓用戶放棄購買這個(gè)商品，甚至認(rèn)為這不僅僅是劣質(zhì)商品，更有劣質(zhì)店鋪的潛在想法。其實(shí)有很多商家都有通過刷單來提升店鋪的銷售量和買家秀的質(zhì)量，作假都尚且如此，何況是真實(shí)用戶呢？所以商品一旦有了差評，不僅會影響店鋪的整體動(dòng)態(tài)評分和好評率，還會降低店鋪排名，很大程度上會影響其他用戶判斷及產(chǎn)品的轉(zhuǎn)化率，所以商家一看到差評就激動(dòng)得馬上打電話和買家溝通改評價(jià)，低頭認(rèn)錯(cuò)，尤其是新店或者新品有差評時(shí)，不斷的聯(lián)系（騷擾）會給消費(fèi)者帶來一定的困擾。
美團(tuán)APP的訂單評價(jià)如果選擇差評，系統(tǒng)將自動(dòng)開啟匿名評價(jià)，由被動(dòng)變?yōu)橹鲃?dòng)，避免用戶因情緒化或忘記打開匿名，而遭受到商家電話的騷擾，通過補(bǔ)償被要求修改或刪除差評。當(dāng)然，如果用戶不想匿名，關(guān)閉開關(guān)即可。匿名評價(jià)不僅降低用戶的困擾，還能提升商品評論的真實(shí)性，以協(xié)助平臺通過大數(shù)據(jù)對整體店鋪進(jìn)行排名和評分展示，減少對后來消費(fèi)者的誤導(dǎo)。
（杠精思維“這樣豈不是讓很多鍵盤俠來惡意給店鋪差評”。其實(shí)別忘了一個(gè)前提，就是必須要通過下單支付并等待訂單完結(jié)后才可以進(jìn)行評價(jià)，畢竟大部分用戶不會刻意這樣做，任何產(chǎn)品不就是滿足80%以上的用嗎？）
10「釘釘」保護(hù)信息隱私的密聊
產(chǎn)品體驗(yàn)：
從釘釘好友對話框的右上角進(jìn)入設(shè)置頁面，點(diǎn)擊進(jìn)入密聊，即可對聊天信息上一道鎖，保護(hù)信息隱私安全。
設(shè)計(jì)思考：
眾所周知，我們在聊天的過程中，信息很容易泄露，有很多窺探用戶隱私的程序，比如進(jìn)入某些網(wǎng)頁會提示需要獲取用戶位置、讀取通訊錄等都屬于隱私。尤其是社交類型的應(yīng)用，會有相關(guān)保護(hù)交流信息的安全措施。如消息撤回、閱后即焚、動(dòng)態(tài)瀏覽權(quán)限等都有一定效果。
釘釘推出的密聊功能就是聊天信息的一道安全鎖。進(jìn)入密聊后，消息禁止復(fù)制和轉(zhuǎn)發(fā)、頭像名字打碼防截屏、不可被錄屏、消息通知不顯示內(nèi)容等，很大強(qiáng)度上保護(hù)交流信息的隱私，給用戶帶來安全保障。
（有人會問，用微信的人更多，為什么沒有密聊功能呢？從用戶群體和性質(zhì)來分析，微信主打社交，男女老少通吃，基本上都是嗨聊、打發(fā)時(shí)間或平時(shí)的常規(guī)交流等；而釘釘主打的移動(dòng)辦公，主流的用戶基本趨向于白領(lǐng)類型的群體，一般屬于工作交流，很多聊天都涉及到商業(yè)信息，包括一些文件和商業(yè)機(jī)密，誰都清楚商業(yè)機(jī)密泄露的嚴(yán)重性）
結(jié)語：
設(shè)計(jì)師需要養(yǎng)成體驗(yàn)產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細(xì)節(jié)記錄下來，加強(qiáng)自己的記憶，不僅能提升自己的語言組織和總結(jié)能力，也為日后輸出優(yōu)秀的作品當(dāng)鋪墊，對自己的能力提升以及未來的職業(yè)發(fā)展帶來便利。
轉(zhuǎn)自：站酷
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com