歡迎關(guān)注我的頭條號：Wooola，10年Java軟件開發(fā)及架構(gòu)設(shè)計(jì)經(jīng)驗(yàn)，專注于Java、Golang、微服務(wù)架構(gòu)，致力于每天分享原創(chuàng)文章、快樂編碼和開源技術(shù)。

作者 | 宋熾 產(chǎn)品經(jīng)理兼UI設(shè)計(jì)師 授權(quán)頭條原創(chuàng)首發(fā)

前言

寫這遍文章，旨在和大家一交流心得，共同精進(jìn)，如果大家有更好的用戶體驗(yàn)案例或者讓人蛋疼的體驗(yàn)，也可以在下面的評論里吐槽。

說互聯(lián)網(wǎng)界的用戶體驗(yàn)之前，我先拿一個(gè)工業(yè)設(shè)計(jì)的作品給大家舉例。

為什么國人會崇洋媚外的去日本買馬桶圈，因?yàn)槿思业拇_做得好，上完廁所不用紙，直接用水給你沖干凈并且暖風(fēng)烘干。那一個(gè)好的馬桶，除了上述功能外，還要具備哪些功能才能讓人為之驚嘆呢？我們看到下圖中，人的坐姿是與原始的蹲便很接近的，為什么要采取這個(gè)姿勢呢，因?yàn)橹挥羞@個(gè)姿勢，人的直腸才是與地面成90度的，即這個(gè)姿勢是最有利于便便排出來的。所以這個(gè)馬桶下面有一個(gè)腳踏板，人可以踩上去，并且調(diào)節(jié)它的高度。而很多馬桶你坐上去，其實(shí)馬桶的高度和你小腿的高度相當(dāng)，那這樣的話，你直腸與水平面是成30度的，反而不利于便便的排出，很多人以為人們從蹲便到坐便是一種進(jìn)步，這樣可以減少老人如廁時(shí)間長后，一站起來容易腦供血不足的狀態(tài)，但是很多廠商在馬桶的設(shè)計(jì)上卻沒有考慮到傳統(tǒng)蹲便的優(yōu)點(diǎn)，很多人有時(shí)候會覺得自己便秘，殊不知，可能不是你的問題，是馬桶設(shè)計(jì)的問題。我們細(xì)心的話還會發(fā)現(xiàn)，這個(gè)馬桶圈是曲線的，這樣屁屁可以離封水區(qū)更近一點(diǎn)，小于14cm，更好的避免濺起水花。沒有封水區(qū)是絕對不行的，它主要起到隔臭的作用，如果大家平時(shí)上廁所想避水花的話，不用學(xué)郭晶晶的武藝高強(qiáng)，只需要往水面上放一些紙就可以啦。當(dāng)然，好的智能馬桶不僅能做到這些，還可以在你每一次上完廁所后進(jìn)行便檢，隨時(shí)關(guān)注著你的健康。

很多人可能不知道，當(dāng)年喬布斯找工業(yè)設(shè)計(jì)師時(shí)，尋覓良久才找到了喬納森，而喬納森的設(shè)計(jì)理念也是極致簡潔，與喬布斯不謀而合，所以后來他才在喬布斯的領(lǐng)導(dǎo)下，把自己的聰明才智發(fā)揮到極致。而喬納森之前曾經(jīng)設(shè)計(jì)過馬桶，當(dāng)時(shí)馬桶上只有一個(gè)沖水按鈕（雖然現(xiàn)在是一個(gè)大半圓，用來沖大便，一個(gè)小半圓，用來沖小便以起到節(jié)約用水的目的，但是馬桶一開始的設(shè)計(jì)中，Onlly one button，而后的iPhone的ID設(shè)計(jì)中只有一個(gè)home鍵，也是和他當(dāng)年的工作經(jīng)歷中的種種分不開的。雖然iPhone只有一個(gè)home鍵，但是，其長按喚醒Siri，按一下返回home，連續(xù)按兩下清除緩存，卻使得他比Android下面的三個(gè)虛擬按鍵還要強(qiáng)大。如果手機(jī)上滿是按鈕，那么一用戶用之前不知道要按哪一個(gè)，但是如果只有一個(gè)，那么連3歲的孩子也知道會直接去按它。

一個(gè)馬桶的案例雖然聽著可能有點(diǎn)倒胃，但是其中卻暗藏了用戶體驗(yàn)的種種。蛋不多扯，前戲到此結(jié)束，下面咱們直奔主題，你坐穩(wěn)嘍，我要送你上天。

用戶體驗(yàn)從細(xì)節(jié)做起

1、同樣是表現(xiàn)品類多，京東和淘寶，哪個(gè)更靈活富有創(chuàng)意，哪個(gè)視覺沖擊力更強(qiáng)，見未出鞘，勝負(fù)已分。

2、當(dāng)用戶上傳照片時(shí)，右邊的Behance比左邊的WeChat交互層級更少，更能節(jié)約用戶的時(shí)間。

3、同樣一個(gè)手機(jī)充值，小小的蘇寧卻干掉了支付寶，讓用戶的纖纖素手又少點(diǎn)擊了一步。

4、顯然，右邊的彈窗更具人性話，即使你單手操作，無論是左撇子還是右撇子，都可以很輕松的把 彈窗關(guān)閉

5、巧妙的告訴用戶“還有”

6、一樣的返回，右邊的卻更貼心，不會讓手指短的你，單手操作時(shí)抓狂。

