能用钉疫、好用、愛用巢价,這三個(gè)層次往往被用來(lái)形容互聯(lián)網(wǎng)產(chǎn)品牲阁。能用是基礎(chǔ),說(shuō)明用戶可以通過該產(chǎn)品來(lái)解決實(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)橥ㄖ獧谖恢锰咂滓牵瑔问植僮骱芾щy,操作成本偏高否彩。
毒物疯攒,一個(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è)功能來(lái)搜索定位APP呼巷。如下圖,當(dāng)你喚起搜索時(shí)赎瑰,系統(tǒng)會(huì)幫你保存上次搜索的內(nèi)容王悍,并默認(rèn)全選中。細(xì)想一下這個(gè)設(shè)計(jì)真是太貼心了餐曼,因?yàn)橛脩魡?dòng)搜索压储,存在兩種可能,①繼續(xù)上次的搜索內(nèi)容源譬;②輸入進(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)來(lái)刺激用戶點(diǎn)擊胶惰,這讓很多強(qiáng)迫癥患者很苦惱傻工。QQ提供了一種折中方案,依然用小紅點(diǎn)提醒有未讀消息孵滞,但是允許你輕輕一滑去除小紅點(diǎn)中捆,再也不用一條一條去打開未讀消息列表來(lái)清除小紅點(diǎn)了。大笑三聲:哈哈哈哈~
5.在不打擾用戶的前提下坊饶,提示用戶
手機(jī)驗(yàn)證碼登錄和第三方一鍵登錄泄伪,簡(jiǎn)化了注冊(cè)登錄流程,減低了用戶的操作成本匿级。但是新的問題來(lái)了蟋滴,有些APP我是用微信一鍵登錄的、有些是用微博痘绎、QQ津函、豆瓣、等等孤页。怎么辦尔苦?
有道云筆記,通過懸浮框提示你上次的登錄賬號(hào),輕松解決了這個(gè)問題蕉堰。
有道云筆記
6.將反饋?zhàn)兊糜腥?/b>
當(dāng)頁(yè)面內(nèi)容加載完后凌净,再上滑也滑不出什么。一般的APP做法是允許用戶將頁(yè)面上滑屋讶,松手后頁(yè)面恢復(fù)冰寻。
來(lái)看看same是怎么做的。same在頁(yè)面底部設(shè)計(jì)了一個(gè)尖叫雞皿渗,你上滑的越多斩芭,雞尖叫的越大聲。仿佛在說(shuō)乐疆,神經(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ì)刪掉重新打一行。
搜狗輸入法通過左劃和右劃來(lái)移動(dòng)光標(biāo)的位置诉字,親測(cè)成功率百分之百懦尝。具體做法是,在搜狗輸入法界面上壤圃,左右滑動(dòng)陵霉,來(lái)調(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ì)能為用戶帶來(lái)價(jià)值冗荸,千萬(wàn)不要為了設(shè)計(jì)而設(shè)計(jì)。
如果你也發(fā)現(xiàn)了一些打動(dòng)人心的小設(shè)計(jì)……