在UI/UE設(shè)計(jì)中，我們?nèi)绾螌⒅陵P(guān)重要的信息有效地傳遞給用戶(hù)，這是設(shè)計(jì)本身的職責(zé)。但是絕大多數(shù)信息的呈現(xiàn)，我們可以在細(xì)節(jié)的處理方面帶給用戶(hù)驚喜，讓用戶(hù)喜歡并完成最終的轉(zhuǎn)化，通過(guò)設(shè)計(jì)的手段提升產(chǎn)品的可讀性以及可訪(fǎng)問(wèn)性。

初級(jí)與高階設(shè)計(jì)師的區(qū)別，并不是在整體大的布局上有什么差別，通常都體現(xiàn)在產(chǎn)品的細(xì)節(jié)上，好的產(chǎn)品可以在內(nèi)容不變的情況下，通過(guò)細(xì)節(jié)的處理讓之煥然一新。

01.「訊飛輸入法」雙重輸入方式-提升產(chǎn)品易用性

產(chǎn)品體驗(yàn)：

在訊飛輸入法的鍵盤(pán)打字輸入狀態(tài)下，也可同時(shí)使用手寫(xiě)輸入方式，便于用戶(hù)有切換輸入需求時(shí)免去手動(dòng)操作。

設(shè)計(jì)思考：

在我們使用的移動(dòng)通訊設(shè)備中，輸?入法是避不開(kāi)一個(gè)軟件，不管是內(nèi)置還是自行下載，隨時(shí)都會(huì)使用。不知大家有沒(méi)有碰到過(guò)這種情況，在打字時(shí)突然忘了拼音、手寫(xiě)時(shí)突然不會(huì)寫(xiě)，遇到這種卡殼情況只能通過(guò)在鍵盤(pán)設(shè)置中頻繁更改輸入方式，真的很麻煩。

訊飛輸入法在用戶(hù)打字輸入的情況下，考慮到了可能會(huì)有手寫(xiě)輸入的需求，增加了在鍵盤(pán)可控的范圍內(nèi)同時(shí)可手寫(xiě)輸入，方便用戶(hù)在最短的時(shí)間內(nèi)無(wú)成本更換場(chǎng)景需求，無(wú)需多余的操作便可達(dá)到目標(biāo)，將操作流程和路徑都進(jìn)行了簡(jiǎn)化，降低產(chǎn)品的使用難度，增加易用性。

02.「百度地圖」3D地球-線(xiàn)上版的世界國(guó)家介紹知識(shí)庫(kù)

產(chǎn)品體驗(yàn)：

在百度地圖的個(gè)人中心-更多功能里面打開(kāi)3D地球模式，可拖動(dòng)旋轉(zhuǎn)或放大縮小查看國(guó)家地理位置，點(diǎn)擊國(guó)家名字，會(huì)提示當(dāng)前疫情環(huán)境下該國(guó)家的出入境限制情況，還可查看該國(guó)家的基本基本信息。

設(shè)計(jì)思考：

說(shuō)到地圖軟件，我們的第一反應(yīng)便是導(dǎo)航，看著地圖上的各種建筑、道路等街景標(biāo)記，跟隨指引到達(dá)目的地。其實(shí)除了傳統(tǒng)的街道圖地圖外，還有衛(wèi)星圖、三維圖等，且該行業(yè)也在3D方向也不斷發(fā)展，逐漸引申向高科技方面延伸，用一種驚艷的方式呈現(xiàn)給使用者。

百度地圖本身提供了普通模式、地球模式、三維模式、地鐵模式等好多種，為了迎合大眾，直接將普通模式呈現(xiàn)給了用戶(hù)。還有一個(gè)鮮為人知功能就是“3D地球”，用戶(hù)可以通過(guò)轉(zhuǎn)動(dòng)或放大縮小來(lái)查看各個(gè)國(guó)家的地理位置，且地球原本就是圓的，全球視野以球形展示也則更加直觀(guān)。點(diǎn)擊國(guó)家名字，會(huì)彈出天氣、訪(fǎng)問(wèn)人數(shù)以及疫情期間的出入境信息，隔離還是禁止入境給予明確提示，便于用戶(hù)合理安排出入境時(shí)間，還能通過(guò)查看詳情進(jìn)行了解該國(guó)家的基本信息（利用自己強(qiáng)大的百度百科），給用戶(hù)普及國(guó)家地理知識(shí)。

