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

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

前言

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

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

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

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

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

用戶體驗從細節(jié)做起

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

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

3、同樣一個手機充值，小小的蘇寧卻干掉了支付寶，讓用戶的纖纖素手又少點擊了一步。

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

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

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

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

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

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

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

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

因為從沒哪一個德行可以很完美的覆蓋所有的用戶群體。所有的用戶群體無外乎分為三種：

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

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

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

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

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

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

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

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

15、如果你爸不是李剛，如果你還沒有壟斷寡頭的魄力，如果你想早點死的話，可以學習一下12306這個反人類的不讓關閉彈窗的二逼行為。

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

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

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

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

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

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

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