每月更新！10個記憶深刻的產品設計神細節

任何一個好的產品設計，都會把對生活的洞察融入進去。適當增加些情感體驗的小細節，能增加用戶好感，帶來良好的用戶體驗。那么，問題來了，怎么設計，才能增強情感，讓人對你的產品記憶深刻呢？下面這些案例，都能給設計師一些啟發。

1. QQ自帶超良心的免費圖文提取功能

以前，當我們要將圖片的文字摘錄或編輯時只能手動錄入，費時費力。后來出現了一些「圖文轉換」工具，再也不用人力輸入文字了但此類軟件多需付費有的還價格不菲。直到QQ上線了「圖文提取」功能，圖文轉化一鍵搞定so easy～親測其識別能力與速度都相當不錯，更重要的是這么實用的功能還是完全免費真是堪稱業界良心級的好功能了。

在手機上打開QQ, 將清晰的圖片發送給某個好友，再長按已發送的圖片就會出現一個菜單。選擇「提取圖中文字」等待幾秒就可輕松將圖片的文字提取出來了。更加人性化的設計在于，被提取出的文字還可在線譯成英文。

自從用上了QQ的「圖文提取」功能，工作與學習的效率提高了好多呢(^o^)/ 對了，其實直接使用手機QQ的「掃一掃」功能掃描書籍或生活中的文字也會有驚喜呢 ~ 要不去試試？

2.這不是一個會讓人微笑的設計，但卻是讓人難忘的「最美麗的錯誤」

近幾年，騰訊旗下的眾多產品都上線了附帶兒童走失信息的「寶貝回家」公益404頁面。「您訪問的頁面找不回來了！但我們可以一起幫他們回家」的文案、近期走失孩子的照片與信息以及相關聯絡頁面的跳轉按鈕，構成了這些404頁面的主要內容。將這些曾今「被嫌棄」與「閑置」的網絡資源利用起來做公益，既能將浪費的資源充分利用也讓互聯網公司真正為公益盡到了自己切實可行的力量。

不僅騰訊，大到如阿里這樣的互聯網巨頭小到不知名的個人站點，越來越多的網絡科技公司與個人將自己平臺的404頁面貢獻出來加入到這個公益活動中。在廣袤的互聯網世界里，每一次錯誤的訪問都可能因為這個小小設計的加入幫助到一個家庭脫離痛苦。這不是一個會讓人微笑的設計，但在很長時間以來都是讓我最難忘的讓人動心的設計之一。

3.斷網環境下，Google瀏覽器頁面的小恐龍可以打游戲喲

Google Chrome是一款由Google開發的Web瀏覽工具，大氣的界面設計、良好的使用體驗以及強大的插件擴展功能使其受到大量用戶的喜愛。在完善產品功能的同時，Google的設計師們也不忘花費一些「小心思」讓產品更加有趣味性：在瀏覽器出現錯誤或無網的情況下（想試試么？斷開Wi-Fi或者拔下網線看看），我們會看到這只可愛的像素小恐龍。

小恐龍出現時是靜止的，但只要你按下鍵盤的左右鍵這只小恐龍就會跑起來，而操控上下鍵它就能躲避路上的障礙物。當出錯頁面變成可愛的小游戲，原本焦慮不爽的負面情緒好像也就沒那么嚴重了。一旦網絡恢復，瀏覽器會自動刷新到你所要瀏覽的頁面。真的是超貼心的設計了。

4.好的設計是一束光，能夠溫暖冰冷的心

在知乎搜索關鍵字「自殺」并不會直接搜到相關內容，而會彈出一個24小時心理援助熱線的溫馨提示窗口。選擇「了解更多」，則會跳轉至知乎官方發布的《如何調節日常生活中的抑郁情緒》頁面。

在這個社會節奏快生活壓力大的時代，抑郁癥、自殺成了高居不下的社會新聞關鍵詞。知乎在產品設計里考慮到了自殺心理干預的設計，可以說是相當暖心了。這是一個通常不會被發現的細節設計，但在關鍵時刻卻是能溫暖冰冷絕望的心的一束光。

5.當你在「淘寶」的搜索欄，輸入「犀牛角」三個字…

