APP設(shè)計:那些打動人心的設(shè)計點(一)

2 評論 36231 瀏覽 358 收藏 9 分鐘

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

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

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

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

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

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

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

QQ郵箱

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

用iPhone的人都知道,iPhone有個很貼心的功能,即點擊通知欄,就可以將頁面的內(nèi)容回到第一屏,我是這個功能的重度用戶。但是這里有個痛點,因為通知欄位置太高,單手操作很困難,操作成本偏高。

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

毒物APP

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

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

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

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

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

iPhone全局搜索

4. 解救強迫癥的滑動去除小紅點

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

QQ

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

手機驗證碼登錄和第三方一鍵登錄,簡化了注冊登錄流程,減低了用戶的操作成本。但是新的問題來了,有些APP我是用微信一鍵登錄的、有些是用微博、QQ、豆瓣、等等。怎么辦?

有道云筆記,通過懸浮框提示你上次的登錄賬號,輕松解決了這個問題。

有道云筆記

6. 將反饋變得有趣

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

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

same

7. 用滑動代替點擊

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

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

搜狗輸入法

8. 隨機獎勵

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

因為獎勵是隨即的,用戶不知道什么時候會獲得獎勵,讓人有種莫名其妙得了好處的感覺。會加深對產(chǎn)品的影響,并提高好感。

得到

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

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

相關(guān)閱讀

《APP設(shè)計:那些打動人心的設(shè)計點(二)》

#專欄作家#

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前也在做一款A(yù)PP,學(xué)習(xí)中,受教了!

    來自浙江 回復(fù)
  2. 第2點,安卓手機中,在開啟搜索欄后,已經(jīng)有了最近搜索的記錄標(biāo)簽,點擊也很方便啊

    來自廣東 回復(fù)