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

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

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

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

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

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

1. 把發郵件變成一次紙飛機的飛行

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

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

QQ郵箱

2. 點擊底部標簽欄,就可以回到頂部

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

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

毒物APP

3. 為用戶下一步操作的做設計

iPhone有個功能是下滑調用全局搜索功能,因為下載的APP太多,所以我經常使用這個功能來搜索定位APP。如下圖,當你喚起搜索時,系統會幫你保存上次搜索的內容,并默認全選中。細想一下這個設計真是太貼心了,因為用戶啟動搜索,存在兩種可能:

  1. 繼續上次的搜索內容;
  2. 輸入進行新的搜索。

這個設計很好的兼顧了這兩種情況。

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

iPhone全局搜索

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

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

QQ

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

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

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

有道云筆記

6. 將反饋變得有趣

當頁面內容加載完后,再上滑也滑不出什么。一般的APP做法是允許用戶將頁面上滑,松手后頁面恢復。

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

same

7. 用滑動代替點擊

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

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

搜狗輸入法

8. 隨機獎勵

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

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

得到

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

如果你也發現了一些打動人心的小設計,歡迎給我留言。說不定會讓更多的人看到你的發現。

相關閱讀

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

#專欄作家#

鄒志楠,微信公眾號:UE修養,人人都是產品經理專欄作家。交互設計師,專注于互聯網產品設計。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前也在做一款APP,學習中,受教了!

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

    來自廣東 回復