搜索欄除了承載幫助用戶查找信息的功能屬性，其實還能有很多其他的妙用。比如「淘寶」的搜索欄，在我們的印象中就是用來檢索商品與店鋪信息的，但其實它隱藏了舉報非法商品的公益界面。當在「淘寶」搜索諸如「犀牛角」這樣的非法商品關鍵字時，并未出現「查找不到」「無法顯示」等常規的異常搜索結果，而是出現「守護地球，阿里在行動」的公益宣傳頁面。

并且通過此頁面向用戶科普瀕危動物相關的知識與舉報非法商品的方法。又是一個將「閑置」的網絡資源利用起來做公益的好案例，避免了呈現無效信息的同時也為提升大眾的自然保護意識貢獻了力量。

6.這里的音樂能帶我們穿越回舊時光

蝦米音樂的播放界面在手機橫置時，橫屏界面會變成復古卡帶的樣子。雖然如今扁平化設計大行其道，但這里清新風格的卡帶擬物化設計恰如其分地展現了復古情懷，反而讓人眼前一亮。

音樂播放卡帶轉動，音樂暫停卡帶停止，連真實卡帶滾輪里壓帶子的紅線也被完全逼真的模擬出來了，可見設計團隊的用心。就這樣，看著轉動的卡帶聽著歌兒，時間仿佛又回到了美好的舊時光。

7.試過這種不一樣的注冊體驗嗎？每步只做1件事

注冊流程中，愛彼迎將該流程拆分成了4步，每個頁面致力于只做1件事情，不知不覺中減少了用戶的認知負荷，進入界面時鍵盤自動彈起（要啥子鍵盤就給啥子鍵盤喲），減少了用戶操作次數，當App注冊流程出現問題時，產品團隊也可以及時發現定位到哪個步驟出了問題，譬如為什么驗證碼會發送會有延遲呀...

8.微信小程序關閉按鈕的玄機

微信小程序是一種新的開放平臺，開發者可以快速地進行小程序開發并可以在微信內被便捷地獲取與傳播。用完即走無需安裝的特點以及出色的使用體驗使它受到喜愛與廣泛應用。

但你有想過小程序的關閉按鈕為什么要被設計成右上角兩個同心圓的按鈕而不是表意更明確的叉？或許這里面就暗藏玄機。團隊可能是想追求個性讓小程序區別于其他應用，但更主要的原因應該是這個按鈕不僅可以執行「關閉」的操作，也可以左右滑動來打開最近使用過的其他小程序。不用退出就方便跳轉其他小程序是不是很貼心呢?

9.餓了么App「騎手」送餐小動畫背后的心理學，你知道么？

常在辦公室加班用「餓了么」點餐的同學，可能會有過這樣的體驗：由于等餐時間過長而產生不滿情緒，但在看到外賣小哥渾身被淋濕還提著外賣滿臉歉意送達時的樣子又會突然心軟。

其實大多數人都能對外賣小哥的辛苦配送表示理解，尤其在惡劣天氣的情況下會給予更多的體諒與包容。但很多時候，身處室內的我們可能并不清楚室外的天氣情況因而會對送餐情況產生誤解與情緒。

為了緩解因信息不對稱而產生的矛盾，餓了么UED對小哥配送時的天氣與狀態進行了重新設計：你會發現，點餐后顯示「騎手」接單信息的頁面會同時展示送餐時的天氣情況。通過GIF 動畫展現小哥在雨天、狂風天、暴雪天等惡劣天氣里的配送場景，使整個配送過程更加生動形象，也利用同理心對用戶與外賣小哥的關系起到了暖和的作用。

10.好產品是讓用戶停留的時間越長越好么？

通常閱讀類的應用為了給用戶提供更加沉浸的閱讀體驗，會將系統的狀態欄與導航欄隱藏，使內容顯示范圍占屏可以更大，界面也可以更干凈清爽以減少對用戶的視覺干擾。

「輕芒」App為了打造沉浸式閱讀體驗，同樣選擇了隱藏狀態信息。但不同的是，為了避免用戶過于沉迷內容而忘記時間的流逝與手機電量余額，「輕芒」選擇在頁面頂部依舊保留了時間與電量信息的顯示。

搶占用戶的時間對產品而言固然重要，但從用戶角度出發引導其更加合理高效的安排時間同樣重要。

很多產品細節設計，關注優設細節獵人 頻道：http://www.czdes.cn/hunters，每天更新喲！