7、有時(shí)候，我們需要考慮不同照片環(huán)境下icon的適應(yīng)性，又邊的案例，無論你照片是黑色還是白色，icon都能一覽無余。

8、Banner不僅僅只是簡單的矩形，其實(shí)它還可以凹凸，只要你敢想象，它可以被你“蹂躪”。

9、用戶是有損失厭惡心里的，請不要讓ta辛苦的勞作輕易付之東流，所以，當(dāng)ta編輯了一部分尚未發(fā)布就退出時(shí)，要最大化避免其損失，所以，要醒目的告訴用戶是否確認(rèn)不保存。

10、真的，外賣之所以成為寡頭是有原因的，餓了么在想盡辦法讓你多買一點(diǎn)。

11、為什么活了那么多年，淘寶，京東，天貓，美團(tuán)，大眾點(diǎn)評，唯品會，淘票票，各個(gè)銀行自家的app等等，他們都活成了一個(gè)德行？

因?yàn)閺臎]哪一個(gè)德行可以很完美的覆蓋所有的用戶群體。所有的用戶群體無外乎分為三種：

A，有需求有目標(biāo)，可以從最上面的搜索框中最高效的直接檢索。

B，有需求，但沒目標(biāo)，可以從中間的分類中快速獲取。

C，無目標(biāo)無需求，那就靠AI和Big data來滿足他們。

誠然，國內(nèi)的智能推薦都做的很垃圾，包括阿里，阿里會在你買了一雙鞋后繼續(xù)給你推薦鞋，而不是給你推薦襪子或者褲子等周邊產(chǎn)品，這讓人表示很蛋疼。做的比較好的當(dāng)屬亞馬遜，因?yàn)橥扑]的太準(zhǔn)，精確的預(yù)測了一個(gè)女兒懷孕，結(jié)果被女孩的父親以侵犯個(gè)人隱私把亞馬遜給告了。

12、花瓣會在你輕按圖片時(shí)，彈出三個(gè)小圖標(biāo)，你拖到相應(yīng)位置，就會執(zhí)行相應(yīng)的功能。

ps：如果你用的iPhone 6s及以上，重按的話會直接喚醒3d touch，圖片進(jìn)入全屏觀看。

13、有句玩笑話是“你一撅屁股，我就知道你要干嘛”，而此時(shí)，你一截屏，我就知道你可能會做什么，所以想你所想，立馬貼心的彈出來。

14、如果你也想把首頁的分類藏起來，用大圖片布滿首頁，帥用戶一臉，那么你可以參考Behance這個(gè)方式，點(diǎn)擊搜索后，把分類緊貼的藏在Search box的下面。

15、如果你爸不是李剛，如果你還沒有壟斷寡頭的魄力，如果你想早點(diǎn)死的話，可以學(xué)習(xí)一下12306這個(gè)反人類的不讓關(guān)閉彈窗的二逼行為。

16、是不是對生活不太滿意，是不是對千篇一律的頂部Banner，下面雙排對齊的小圖排列已經(jīng)看的有點(diǎn)視覺疲勞？

參差錯(cuò)落是不是別致又有創(chuàng)意？居中排列是不是典雅莊重大氣？大圖片瀑布流是不是帥的一批？一個(gè)頁面只有一張圖是不是立馬高潮？生活不缺的是按部就班，缺的是你敢于探險(xiǎn)，邁出舒適區(qū)的第一步！

17、不要讓你的空白頁只是給一個(gè)線性或剪影icon添加一個(gè)淺灰色簡單了事，其實(shí)它本可以身披主題色，并且變的生動有趣起來，不僅是畫面，文案也要精雕細(xì)琢。

18、底部標(biāo)簽欄上的icon正在經(jīng)歷一場改變（列表頁中的icon亦是如此），當(dāng)你按下時(shí)，他們會有一個(gè)有趣的小動畫，你是否還堅(jiān)持原先的——只是從nor的線性，變成pre的剪影加主題色？

19、京東的這個(gè)搶優(yōu)惠卷的方式，即方式空前創(chuàng)新，又有很強(qiáng)的代入感，你在不斷的往火鍋里仍食物的過程中，便搶到了優(yōu)惠券，而且大冬天正是火鍋的旺季，不僅深的吃貨的心，還森森的蹭了一把當(dāng)下最火的“吃雞”這個(gè)游戲。

20、馬化騰他們家的確很會抄，但是終究沒有人家網(wǎng)易云音樂做的好，QQ音樂抄襲了網(wǎng)易云的播放時(shí)是一個(gè)碟在轉(zhuǎn)動的場景，并且專輯封面放大高斯模糊且壓暗作為整個(gè)頁面的背景，但是它沒有抄到網(wǎng)易云的精髓，當(dāng)你在網(wǎng)易云收藏一首歌時(shí)，右上角會彈出一個(gè)萌萌的卡通頭像鼓勵(lì)你分享，細(xì)節(jié)之處見真情，學(xué)不來的還有網(wǎng)易云的以歌會友。

21、曾幾何時(shí)，當(dāng)你以為只有進(jìn)某個(gè)app才會發(fā)現(xiàn)有廣告的時(shí)候，你現(xiàn)在是不是驚訝的發(fā)現(xiàn)，最淺的層級是把廣告打在啟動圖標(biāo)上，直接跑到桌面，把廣告打到你臉上，那些廣告在閃屏或者進(jìn)入app后來一個(gè)彈窗的形式，是不是在爭奪用戶總時(shí)間的時(shí)候，還沒出生就已經(jīng)胎死腹中啦？