從表面上看，3D地球并無(wú)較為實(shí)用的功能，但從另一個(gè)角度，何不看成是一本線(xiàn)上版的國(guó)家知識(shí)文庫(kù)呢？同時(shí)3D地球模式還在提供了月球視角，從左上角進(jìn)入月球預(yù)覽模式（操作方式相同），當(dāng)?shù)谝谎劭吹綐?biāo)記的“嫦娥5號(hào)著陸點(diǎn)”時(shí)激動(dòng)了......，用一種炫酷的方式將“地球”和“月球”以趣味化的方式呈現(xiàn)給用戶(hù)，很大程度上滿(mǎn)足了喜好探索的用戶(hù)“獵奇”心理。

03.「騰訊視頻」巧妙的影片廣告植入

產(chǎn)品體驗(yàn)：

在騰訊視頻首頁(yè)的任何一個(gè)影片分類(lèi)欄目下拉刷新時(shí)，系統(tǒng)利用下拉延伸的空間及時(shí)間差中，都不同程度的投放了對(duì)應(yīng)的廣告，刷新完成后恢復(fù)原狀。

設(shè)計(jì)思考：

有人說(shuō)，曾經(jīng)有企業(yè)為了用戶(hù)體驗(yàn)而堅(jiān)決不植入廣告，單純的只靠公開(kāi)透明的增值業(yè)務(wù)來(lái)賺錢(qián)，后來(lái)都他們“餓死了”。其實(shí)跟用戶(hù)體驗(yàn)相比，如何將流量變現(xiàn)使企業(yè)獲得收益維持正常運(yùn)轉(zhuǎn)顯得更為重要，于是，植入廣告就成了很多產(chǎn)品的收入來(lái)源（前提是你有很大的用戶(hù)量）。大部分用戶(hù)都知道騰訊家族的應(yīng)用，隨便扳著手指就能列出很多個(gè)，其廣告的植入可以用恐怖、變態(tài)等詞來(lái)形容，或許大家會(huì)對(duì)廣告非常反感，但站在產(chǎn)品設(shè)計(jì)的角度，就算設(shè)計(jì)出被用戶(hù)罵聲一片又不得不用的產(chǎn)品，無(wú)疑也是成功的，“王者農(nóng)藥、吃雞”就是最好的例子。

騰訊視頻的廣告植入可謂是無(wú)孔不入，就連下拉刷新這種空檔也不能幸免。下拉刷新給絕大多數(shù)用戶(hù)的第一感覺(jué)就是下拉頁(yè)面，然后等著刷新交互過(guò)程的完成，而騰訊視頻在下拉延伸的空間及時(shí)間差中植入廣告非常的巧妙， 在需要用戶(hù)等待的情況下通過(guò)廣告來(lái)緩解等待時(shí)焦躁感，如若用戶(hù)對(duì)某個(gè)影片廣告感興趣，點(diǎn)擊之后將跳轉(zhuǎn)到對(duì)應(yīng)的頁(yè)面，促使用戶(hù)達(dá)到廣告引流的目的。另外此處廣告的植入既不占用頁(yè)面的空間資源、亦不會(huì)影響用戶(hù)對(duì)產(chǎn)品的使用體驗(yàn)，相比其它位置，用戶(hù)的接受程度則更高，悄無(wú)聲息的吸引了一波用戶(hù)視覺(jué)。

04.「搜狗輸入法」數(shù)字鍵盤(pán)-指尖上的計(jì)算器

產(chǎn)品體驗(yàn)：

打開(kāi)搜狗輸入法的數(shù)字鍵盤(pán)，不僅僅是數(shù)字錄入而已，還是一個(gè)計(jì)算器，可進(jìn)行常規(guī)的加減乘除和百分比計(jì)算。

設(shè)計(jì)思考：

“家中老人發(fā)來(lái)微信，說(shuō)讓幫忙算一下多少錢(qián)，你打開(kāi)計(jì)算器對(duì)照我這信息算一下，我自己要換來(lái)?yè)Q去的麻煩”。當(dāng)你看到這條消息，第一反應(yīng)是什么，如果去找手機(jī)的計(jì)算器，那只能說(shuō)，你真的out了。我們平時(shí)打字輸入的時(shí)候可能會(huì)需要計(jì)算，當(dāng)然簡(jiǎn)單的計(jì)算題可以口算，但稍微復(fù)雜的加減乘除就需要用到計(jì)算器了，每次打開(kāi)手機(jī)的計(jì)算器不會(huì)覺(jué)得太麻煩嗎?

