這些提升產品體驗的小細節,你注意到了嗎?(06)

0 評論 7330 瀏覽 13 收藏 22 分鐘

編輯導語:對于設計師來說,產品細節是很重要的,好的產品可以在內容不變的情況下,通過細節的處理讓之煥然一新。本文作者通過列舉10個APP,為我們充分的展示了什么是用戶喜歡的好設計,希望看后能夠對你有所幫助。

在UI/UE設計中,我們如何將至關重要的信息有效地傳遞給用戶,這是設計本身的職責。但是絕大多數信息的呈現,我們可以在細節的處理方面帶給用戶驚喜,讓用戶喜歡并完成最終的轉化,通過設計的手段提升產品的可讀性以及可訪問性。

初級與高階設計師的區別,并不是在整體大的布局上有什么差別,通常都體現在產品的細節上,好的產品可以在內容不變的情況下,通過細節的處理讓之煥然一新。

其實除了在細節上下功夫,還可以通過融入品牌基因、簡化交互流程、增加適合用戶的功能等,在規劃前需要思考,自己的產品是否符合這些觸點,不能為了功能或細節上的差異化,產生過度設計,一切都要恰到好處的在用戶需要時,合適的出現。

01 「酷狗音樂」電臺聽書-網頁朗讀助你解放雙眼

1. 產品體驗

體驗酷狗音樂的電臺聽書版塊時,在AI朗讀里,選擇網頁朗讀,把需要收聽的網頁地址復制到對應位置,點擊一鍵朗讀,選擇自己喜歡的主播聲調,即可解放雙眼,輕松愉悅的收聽。

2. 設計思考

酷狗一直是音樂應用里的一匹黑馬,有人直呼:“酷狗功能強,隱藏功能有好多,像運動模式、駕駛模式、白噪音模式、還推出了電臺聽書,連喜馬拉雅都不用打開了”。

的確,酷狗持續走在音樂的前沿,為迎接“耳朵經濟”的崛起,一邊積極布局多元化的音樂內容,一邊加碼在線音頻領域,開辟以泛音樂娛樂為主,泛文化興趣為補充的內容生態。之前,酷狗推出了AI朗讀功能,最近又新增了網頁朗讀,頗受多用戶喜愛。

在酷狗V10.2.5版本中,新增的網頁朗讀功能可以稱得上是黑科技,只需要把我們喜歡的書籍/文章/段子網址粘貼在朗讀功能里,即可一鍵朗讀,還可以調整不同的聲音、倍速,網址不分類別,輕松復制粘貼即可,省時省力省精神。

AI網頁朗讀可以給用戶帶來沉浸感和驚喜感,將視覺轉變為聽覺更加合理簡單,解放用戶的雙眼,提升產品的易用性。

02 「貓乎」空狀態-全屏化的視覺沖擊

1. 產品體驗

進入貓乎APP,空狀態頁面使用場景畫布全屏布局內容,IP形象+趣味化的創意文案,讓人驚喜。

2. 設計思考

空狀態是APP設計中不可或缺的一部分,新用戶初次接觸到產品,必然會面對很多空狀態。另外當用戶處理完所有任務或者進行檢索篩選時,沒有符合的結果,也會出現空狀態頁面,如果處理不好,會帶給用戶焦慮、挫敗、疑惑…的負面情緒。

我們可以通過空狀態頁面告訴用戶當前處于什么位置,暗示用戶如何才能獲得內容并搭建快捷通道,幫助用戶建立預期。

貓乎APP在空狀態頁面是較有創新的,通過場景畫布全屏布局內容,IP形象+趣味化的創意文案非常個性化,有很強的視覺沖擊力,給與用戶多種驚喜。使用IP(貓臉)形象通過恰當的方式強化品牌元素的呈現,帶給用戶情感關懷,同時品牌認知更加明顯。

通過全場景化的設計創意,專業和幽默色彩,創造正面情緒環境,讓用戶更容易記住這個產品,并對之產生一定記憶,在增加品牌價值的同時,還能有效的撫慰用戶焦躁心情,減少負面情緒,并指導用戶,通過引導快速開始操作獲取相關的內容,從而減少了放棄的機會。

