打造用戶喜歡的產(chǎn)品，讓產(chǎn)品從能用、好用到愛用，是每個(gè)互聯(lián)網(wǎng)從業(yè)者的使命，為你的APP增添一些打動(dòng)人心的小設(shè)計(jì)，不失為一個(gè)好辦法。當(dāng)然，前提是該設(shè)計(jì)能為用戶帶來價(jià)值，千萬(wàn)不要為了設(shè)計(jì)而設(shè)計(jì)。

你好，這是2017年的第三篇文章。

能用、好用、愛用，這三個(gè)層次往往被用來形容互聯(lián)網(wǎng)產(chǎn)品。能用是基礎(chǔ)，說明用戶可以通過該產(chǎn)品來解決實(shí)際問題；好用是每個(gè)互聯(lián)網(wǎng)從業(yè)者都在追求的，讓用戶在使用產(chǎn)品過程中更省心省力，不會(huì)出現(xiàn)焦慮或不耐煩；而能做到第三個(gè)階段愛用的公司和產(chǎn)品屈指可數(shù)。

在最近使用APP時(shí)，我關(guān)注了一些打動(dòng)人心的APP設(shè)計(jì)，很小的設(shè)計(jì)點(diǎn)，但是走心。介紹給你，希望對(duì)你有所啟發(fā)。

1. 把發(fā)郵件變成一次紙飛機(jī)的飛行

QQ郵箱，每次發(fā)送郵件時(shí)，會(huì)在右上角出現(xiàn)一個(gè)紙飛機(jī)的圖標(biāo)和進(jìn)度條。把發(fā)郵件給的過程暗喻成一次紙飛機(jī)的飛行，增添了不少童趣，加上配套的音效。讓我每次用QQ郵箱發(fā)送郵件時(shí)，都多了那么一點(diǎn)期待。

我們看看常規(guī)的設(shè)計(jì)：把發(fā)送郵件的等待過程，換成不停轉(zhuǎn)動(dòng)的小菊花（加載圖標(biāo)），并配上文案：郵件正在發(fā)送中，請(qǐng)稍后。這樣一對(duì)比，是不是覺得qq郵箱的這個(gè)小設(shè)計(jì)更加打動(dòng)人心？

QQ郵箱

2. 點(diǎn)擊底部標(biāo)簽欄，就可以回到頂部

用iPhone的人都知道，iPhone有個(gè)很貼心的功能，即點(diǎn)擊通知欄，就可以將頁(yè)面的內(nèi)容回到第一屏，我是這個(gè)功能的重度用戶。但是這里有個(gè)痛點(diǎn)，因?yàn)橥ㄖ獧谖恢锰?，單手操作很困難，操作成本偏高。

毒物，一個(gè)導(dǎo)購(gòu)類的APP，產(chǎn)品以內(nèi)容為主。當(dāng)用戶在首頁(yè)向下瀏覽太多屏之后，它的標(biāo)簽欄第一個(gè)圖標(biāo)會(huì)變成倒三角，文案變成了回頂部，單擊后即可回到第一屏。媽媽再也不用擔(dān)心我點(diǎn)擊通知欄回第一屏了?；氐绞醉?yè)常用的做法還有在頁(yè)面右下角出現(xiàn)一個(gè)懸浮icon，單擊可回頂部。

毒物APP

3. 為用戶下一步操作的做設(shè)計(jì)

iPhone有個(gè)功能是下滑調(diào)用全局搜索功能，因?yàn)橄螺d的APP太多，所以我經(jīng)常使用這個(gè)功能來搜索定位APP。如下圖，當(dāng)你喚起搜索時(shí)，系統(tǒng)會(huì)幫你保存上次搜索的內(nèi)容，并默認(rèn)全選中。細(xì)想一下這個(gè)設(shè)計(jì)真是太貼心了，因?yàn)橛脩魡?dòng)搜索，存在兩種可能：

1. 繼續(xù)上次的搜索內(nèi)容；
2. 輸入進(jìn)行新的搜索。

這個(gè)設(shè)計(jì)很好的兼顧了這兩種情況。

同樣為用戶著想的設(shè)計(jì)還有，當(dāng)G-sensor開啟時(shí)，用戶旋轉(zhuǎn)手機(jī)屏幕會(huì)跟著旋轉(zhuǎn)；滴滴打車時(shí)，滴滴會(huì)為你智能推薦終點(diǎn)位置。這種設(shè)計(jì)方式是很重要的一條設(shè)計(jì)原則，我把它稱為“智能化”原則，讓設(shè)計(jì)更智能，真正的為用戶著想

iPhone全局搜索