搜狗輸入法除了能打字，其數(shù)字鍵盤(pán)就是一個(gè)計(jì)算器，只需將對(duì)應(yīng)數(shù)據(jù)輸入，通過(guò)簡(jiǎn)單的加減乘除即可計(jì)算出結(jié)果，非常方便在線(xiàn)上交流的過(guò)程中進(jìn)行常規(guī)的數(shù)據(jù)計(jì)算，當(dāng)別人還在找計(jì)算器時(shí)，你早已算出了結(jié)果，無(wú)需借用其他計(jì)算工具，不僅省時(shí)還能提高效率。

05.「QQ」分屏查看-移動(dòng)工作場(chǎng)景下，提升效率

產(chǎn)品體驗(yàn)：

當(dāng)QQ好友給我們發(fā)來(lái)Word、PDF等文件時(shí)，打開(kāi)對(duì)話(huà)框后，可通過(guò)右上角展開(kāi)的功能菜單中開(kāi)啟分屏查看，一邊交流一邊看文件，還支持調(diào)整分界線(xiàn)、全屏查看和一鍵關(guān)閉。

設(shè)計(jì)思考：

在最初微信功能還沒(méi)有現(xiàn)在如此強(qiáng)大、普及時(shí)，QQ就是我們?nèi)粘＝涣?、工作溝通的一大途徑。尤其是工作群，時(shí)不時(shí)就會(huì)發(fā)來(lái)一個(gè)文件，且還要對(duì)照著文件內(nèi)容邊看邊溝通，如果不在電腦旁、使用手機(jī)預(yù)覽的話(huà)，就需要在對(duì)話(huà)框和文檔之間來(lái)回反復(fù)切換，除了不方便之外還容易斷片。而后微信的普及在交流方面給我們帶來(lái)很大的便利，但基于用戶(hù)大量從QQ轉(zhuǎn)向微信，且微信群內(nèi)的信息量極大，而導(dǎo)致重要的工作文件經(jīng)常被海量的聊天信息推走，收藏或查找歷史記錄成了唯一的找回，很不方便，反觀(guān)整天無(wú)人問(wèn)津的QQ群成了存放文件的好地方。

為了滿(mǎn)足用戶(hù)同時(shí)邊看文件邊聊天的需求，QQ增加了文件分屏查看功能。在對(duì)話(huà)框中針對(duì)文本、PPT、表格或PDF等文件時(shí)，打開(kāi)后，從右上角入口延展的菜單中選擇“分屏查看”，可拖動(dòng)分屏底部的分界線(xiàn)，以調(diào)整分屏窗口的大小，且支持全屏查看和一鍵關(guān)閉。分屏查看可以一邊瀏覽文件內(nèi)容、一邊和該好友聊天，尤其是在移動(dòng)辦公環(huán)境下，方便溝通和及時(shí)反饋，有效避免以往常規(guī)的反復(fù)切換、浪費(fèi)時(shí)間的缺陷，除了節(jié)約用戶(hù)時(shí)間成本外，很大程度上也提升了溝通效率。

06. 「微信」防消息泄露的電腦端鎖定功能

產(chǎn)品體驗(yàn)：

在我們工作中，電腦登陸微信后，因緊急情況離開(kāi)，忘了鎖屏又擔(dān)心聊天信息泄露時(shí)，可通過(guò)手機(jī)設(shè)置對(duì)電腦端的登錄狀態(tài)進(jìn)行鎖定，待返回座位解鎖即可。

設(shè)計(jì)思考：

人有三急，當(dāng)你正在工作時(shí)，肚子突然一陣“異響”，慌忙之中，電腦未鎖屏的情況下直奔洗手間而去，一陣“狂風(fēng)暴雨”之后......，突然想起正在“撩騷”的微信窗口都沒(méi)來(lái)得及最最小化，情急之下，直接退出了電腦端微信，但一定要如此操作嗎？

其實(shí)在我們因特殊情況而離開(kāi)工作崗位卻忘了電腦鎖屏的情況很常見(jiàn)，還可以通過(guò)鎖定電腦端微信來(lái)防止信息泄露。退出微信固然可行，但跟鎖定之后再解鎖相比，其操作效率顯而易見(jiàn)，重新登錄的操作和耗時(shí)必然更多。很多時(shí)候，對(duì)于操作流程上的體驗(yàn)，在不影響功能使用的前提下，每減少一步操作就能減輕一些用戶(hù)的使用負(fù)擔(dān)，對(duì)于部分功能，減少的步驟所節(jié)省的時(shí)間可能不足一秒，但用戶(hù)體驗(yàn)上卻得到了明顯的提升，微信的鎖定與退出操作相比，正是如此。

07.「網(wǎng)易云音樂(lè)」行為預(yù)判-與常規(guī)截然相反的刷新操作