03 「微信」消息-語音轉文字更方便

1. 產品體驗

用微信發送語音消息時,按住不放錄制語音消息,往左上方的“X”拖動,取消發送,往右上方的“文”拖動,會把當前的語音轉換成文字,松開手指即可發送文本消息。

2. 設計思考

微信的功能一直都很強大,不是說功能的數量有多少,有多么的高科技,主要是站在用戶的角度考慮,設計出來符合大眾化而且操作難度極低,幾乎沒有學習成本的功能??赡苡泻芏嗟脑O計細節大家沒有注意到,所以微信功能要用過才能體會到微信的好用。

之前有用戶提到過“別人發一堆語音給我,我要一個一個的聽,很費時間,而且很多內容記不住”,然后就就有了語音轉文字功能,為了對信息發送者和接收者都很友好,還專門在菜單欄上線了語音轉文字功能,可以把錄入的語音轉換成文字之后在發送出去,算是雙保險了。

微信APP在最近的版本更新中,又上線了在語音錄制的過程中選擇發送方式,錄制語音消息時,直接松開手指按照語音消息發送,如果將手指往右上方的“文”拖動,當前的語音自動轉換成文字,松開手指即可按文本消息發送,目前支持普通話,粵語和英語,準確率高還支持二次編輯功能,用戶體驗非常好。

04 「蝦米音樂」刷臉聽歌-聽什么?讓臉來決定

1. 產品體驗

從個人中心進入音樂實驗室,點擊刷臉聽歌,將攝像頭對準自己或他人的臉部,拍照之后使用照片,系統會根據用戶的面部表情分析當前的心情,并推薦相關歌曲播放。

2. 設計思考

現階段的音樂APP用戶已經不是以前那種進去就有目標性的聽歌了,很多都是漫無目的的在眾多歌曲中尋找自己所喜歡的音樂,于是乎各種電臺、直播、聽書等功能都在智能化的極力給用戶匹配。刷臉聽歌,是個什么梗,聽起來是不是很有新意?這個有點讓用戶摸不著頭腦的“黑科技”可能也只有在蝦米音樂里能見到了。

蝦米音樂的刷臉聽歌,就是提交自己所拍的照片,系統通過人工智能可以根據用戶的表情來感知情緒,推薦相應的歌曲。其實這個功能出來已久,并不是多么頂尖的高科技,而是用智能的方式為用戶增加一種新鮮的體驗感,在幾乎沒有被同質化的音樂APP里,用“科技感”給品牌增加一些調性,雖然不清楚這個“黑科技”是否被用戶認同,但通過這種差異化+趣味性的方式能給用戶營造新鮮感,增強印象記憶。

(PS:本人撅起嘴拍了一張,歌曲的匹配結果是“處處吻”,笑抽……,這個功能的弊端就是,當心情不好,擺著一張苦瓜臉來識別的歌曲,會讓你聽的懷疑人生……良性/惡性循環,全取決于用戶)

05 「手機淘寶」領券購買-避免錯過優惠

1. 產品體驗

在淘寶商品詳情頁,如果當前有優惠,底部的立即購買變成了領券購買,并提示券后價格,刺激購買欲望。

2. 設計思考

現在的用戶大部分并不是在需要某個商品時才去購買,一有時間(女性居多),就經常活動在各大電商APP瀏覽著形形色色商品,沒準就能看到一件自己喜歡的。

查看各種評論、詳情,再進行比價,然后最讓人心動的應該就是價格了,查找著各種優惠、領券、折扣等,如果價格不滿意,就會添加都購物車,等有活動了再一次性購買(什么618、雙11…就是這樣被成就的)。

淘寶在商品詳情頁,將優惠券直接展示在購物的必經之路“立即購買”按鈕上,即領券購買,在選擇規格彈窗里面也可以看到優惠提示,改變了之前需要提前領券然后再去購買的情況。

