這些提升產品體驗的小細節,你注意到了嗎?(07)
編輯導語:設計師往往會賦予產品一些人性化的小設計,有些產品的小細節用戶在使用的過程中注意到了,并且深得消費者的青睞,而有些則被忽略了。本文作者通過日常的使用、思考與總結,為我們分享了一些既能美化界面,又能提升用戶體驗感的小設計,希望能對你的設計提供一些思路。
作為設計師,我們時時刻刻都在和各種應用打交道,在體驗的過程中,其實里面有很多小揪揪需要深挖和思考,所以千萬不能小瞧它。
很多產品細節的背后都是為了更多新用戶的加入、瀏覽、留存、付費/轉化等,以最終達到對用戶服務/體驗的提升、內容生產者的利益以及企業自身的商業化。
一、「微信」文本輸入-智能匹配表情
1. 產品體驗
在微信聊天的文本框輸入文字時,系統會根據文字的含義在已添加的表情專輯里智能篩選與文字含義相近的表情包,點擊即可直接發送。
2. 設計思考
微信作為最主流的社交軟件,算是人人必備了——下至剛會走路的孩子、上至80歲的老人,而微信最大的作用就是聊天(花樣多的就不提了)。
相信有很多用戶在微信的工具欄都添加了很多的表情包專輯,平時可以用來聊天、斗圖、簡單的文字替代等,但因添加太多,很多時候無法在短時間找到與想發送的文字含義相近的表情包。
微信聊天打字時,系統會自動匹配與文字含義相近的表情包,這個功能雖然出來已久,但存在的意義絕不是表面上看到的“方便”這點作用。比如:
- 有時為了不想打字,可以直接回個表情包,簡單明了;
- 衍生跟文字相近的含義,表情包可以用來增強語氣,對文字進行補充說明;
- 相對于冷冰冰沒有溫度的文字相比,表情包更貼近用戶的心理模型,產生趣味性、同理心等作用。
- 難以啟齒或者羞于開口的文字,可以通過表情包的方式表達,以玩味的方式避免造成交流過程的不愉快
- ……
表情包正是有了這些作用,方能襯托出“打字時自動匹配表情”的重要性,在使用過程中操作更加便捷,尤其是添加太多的表情專輯,再也不用花時間去苦苦尋找合適表情包了。
自動匹配這一功能給用戶帶來愉悅的體驗,增強使用頻率及用戶粘性。
二、「波洞」頂部導航-下劃線的巧妙過渡
1. 產品體驗
在體驗波洞APP時,所有帶頂部導航欄的頁面,在切換導航時,標題的下劃線以聲波的異形樣式平滑過渡切換。
2. 設計思考
一個APP的頂部標簽式導航,其作用僅次于底部標簽欄的導航,類似于一個主要頁面的模塊分類;當類型較多又不是太多時候,采用頂部標簽導航是最合適的辦法,不僅容易吸引用戶去操作,還可以通過左右滑動的方式作全視化的展示,傳達更多信息。
波洞APP也采用了這種大眾化的頂部標簽帶下劃線的導航樣式,但最引人注目的是切換時過渡的樣式。
在切換導航時,標題的下劃線以聲波的異形樣式平滑過渡切換,就像一條蠕動的蟲子,通過這種樣式做到差異化,略帶趣味性增加用戶使用時的操作頻率。
通過聲波樣式的品牌元素作為下劃線的過渡,可以讓用戶在操作的過程中產生更深刻的印象,其記住的就是品牌的本身。
三、「躺平」品牌元素-融入用戶心理模型
1. 產品體驗
躺平APP從桌面啟動圖標開始,到啟動頁,再到各頁面的扁平形象、空狀態、系統頭像等,都完美融合了用戶的心理模型及品牌元素,讓用戶印象深刻。
2. 設計思考
大部分APP應用都融入了品牌基因,但基本上都是為了宣傳推廣、讓用戶記住或表現自己而強行注水,往往忽略了產品本身給用戶帶來的體驗以及產生的商業價值。
就像一個人有著華麗的外表而失去了靈魂,最終產生的結果跟企業的預期相差甚遠。
躺平APP在品牌元素融入這一塊,做的算是出類拔萃的了,桌面圖標、啟動頁、系統元素及空頁面,都是根據用戶的心理模以元素視覺化的形式展示給用戶,更貼近真實環境,用圖形提前表達出心理感受,讓用戶產生心理變化以增加情緒記憶。
比如:讓用戶熟悉的單詞、短語和概念進行圖形化,而不是系統導向的術語,通過圖形描述來遵循現實世界的約定,使信息以自然且合乎邏輯的順序出現,給用戶更加直觀的感受,活潑有趣且讓用戶過目不忘。
四、「京東」新增地址-訪問剪切板并帶入地址信息
1. 產品體驗
在京東APP新建收貨人信息時,進入該頁面,系統自動訪問剪切板,如果有復制過跟地址類型相似的信息,會通過彈窗提示確認信息內容,點擊立即粘貼,系統自動分離信息類型并錄入至對應的表單輸入框,非常實用。
2. 設計思考
在我們使用的眾多電商APP里面,其中有大部分都錄入過地址信息,除了給自己買商品之外,有時還可能幫別人買或者買來送人。
關于收貨地址,最常見的方式就是別人通過QQ或微信把收貨地址發給我們,然后我們自己在APP里新增地址;但針對這么多種類的信息,很難做到一次性記住。
就需要在添加地址的APP與收信息的APP來回切換,最終完成地址的錄入,其中有部分設備較為老舊,在多個應用切換時,還會出現應用自動結束進程或者閃退的現象,一言難盡。
京東APP在添加用戶收貨地址時,就免去了這個苦惱,只需要把地址信息復制,進入新建收貨人頁面,系統會自動訪問剪切板并通過彈出顯示已復制的信息內容,粘貼即可自動區分信息類型,自動錄入到對應的表單輸入框。
如果有誤修改即可,讓新增地址變的更加簡單,大幅度的提升了操作效率,節約時間成本。
五、「淘寶」查看物流-地圖運輸軌跡帶來心理安慰
1. 產品體驗
在淘寶待收貨的訂單里,查看物流時,將物流的文字區域下拉,即可看到地圖上車輛的運輸軌跡信息。
2. 設計思考
我們在電商應用里買到心儀的商品之后,最關心的應該就是物流信息了。從下單開始,時不時就會去看上一遍,有很多用戶并不是因為急用,而是想快速體驗收到商品之后的心理滿足感。
但往往事與愿違,當我們看了十幾遍之后,心里會更加的焦慮。
在淘寶APP查看訂單物流時,下滑頁面將文字信息拖到底部,即可看到地圖上物流車輛的運動軌跡,比起蒼白無力的文字信息相比,會有一種商品離自己越來越近的真實感,帶給用戶一種心理上的安慰。
另外地圖軌跡的信息更新較為延后,是因為商品到達一個站點,工作人員需要通過手動錄入信息變更狀態后,地圖軌跡才會更新。
因快遞公司經常都是大批量的操作,等很多快件到了之后一起更新,所以先前到的快件需要很久之后才能看到地圖上的更新軌跡,雖然相比真實信息較為延后,但很有可能會降低用戶的時間預期而帶來意外驚喜。
說到意外驚喜,可能有人不理解或者不認同,下面我舉個例子:
我們在某電商平臺購物,商家說2天就能收到商品,但過了3天才收到,這時候就會不淡定了,差評、抱怨、投訴滿天飛;但如果商家說4天才能收到商品,我們可能去別的店看或者隨便抱怨幾句就下單了,同樣是過了3天就收到商品,這時心情一定是激動的,服務好、物流快就成了當時心情的代名詞,這個就是意外驚喜。
同樣的道理,淘寶物流地圖上的軌跡信息相對延后,很可能地圖上顯示快遞還在隔壁城市,但下一分鐘就收到派件電話,說已經到樓下了,這時候的你可能不激動嗎?
六、「騰訊地圖」導航車標-超趣味的主題切換
1. 產品體驗
使用騰訊地圖導航時,點擊車標即可選擇自己喜歡的主題,下載使用后,地圖上原來的車標就會變成自己喜歡的形象,滑稽有趣。
2. 設計思考
幾乎每個年輕用戶的手機里都裝有地圖應用,無論是出門自駕、騎行、步行或者地點查詢,都會打開地圖應用。常規的地圖功能都可以滿足用戶的需求,但有哪些比較好的細節可以增加用戶的粘性呢?
騰訊地圖相比某德地圖,雖然用戶體量小了很多,但通過創新的設計加上原有各渠道的推廣,依然有大量的用戶使用。
騰訊地圖APP通過趣味化的方式在導航車標上加入了各種主題,通過下載自己喜歡的主題切換后,地圖上原來的車標就會變成自己喜歡的形象。
眾所周知,騰訊游戲是整個行業中不可逾越的一座大山,在眾多主題里,「和平精英」、「王者榮耀」的形象就是用戶最熟悉的。
用戶可以選擇游戲人物角色、摩托車、卡丁車等作為地圖導航中的車標??梢韵胂螅T車摩托車、安吉拉用著疾跑、開著卡丁車在地圖上狂奔是一種什么樣的感覺。
騰訊團隊通過整合各種現有資源作為主題,給用戶創造了既然趣味又個性化的體驗,帶給用戶驚喜以增強用戶粘性。開車疲倦時,導航換個“吃雞”人物形象,有沒有感覺精神抖擻、到了服務區要來兩把的沖動。
七、「騰訊動漫」取消收藏-有那么容易取消成功嗎?
1. 產品體驗
體驗騰訊動漫APP,針對喜歡的動漫點擊收藏時,會從頂部向下彈出成功收藏提示的毛玻璃效果。取消收藏,系統會彈窗提示,并結合情感化的挑逗文案挽留用戶放棄當前操作。
2. 設計思考
收藏(關注、喜歡)是每個用戶都操作過的,也是每個應用最常見的功能了,雖然各種應用屢見不鮮,但收藏的交互樣式就那么回事,常用的就是點擊“收藏成功”、再點擊“取消收藏”的toast樣式。
騰訊動漫APP的收藏交互就與眾不同了:點擊收藏時,會從頂部向下彈出成功收藏提示,這也符合用戶從上到下、從左到右的常規視覺瀏覽習慣,將操作結果反饋讓用戶第一時間發現。
取消收藏時,系統會彈窗提示,并結合挑逗性質的文案在極力挽留用戶放棄操作;相對之前常規的點擊就立即取消成功的方式,這種彈窗式的二次操作一定能起到挽留效果,就好比挽留失敗則沒有損失,因為用戶來就是要取消收藏的;萬一挽留成功,就達到了自己的目的。
另外用戶的主要操作動機為“取消收藏”,而騰訊動漫的彈窗將主要動機降為次級,而“繼續收藏”上升到主操作,容易讓用戶產生誤判,在操作速度較快的情況下,用戶快速的點擊了主操作按鈕,以為成功取消收藏了,其實根本沒有操作成功,相當于變相的阻止了用戶的操作。
這時候有些用戶可能會吐槽,誤導用戶的行為不太友好,其實不難理解。
記得之前,我下載了一款“xxx”名字的PC端軟件,后面在卸載的時候,反反復復出現了5個挽留的彈窗,誤導的方式讓我很煩,于是我下定決心,再好用也要把它卸載掉。
站在企業的角度可以這樣解釋:你把我上完了就想拋棄我,我挽留了幾次都不行,你還有資格怪我不友好么?
八、「支付寶」螞蟻森林-捷徑之道逛一逛
1. 產品體驗
使用支付號螞蟻森林的逛一逛,可以快速跳轉至有能量可收取的朋友的螞蟻森林頁面,待全部收取后,繼續同樣的操作,直至支付寶所有朋友的螞蟻森林沒有能量可收取為止。
2. 設計思考
10年前,很多用戶每天早上醒來的第一件事就是進入QQ農場偷菜,幾年后回想起來感覺是那么的幼稚;可10年后,依然有很多用戶早上醒來的第一件事還是拿起手機,不過這回不是偷菜了,而是進入螞蟻森林收取能量。
螞蟻森林作為公益類型的一款小游戲,讓很多用戶的參與都感覺到為公益出了一份力的成就感,深得人心。
最近在玩螞蟻森林時,發現右下角多了一個“逛一逛”的按鈕,點擊可快速跳轉至朋友的螞蟻森林頁面(前提是有能量可收?。?,能量收取完成后,繼續反復相同的操作,直至沒有可收取的能量為止,非常方便。
之前收取能量,需要單獨點擊螞蟻森林里的朋友列表進入,操作完成后返回再換個朋友,反復操作,“逛一逛”功能入口的上線,簡化了之前需要挨個重復點擊去收取能量的復雜操作,讓收取能量變得更高效便捷,節省了很多時間。
九、「支付寶」Tab欄-隱藏的圖標小秘密
1. 產品體驗
進入淘寶APP,底部標簽欄的的首頁圖標為品牌logo,頁面上滑至一屏內容的1.5倍時,首頁圖標變成了小火箭,點擊可直接回到頂部。
2. 設計思考
我們在使用過的應用里面,至少有80%的APP都有底部Tab欄,分為幾個大的模塊。
眾所周知,有很多大企業在APP應用停留在首頁時,就把logo作為底部Tab欄的首頁圖標使用,進入Tab其他功能后,logo換成了首頁的圖標樣式,相當于起到了雙重作用,即能當做模塊入口使用,還可以進行品牌傳播。
淘寶APP就是其中的一個例子,不過產品團隊似乎并不滿足現有的雙重功能,還在挖掘更多價值以及提升用戶體驗。
淘寶APP在Tab欄首頁圖標的第三個功能就是“回到頂部”,頁面上滑至一屏內容的1.5倍時,首頁圖標變成了小火箭,點擊可直接回到頂部。
其實在淘寶之前,也有少數的APP有這個操作,不過都是隱藏性質的,還有iPhone手機直接點擊狀態欄也可以回到頂部,但淘寶的用戶體驗的確要好很多:
- 通過上滑后自動更換圖標,明確的視覺提示,能夠節省用戶思考時間,通過視覺傳達快速一目了然;
- 放在底部Tab欄,離大拇指很近,縮短了手指與設備操作之間的距離,更易于操作,提升便捷性。
十、「自如」功能icon-充滿神秘氣息的輕量漸變
1. 產品體驗
進入自如APP首頁,節奏緩慢且過渡自然柔和的金剛區輕量漸變icon,透漏著時尚且神秘的氛圍,同時瓷片區的卡片通過輕量漸變的色彩搭配也兼具美感。
2. 設計思考
一個APP首頁是應用的核心部分,擔當著對用戶的吸引力及轉化,與企業的效益有著直接的關系。
一個產品團隊都會在首頁下很大的功夫,不管是用戶還是設計師,所看到的各種各樣、層出不窮的首頁設計風格及樣式,時間一久就會視覺疲勞。
自如APP首頁的視覺風格在同行業中算是與眾不同了,尤其是金剛區icon(其他頁面部分icon、插畫)通過扁平化的輕量漸變,營造出一種舒緩、治愈的沉浸感;同時輕量漸變也是當下非常流行的色彩搭配,使整體色彩統一且不失豐富,透漏著時尚且神秘的氛圍。
還可以減輕用戶的視覺負擔,不僅能美化界面,還可以起到強調、醒目的作用,讓用戶產生一種想掌控的欲望,增加點擊率。
本期產品細節分享結束,我們下期再見。
作者:大漠飛鷹;公眾號:能量眼球
本文由 @大漠飛鷹 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自 Pexels,基于 CC0 協議
第一個不是微信的功能,是搜狗輸入法的功能
看錯了,忽略