產(chǎn)品體驗(yàn)：

網(wǎng)易云音樂(lè)上滑到底部之后，繼續(xù)上滑則通過(guò)刷新的形式為用戶(hù)提供一屏全新的內(nèi)容，與頂部下拉刷新相同。

設(shè)計(jì)思考：

刷新這個(gè)詞，從電腦到手機(jī)，我們幾乎每時(shí)每刻都在與之接觸。手動(dòng)觸發(fā)最為常見(jiàn)的就是頂部下拉刷新，根據(jù)頁(yè)面內(nèi)容滑到最底部之后，則會(huì)看到截阻線(xiàn)及提示，此時(shí)，要么回到頂部再次刷新，也么進(jìn)入其他頁(yè)面獲取信息。

網(wǎng)易云音樂(lè)除了常規(guī)的頂部下拉刷新之外，頁(yè)面上滑到最底部（盡頭）時(shí)，依然可以通過(guò)上滑重新刷新。此操作是系統(tǒng)通過(guò)行為預(yù)判，當(dāng)用戶(hù)到達(dá)頁(yè)面底部之后，可理解為此頁(yè)面沒(méi)有滿(mǎn)足用于需求的內(nèi)容，如果用戶(hù)有繼續(xù)上滑操作行為，說(shuō)明用戶(hù)并非滿(mǎn)足于現(xiàn)狀，想獲取更多內(nèi)容，于是系統(tǒng)在合理的請(qǐng)求下產(chǎn)生刷新行為，隨之為用戶(hù)提供全新的一頁(yè)。雖然此刷新行為與常規(guī)的頂部刷新相同，但規(guī)避了用戶(hù)回到頂部做刷新操作的時(shí)間差，通過(guò)提前預(yù)判用戶(hù)行為，更快一步的滿(mǎn)足了用戶(hù)的需求。

08.「支付寶」快捷入口-讓支付過(guò)程變的更高效

產(chǎn)品體驗(yàn)：

從支付寶我的-設(shè)置-功能管理-快捷方式設(shè)置中，可將掃一掃入口添加到手機(jī)桌面，方便隨時(shí)打開(kāi)掃描或支付。

設(shè)計(jì)思考：

支付寶已逐漸成了我們生活的一種方式，其使用范圍超出了網(wǎng)購(gòu)的范疇，已經(jīng)涵蓋的生活的方方面面，其支付寶支付更是產(chǎn)品本身的重要支柱，和微信支付各自獨(dú)霸著半壁江山，也都積累了大量的忠實(shí)用戶(hù)，如果你不是去玩小游戲或理財(cái)?shù)脑?huà)，其操作最多的應(yīng)該就是掃一掃了，產(chǎn)品團(tuán)隊(duì)也在不停的鉆研更為便捷的使用方式。

在支付寶的設(shè)置中，可將掃一掃功能直接添加到桌面，操作更為便捷，其本身因掃碼支付的功能讓操作頻率變的很高，在桌面直接打開(kāi)，直接跳過(guò)以往需經(jīng)過(guò)啟動(dòng)頁(yè)到首頁(yè)的加載過(guò)程和耗時(shí)，置于桌面、觸手可及，簡(jiǎn)化操作路徑讓支付過(guò)程變的更高效，降低產(chǎn)品的操作難度，給用戶(hù)帶來(lái)更愉快的支付體驗(yàn)。

09.「每日優(yōu)鮮」恰到好處的分類(lèi)上下銜接提示

產(chǎn)品體驗(yàn)：

每日優(yōu)鮮的分類(lèi)產(chǎn)品列表中，上滑至當(dāng)前分類(lèi)最后一個(gè)產(chǎn)品時(shí)，會(huì)出現(xiàn)“上拉，至下一個(gè)分類(lèi)”的提示，提前告知用戶(hù)做好分類(lèi)切換的心理準(zhǔn)備。

設(shè)計(jì)思考：