將領券和購買合并在一起,除了讓操作路徑更加合理外,也能有效降低用戶因沒有看到優惠而放棄購買,降低下單轉化,同時還能避免用戶因沒有領券而直接購買,造成用戶利益上的損失后而吐槽商品價格過高的問題。

06 「貓耳FM」啟動頁-讓人驚喜的貓叫聲

1. 產品體驗

進入貓耳FM應用經過啟動頁時,會有一只貓形象的動畫過渡,啟動頁伴隨著貓叫聲結束,然后自動進入首頁。

2. 設計思考

當你進入一個PP應用的時候,首先映入眼簾的是它的啟動頁,啟動頁就像是一場預演,用來介紹它是什么、長的什么樣或者是做什么的(主要業務)。

作為第一印象的視覺傳播,畢竟只有2~3秒的時間就會自動消失,太大的信息量,用戶幾乎不會去看,常見的啟動頁大部分都在品牌形象上下功夫,比如logo、IP、主色調、主要業務等多種組合形式。

而表現方式也是層出不窮,有靜態圖片、動態圖片、動畫、視頻等表現方式。但在2~3秒的時間內想讓用戶記住太多的東西幾乎不可能,首先要做的是如何吸引用戶去看,然后才是表現方式以助于用戶形成記憶。

貓耳FM就很特別,進入啟動頁后會有一只貓的IP以動畫的表現方式過渡,同時會有貓叫聲吸引用戶的注意力。常規的啟動頁不管以何種表現方式,都只能通過視覺傳入用戶的大腦,而貓耳FM啟動頁的貓叫聲給用戶帶來的很大的驚喜。

APP啟動頁的植入已是常態,不管那種表現方式,都會因用戶提前做好了心理準備而接受,這種常態對用戶來說,幾乎已經免疫,不會做特別的關注,當一聲貓叫通過聽覺傳入大腦,有可能感到比較突然或者異象,會不自覺的去看上一眼,既做到了差異化,又通過了視覺+聽覺的雙重傳播渠道吸引用戶關注,強化用戶記憶。

07 「波洞」波紋-形成品牌記憶

1. 產品體驗

在體驗波洞APP時,進入首頁、點擊tab欄圖標交互的最后一瞬間,會有一個多彩的波紋效果,直至消失。

2. 設計思考

一個應用如果想讓用戶記住,除了有優質的內容之外,首先做的就是如何抓眼球,否則即使打開了你的應用但沒有吸引的用戶的焦點,用戶可能會隨時離開,再好的內容也是空談。一個APP應用能否成功,其關鍵因素就在于APP應用能否獲得用戶認可,給用戶留下好印象。

波洞APP,在進入首頁或點擊tab欄圖標交互的最后一瞬間,會出現一個多彩的波紋效果,這種通過品牌基因融入的效果,會給用戶形成一個非常獨特而強烈的記憶點。有趣的貼合產品整體的設計概念,產品交互的等待時間就會變得沒那么枯燥了,同個這種細微的體驗設計,不經意間也帶給了用戶驚喜,給用戶留下深刻的印象。

08 「全民K歌」聲動合唱-讓K歌不在寂寞

1. 產品體驗

在全民k歌的歌房,點擊聲動合唱,通過搜索框輸入我們想要合唱的歌名,即可在線實時匹配其他正在苦苦尋找一起合唱的用戶。還可以進行閃電匹配,不過前提是大部分的歌曲都會唱,否則進去了也會選擇逃跑。

2. 設計思考

很多用戶多有K歌的愛好,K歌可以放松心情宣泄情緒、感受音樂的美感、提高唱歌水平、心情好了有利于身體健康等。KTV雖然可以滿足我們的需求,但每次都是一筆不小的費用,況且自己和他人的時間有限,我想應該很少有閑著沒事就一個人跑去KTV自嗨到半夜的人吧。