4. 解救強(qiáng)迫癥的滑動(dòng)去除小紅點(diǎn)

APP都在用小紅點(diǎn)來刺激用戶點(diǎn)擊，這讓很多強(qiáng)迫癥患者很苦惱。QQ提供了一種折中方案，依然用小紅點(diǎn)提醒有未讀消息，但是允許你輕輕一滑去除小紅點(diǎn)，再也不用一條一條去打開未讀消息列表來清除小紅點(diǎn)了。大笑三聲：哈哈哈哈~

QQ

5. 在不打擾用戶的前提下，提示用戶

手機(jī)驗(yàn)證碼登錄和第三方一鍵登錄，簡(jiǎn)化了注冊(cè)登錄流程，減低了用戶的操作成本。但是新的問題來了，有些APP我是用微信一鍵登錄的、有些是用微博、QQ、豆瓣、等等。怎么辦？

有道云筆記，通過懸浮框提示你上次的登錄賬號(hào)，輕松解決了這個(gè)問題。

有道云筆記

6. 將反饋?zhàn)兊糜腥?/h2>

當(dāng)頁(yè)面內(nèi)容加載完后，再上滑也滑不出什么。一般的APP做法是允許用戶將頁(yè)面上滑，松手后頁(yè)面恢復(fù)。

來看看same是怎么做的。same在頁(yè)面底部設(shè)計(jì)了一個(gè)尖叫雞，你上滑的越多，雞尖叫的越大聲。仿佛在說，神經(jīng)病別往上拉了，沒內(nèi)容了。而且線性的圖標(biāo)設(shè)計(jì)也與same整體視覺風(fēng)格保持了一致。

same

7. 用滑動(dòng)代替點(diǎn)擊

給朋友發(fā)信息，發(fā)現(xiàn)中間少打了個(gè)字，常規(guī)做法是用手指選中漏打的區(qū)域，再打上缺少的字。但是由于手指與屏幕接觸區(qū)域過大，而且手指會(huì)部分擋住文字，所以經(jīng)常點(diǎn)了好幾次都不能點(diǎn)準(zhǔn)。這個(gè)時(shí)候很多人會(huì)刪掉重新打一行。

搜狗輸入法通過左劃和右劃來移動(dòng)光標(biāo)的位置，親測(cè)成功率百分之百。具體做法是，在搜狗輸入法界面上，左右滑動(dòng)，來調(diào)節(jié)光標(biāo)的位置。

搜狗輸入法

8. 隨機(jī)獎(jiǎng)勵(lì)

2016年被稱為知識(shí)付費(fèi)元年，得到APP率先一步搶占了用戶心智，產(chǎn)品定位為知識(shí)服務(wù)。用了半年的得到，專欄內(nèi)容很專業(yè)，實(shí)實(shí)在在的干貨。雖然有很多產(chǎn)品設(shè)計(jì)的細(xì)節(jié)有待優(yōu)化，但是隨即獎(jiǎng)勵(lì)這個(gè)設(shè)計(jì)真是值得表?yè)P(yáng)。這其實(shí)是借鑒了游戲的做法，因?yàn)橛螒虍a(chǎn)品為了搶奪你的注意力，費(fèi)盡心思，隨即獎(jiǎng)勵(lì)就是其中一招。

因?yàn)楠?jiǎng)勵(lì)是隨即的，用戶不知道什么時(shí)候會(huì)獲得獎(jiǎng)勵(lì)，讓人有種莫名其妙得了好處的感覺。會(huì)加深對(duì)產(chǎn)品的影響，并提高好感。

得到

打造用戶喜歡的產(chǎn)品，讓產(chǎn)品從能用、好用到愛用，是每個(gè)互聯(lián)網(wǎng)從業(yè)者的使命，為你的APP增添一些打動(dòng)人心的小設(shè)計(jì)，不失為一個(gè)好辦法。當(dāng)然，前提是該設(shè)計(jì)能為用戶帶來價(jià)值，千萬(wàn)不要為了設(shè)計(jì)而設(shè)計(jì)。

如果你也發(fā)現(xiàn)了一些打動(dòng)人心的小設(shè)計(jì)，歡迎給我留言。說不定會(huì)讓更多的人看到你的發(fā)現(xiàn)。

相關(guān)閱讀

《APP設(shè)計(jì)：那些打動(dòng)人心的設(shè)計(jì)點(diǎn)（二）》

#專欄作家#

鄒志楠，微信公眾號(hào)：UE修養(yǎng)，人人都是產(chǎn)品經(jīng)理專欄作家。交互設(shè)計(jì)師，專注于互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。