我們?cè)谑褂灭I了么或美團(tuán)外賣(mài)都碰到過(guò)這個(gè)樣的情況，進(jìn)入店鋪選好自己的想要的分類(lèi)后，對(duì)著產(chǎn)品列表就是一頓猛滑，可突然發(fā)現(xiàn)，選擇的分類(lèi)明明是小炒，列表中偏偏顯示的全是湯，感覺(jué)是不是店家把類(lèi)型搞錯(cuò)了？短暫的懵圈之后才發(fā)現(xiàn)，早已越過(guò)了最初選擇的類(lèi)型而進(jìn)入了下一個(gè)分類(lèi)。這只是平臺(tái)為減少用戶(hù)操作而設(shè)計(jì)的連貫性預(yù)覽，你懵不懵沒(méi)關(guān)系，反正我就是這樣設(shè)計(jì)的。雖然大部分用戶(hù)已經(jīng)接受這種搞法，但站在產(chǎn)品的角度思考，如果在用戶(hù)沒(méi)有任何防備的情況下直接更換了分類(lèi)，雖然沒(méi)有打斷預(yù)覽，但選擇越多，用戶(hù)的決策時(shí)間就越長(zhǎng)，且很可能是吃貨們不喜歡的類(lèi)型，直接導(dǎo)致用戶(hù)放棄選擇而拉低轉(zhuǎn)化。

每日優(yōu)鮮在不同類(lèi)型產(chǎn)品上下銜接的位置，給予了明確的分類(lèi)更換提醒，不打斷用戶(hù)瀏覽的同時(shí)，利用提示信息，提前告知用戶(hù)繼續(xù)操作可能帶來(lái)的內(nèi)容變化，用戶(hù)根據(jù)提示決定是否要繼續(xù)下一步操作行為，如無(wú)更換分類(lèi)的需求下拉回覽即可，避免出現(xiàn)不必要的內(nèi)容干擾用戶(hù)心理預(yù)期，消耗用戶(hù)精力而導(dǎo)致流失。

10.「微信讀書(shū)」融入看紙質(zhì)書(shū)籍的真實(shí)感

產(chǎn)品體驗(yàn)：

①、在微信讀書(shū)內(nèi)容頁(yè)中，長(zhǎng)按選擇我們喜歡的段落或句子進(jìn)行劃線(xiàn)標(biāo)記，便于日后回看復(fù)習(xí)；

②、對(duì)不明白的內(nèi)容進(jìn)行劃線(xiàn)寫(xiě)出自己的想法，其他讀者可對(duì)劃線(xiàn)的內(nèi)容進(jìn)行評(píng)價(jià)，促進(jìn)相互交流。

設(shè)計(jì)思考：

活到老、學(xué)到老，不管是線(xiàn)下看書(shū)（紙質(zhì)書(shū)籍）還是線(xiàn)上看書(shū)（電子書(shū)）、系統(tǒng)化的學(xué)習(xí)還是零散知識(shí)吸收，看書(shū)始終都是永不過(guò)時(shí)的一種學(xué)習(xí)方式?！坝凶x者認(rèn)為，線(xiàn)上看書(shū)沒(méi)有線(xiàn)下看書(shū)的效果好，精神力不夠集中，較為隨意，且可能隨時(shí)受到社交或短視頻應(yīng)用的干擾，吸收率極低；另外一部分讀者則持有不同的看法，認(rèn)為線(xiàn)上看書(shū)極為方便，隨手機(jī)攜帶且不分場(chǎng)景隨時(shí)閱覽，還能節(jié)省經(jīng)濟(jì)成本”，這些看法直接造成了兩極分化。其實(shí)沒(méi)有真正的好與壞，存在即為合理，選擇自己最喜歡的、合適自己的看書(shū)方式才最重要，無(wú)需去評(píng)論其他方式的對(duì)錯(cuò)。線(xiàn)上看書(shū)方式一直在根據(jù)用戶(hù)的心理需求逐步進(jìn)化，從翻頁(yè)效果、書(shū)簽等樣式可以看出，都在模擬線(xiàn)下最常規(guī)、常見(jiàn)的樣式效果。

使用微信讀書(shū)時(shí)，可對(duì)感興趣的內(nèi)容劃線(xiàn)標(biāo)記，類(lèi)似看紙質(zhì)書(shū)籍時(shí)的劃線(xiàn)、隨時(shí)回看復(fù)習(xí)和做筆記，線(xiàn)上也是同理；對(duì)某個(gè)內(nèi)容不理解或有獨(dú)特的想法時(shí)，可選擇性的進(jìn)行評(píng)論，便于其他讀者對(duì)劃線(xiàn)（虛線(xiàn)）的內(nèi)容進(jìn)行相互交流。這種劃線(xiàn)方式不僅為用戶(hù)線(xiàn)上看書(shū)帶來(lái)方便和后期的理解性，更能促進(jìn)各讀者之間相互交流互動(dòng)，是線(xiàn)下看書(shū)很難達(dá)到的獨(dú)特屬性，其次，劃線(xiàn)方式模仿讀者線(xiàn)下看書(shū)最常規(guī)、常見(jiàn)的行為，讓線(xiàn)上看書(shū)更具真實(shí)感。

-END-