正是因為這些需求,成就了層出不窮的k歌軟件。全民k歌是一個比較平民化的平臺,可以滿足不同人群的需要,歌曲種類較多,不管是五音不全還是平時膽小的用戶,都可以獨自一人放飛自我,通過各種功能配合自己的聲調,以找回K歌的自信。

全民k歌的聲動合唱功能,讓唱歌不再單調,更多的是有種互動的氛圍,讓用戶找到了線上KTV的感覺,只要是自己想唱的歌曲,都可以通過搜索匹配其他用戶一起合唱,沒有在KTV時的拘謹和羞澀。

合唱是“一種和諧、平衡、完美的音響運動形式”,講究和諧、之間要互相協調統一,但在線上就能完全拋開所謂的規則,尋找自己喜歡的唱歌方式,可以讓對方鼓勵、夸獎、吐槽等。合唱功能不僅能提升自己的歌唱水平,還能讓用戶感受到產品的活潑有趣,更能迎合年輕用戶的喜好,增加用戶粘性。

09 「QQ」清除消息提示-趣味的拖動效果

1. 產品體驗

在清除QQ消息提示的小紅點時,點擊小紅點拖動會有一種難分難舍的分離效果,徹底分離后松手會炸裂。

2. 設計思考

QQ上的小紅點消息提示(包括小灰點),大部分用戶都難以忍受,時刻都在勾引起點擊的欲望,對于很多無關緊要的消息,并不想每個都點開看一遍,就會使用清除操作。大多數應用最常規的就是選中后通過編輯操作清除,或者使用一鍵清除,但針對只需要清除部分紅點提示的用戶,就需要去頻繁的去通過特定操作便捷性的清除了。

QQ清除小紅點消息提示算是一大亮點了,通過點擊小紅點長按拖動,紅點會用一種藕斷絲連的感覺,在尚未完全跟原位置分離是松手,就會還原,完全分離后松手會有一個炸開的動效,非常有趣,在較少操作步驟的同時,有能通過擬人化的心理貼合整體的設計概念,通過情感化反饋用戶行為,為交互行為增加了趣味性。

10 「一零零一」按鈕-無處不在的品牌基因

1. 產品體驗

進入一零零一APP,隨處可見的品牌基因,比如按鈕、導航的下劃線、卡片模塊等都有一個厚度,這種樣式源自于一零零一的IP形象~趴在地洞口的貓,即地洞口的邊緣厚度。

2. 設計思考

品牌基因其實就是品牌的DNA,它包括品牌核心價值和品牌個性,不同的品牌基因,是各品牌之間形成差異化的根本原因,無一例外。成功的延用品牌基因在產品不同場景中讓用戶眼前一亮,一眼就能看出這是你的產品。

在互聯網產品設計越來越同質化的今天,做出有自己品牌調性和差異化的產品,是每個設計師要面對的挑戰,無論是按鈕、插畫、圖標還是其他元素,只要注入了品牌基因的產品就等于有了靈魂。

一零零一APP,品牌基因可以說是融入的非常好。首先主色調幾乎大面積的用到了每個頁面,黃色色調并不十分有魅力,但其明亮和愉快的特質能向潛在用戶傳遞著溫暖和樂觀,主色調代表著APP的整體色彩傾向,大面積的使用可以加深品牌印象與品牌感。

其次大部分的主操作按鈕、卡片下方都疊加了一層厚度,頂部導航的下劃線也使用了橢圓形的樣式。而一零零一IP形象正是一只趴在洞口邊緣的貓咪,并且洞口邊緣都帶了一定的厚度,那些元素的樣式正是繼承了這一品牌基因的特性,也跟其他應用做到了差異化,讓用戶更容易記住這款產品,并對之產生一定情緒記憶,用品牌基因以推動產品在用戶心中所產生價值。

本期產品細節分享結束,我們下期再見。

#相關閱讀#

這些提升產品體驗的小細節,你注意到了嗎?(04)

這些提升產品體驗的小細節,你注意到了嗎?(05)

 

作者:大漠飛鷹;公眾號:能量眼球

本文由 @大漠飛鷹 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自?Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!