完結篇|2021年最值關注的設計細節30條(摘錄)

10 評論 5884 瀏覽 38 收藏 57 分鐘

編輯導語:本文是產品細節體驗文,總結了30條2021年最值關注的設計細節,包括百度、微信讀書、愛奇藝、美團、釘釘、Keep、叮咚買菜等等許多我們耳熟能詳的產品,一起來看看吧。

一、「百度」為什么把返回按按鈕放在了左下角?

產品體驗:

進入百度APP,頁面中80%以上的返回操作入口都放置在左下角,單手操作手機的用戶觸手可及。

設計思考:

Android智能設備的返回入口其實一直都在屏幕下方,只不過是根據品牌的不同,左右位置不同而已。

根據后來大屏手機的普及,為了節約空間資源,使屏幕最大化的被使用,把原先硬件上的部分操作入口給隱藏了,但一直都存在。設計師都知道,iOS與Android的設計規范存在著差異化,比如返回入口就一直在左上角,雖然也有右滑返回的交互手勢,但畢竟是隱藏的,而且對于部分頁面的左右滑動,只能對tab導航起到作用,基于目前的趨勢,手機的屏幕越來越大,單手操作的靈活性就成了難點。

百度APP的大部分頁面則是把返回按鈕直接從左上角搬到了左下角,被較為激進的用戶稱為反人類的設計,其實并非如此。

大屏幕尺寸已經是趨勢,屏幕大意味著內容可以更大限度地得到展示,將返回按鈕放在左下角能有效的解決的用戶單手操作大屏幕手機操作的難點,更易于操作,提升便捷性。更有效的防止用戶因操作困難而導致手機滑落(碎屏),增加安全系數。

二、「微信讀書」提升操作效率的進度條控制

產品體驗:

打開微信讀書的進度控制條,點擊游標左右滑動,除了頁面內容變化外,進度條上方會顯示當前頁碼/總頁碼,并提示章節及標題;長按游標可單獨對書本的頁碼進行精準化的切換。

設計思考:

讀書就是和世界各個行業的頂級人物進行一對一交流的過程,如果想通過讀書收獲成長,就要靠自己看書、學習、思考,并把知識用到自己的工作和生活中,不斷讓自己做出改變,因此也誕生了很多讀書類型的應用,線上看書不僅能適合多樣化的環境,還能節省經濟成本。

曾經有人感慨,電子書是線性的,而紙質書是立體的,想看前面有聯系的內容就可以隨時返回去再讀,而電子書只能通過目錄和書簽來解決,要經過多次的操作和頁面的跳轉,且書本的內容都是通過數據傳輸、每次都要刷頁面才能看到內容,有可能會打擾用戶看書的思路,相對紙質書籍,看書效率和吸收程度就低了許多。

其實并非全是如此,微信讀書考慮到體驗方面,針對用戶在讀書過程中可能出現的前后頻繁翻頁的問題,在進度條控制細節上做了很多便捷化的設計。

用戶可通過點擊或長按控制條上游標,根據自己的實際需求進行前后長/短距離的滑動,就能輕松滿足自己所需要的頁面轉,并伴隨明顯的小窗文字提醒。此功能相對紙質書籍雖然不能堪稱完美,但足以解決用戶線上讀書時最基本的需求,讓操作流程變的更加簡單,大幅度的提升了操作效率,節約時間成本并提成產品的易用性。

三、「微信」行為預判-提升操作效率

產品體驗:

我們在手機的其他界面發生截圖行為時,打開微信對話框的工具欄,系統會把剛剛截取的圖片以縮略圖的方式展示在右側,暗示詢問用戶是否有發送此圖片的需求,幾秒后會自動消失。

設計思考:

我們不管使用何種應用,在交流過程中有發送圖片的需求時,除了應用本身提供的圖片之外,其他都繞不開系統相冊功能。如若深究用戶體驗,進入相冊的操作路徑是可以減少的。

從微信對話框頁面打開工具欄,如在相近的時間內系統檢測到有截屏行為時,會把剛剛截取的圖片以縮略圖的方式展示在屏幕右側,點擊即可發送,通過行為感知并幫助用戶解決可能有發送此圖片的需求,提前預判用戶的操作,以提升選擇效率。

若無此需求,幾秒后自動消失,絲毫不影響用戶的其他操作。

四、「微博」行為預判-有效提高評論的完成效率

產品體驗:

當我們在微博列表中的某條信息處停留5秒并無任何操作時,此條微博下方會自動彈出評論框,系統通過行為預判感知用戶對該內容感興趣,引導用戶去發表自己的想法。

設計思考:

評論在很多應用中都有著舉足輕重的作用,尤其像微博這樣的大型并開放式的信息平臺,更有著弘揚先進的思想和精神,揭露和抨擊腐敗現象及不正之風,對各種不良現象形成強大的輿論壓力,實現有效的監督。

即便是網絡水軍、鍵盤俠(惡意重傷除外,畢竟大部分用戶還是理性的“噴子”),當風聲一邊倒時,都會逐漸走向真理化。在我們所接觸的應用中,評論操作的方式都是通過用戶的手動觸發。

微博編輯評論除了用戶手動觸發之外,其還有一種非常人性化的系統感知觸發。當用戶在列表中的停留5秒且沒有任何操作時,系統通過行為預判感知用戶可能對這條信息感興趣,即自動彈出評論框,引導用戶操作,能增加產品跟用戶之間的交流互動。

微博的行為預判是引導用戶、縮短用戶行為路徑的有效設計手段,在用戶沒有作出行動觸發的情況下進行理解用戶可能會出現的操作行為,減少冗余步驟,簡化操作流程,運用最少的路徑和行為來達成用戶目標,有效提高評論的完成效率。

五、「愛奇藝」導航標題字-貼心的界面環境適配

產品體驗:

愛奇藝首頁頂部導航切換時,主題背景跟隨切換后,標簽文字也使用跟主題背景相近的色值,讓視覺更柔和。

設計思考:

在我們用過大多數的APP中,常見的大標題都是主題色、深色或白色,所以在不同的背景色環境中顯示,視覺的舒適度總是沒有那么高,也驗證了一句話“合格的設計千篇一律,優秀的設計百里挑一”。

愛奇藝首頁頂部導航切換時,其標簽文字的色值會跟隨主題色一起切換,讓文本逐步接近背景色,視覺上更加柔和,相比常規性的“千篇一律”舒適度更高,提升了視覺體驗,還能起到降低視覺疲勞、保護眼睛的作用。這是一個很容易被設計師忽視的好功能,可以看出來,愛奇藝的團隊對界面環境體驗的考量是很貼心的。

六、「網易云音樂」遇見陌生人-聽歌交友

產品體驗:

使用網易云音樂的一起聽功能,除了能分享給好友外,還可以選擇“遇見陌生人”,系統自動匹配興趣相投的陌生人并添加進來一起聽歌。

設計思考:

自網易云音樂“一起聽”上線以來,深受廣大用戶的好評,原來聽著寂寞的歌曲并不會寂寞。基于不同的需求,心情不好時,邀請閨蜜一起聽;有新歌發行時,邀興趣相投的好友一起聽…..,但是,并非每次都那么方便,需要好友資源、相同時間、同一個音樂應用等諸多條件,有時候邀請發出去之后,收到的只有尷尬。

網易云音樂的一起聽最新版本上線了“遇見陌生人”功能,這個功能能夠讓兩個彼此之間不認識的人同時收聽一首歌曲,對于有很多心事的人而言,這的確是一個可以讓你袒露心聲的好機會。和陌生人一起聽歌,還能通過聽歌來交友,實現了更多有趣的交流模式,讓用戶在聽歌的過程中找到志同道合的好友,不得不說,這個功能真的很貼心。

七、「百度地圖」出行前的“極端”天氣預報

產品體驗:

使用百度地圖,導航路線規劃后,會出現當日的天氣提醒,點擊進入即可查看每個時段的天氣預報。

設計思考:

“賭博看運氣,出行看天氣”,任何時候,大家如果優先知道天氣情況就可以提前做好準備,這對人們的生活方便起到很大的作用。尤其是出行,天氣的變化是影響我們是否攜帶雨傘、交通工具選擇、保暖問題的重要因素,所以提前預知天氣的重要性可想而知。

使用百度地圖APP,導航路線規劃后,出行方式的下方會提示最近可能影響到出行問題的天氣變化,便于用戶選擇更合理的出行方式及交通工具,避免受到惡劣天氣變化的影響。還可以通過點擊進入,查看每個小時的天氣詳情,對于時間不是很敏感的用戶來說,為了錯開惡劣的天氣,提前或延遲出行也是一種不錯的選擇。

八、「訊飛輸入法」雙重輸入方式-提升產品易用性

產品體驗:

在訊飛輸入法的鍵盤打字輸入狀態下,也可同時使用手寫輸入方式,便于用戶有切換輸入需求時免去手動操作。

設計思考:

在我們使用的移動通訊設備中,輸入法是避不開一個軟件,不管是內置還是自行下載,隨時都會使用。不知大家有沒有碰到過這種情況,在打字時突然忘了拼音、手寫時突然不會寫,遇到這種卡殼情況只能通過在鍵盤設置中頻繁更改輸入方式,真的很麻煩。

訊飛輸入法在用戶打字輸入的情況下,考慮到了可能會有手寫輸入的需求,增加了在鍵盤可控的范圍內同時可手寫輸入,方便用戶在最短的時間內無成本更換場景需求,無需多余的操作便可達到目標,將操作流程和路徑都進行了簡化,降低產品的使用難度,增加易用性。

九、「支付寶」搜索“在嗎”被刷屏背后的隱情

產品體驗:

打開支付寶搜索框,搜索“在嗎”,會跳轉到一個較為溫馨的畫面,匹配一首與戀愛或失戀相關的歌曲自動播放,并以對話的方式陸續出現對應的文案,還能將歌曲分享給他人。

設計思考:

支付寶不僅改變了我們的支付方式,還包括衣食住行等,不過給我印象最深的莫過于支付和理財了。其實還有很多功能給我們帶來精神上的滿足感,比如螞蟻森林/莊園以游戲的形式促進公益發展并帶給自自己的榮耀心理,除此之外,還有很多用戶不知道的彩蛋,就如前段時間被莫名刷屏的“在嗎”到底是個什么梗?

情人節前夕,支付寶聯合口袋鈴聲上線新玩法,通過搜索“在嗎”,即可跳轉至口袋鈴聲推送的情歌頁面,且不同用戶、不同時間搜出來的歌曲也不不同,還可生成成浪漫信件分享給心中的那個TA,通過情感化的方式聽完或分享一首情歌來溫暖自己的心。

或許:有時候想跟人說說話,卻不知道說些什么,用歌聲代表你的心,也許就是最好的回答。此外,支付寶用這種情感互動的交流方式,也不排除是為之前一直不是很成功的社交領域埋下種子。

十、「微信」群內發專屬紅包-沒有“中間商”

產品體驗:

如果在微信群需要給指定的成員發紅包,點擊左上角的類型選擇“專屬紅包”,紅包發出后只有被指定的人才能成功領取,能有效防止被冒領的可能性。

設計思考:

大部分微信用戶都存在多個群聊,因為用戶量的龐大,我們不可能將群里的所有人都加為好友,但因特殊原因需要把紅包發給群里的指定成員,當紅包發出后發現被冒領了,經過自己的一番游說,冒領的用戶(A-B-C-……N)輪番多次退會,最終才到指定的用戶手中,真心不容易啊,收個紅包,簡直比“20世紀的郵政”還要慢。

還有很多用戶不知道微信的專屬紅包功能,其實早已解決了這個問題。通過發專屬紅包,在微信群里快速的將紅包發給指定的群員,有效避免被冒領而耽誤太多時間和不必要的溝通,還能防止陌生人領取紅包后立即退群導致金額無法追回,給自己帶來經濟損失。

十一、「釘釘」tab欄里藏乾坤-上滑展示更多功能入口

產品體驗:

按住釘釘底部標簽欄的控制條上滑,會彈出更多的功能入口,點擊直接進入對應的功能頁,非常方便。

設計思考:

標簽欄(Tab Bar)在界面設計中是繞不開的一個話題,一般通過文字、圖標、底板等元素組合,運用不同的方式表達出不一樣的設計效果,但不管用哪種表現方式,其宗旨都是設計一個視覺美觀、反饋清晰的Tab標簽欄,來傳達產品想表達的、用戶期望的信息。?底部導航入口的數量由認知心理學決定?7-2(也就是5)作為導航入口的最高數值,大多數產品也都遵循了這一個原則。

釘釘Tab欄也遵循了最大限度5個功能入口的原則,但規則是死的、大腦是靈活的。將Tab欄的控制條上滑,不影響原有功能使用的情況下,在原有功能下方加入了更多的功能入口,以縮短原有操作路徑的方式,使用戶更快進入到想要使用的功能,讓操作更為便捷。

1十二、「喜茶」顯示制作中的單/杯量-給用戶更多選擇

產品體驗:

在喜茶APP的門店列表頁,會明確提示當前店鋪正在進行中的訂單/杯數,方便趕趕時間的用戶選擇合適的門店以縮短等待時間,也同時滿足炫耀感、從眾心理較強的用戶在異常火爆(單/杯數量大)的店鋪進行“打卡”。

設計思考:

在忙碌了半天的工作中,突然想來杯奶茶放松放松,自己出去幾乎不可能,就只能通過一些平臺下單,然后就進入漫長的等待之中,過了好久打電話詢問卻被告知因太多人排隊還沒開始做,這時除了·#¥%~·#¥…外,就只能換一家了,然后繼續等待……

喜茶APP在門店列表頁顯示了正在制作中的單/杯量,雖然無法解決用戶等待時間的問題,但通過明確的提示給予用戶更多選擇,特別是計較時間的用戶,可選擇單/杯制作中數量較少的店鋪,以節省更多的時間。

其中也不乏一些用戶會去專門挑選爆單的店鋪,因受從眾心理的驅使,感性的認為單量越大、服務越好、味道就越好的理解,也為了滿足自己的品質生活,等不等待不重要,就算是為了朋友圈“打卡”也要整一杯,固門店列表的數據提醒,不管是針對哪種用戶,實用性都是顯而易見的。

十三、「叮咚買菜」小蔥免費送-還要考慮嗎?

產品體驗:

在叮咚買菜的購物車中,選擇好食材后,結算上方會彈出“是否需要免費小蔥”,如需要,則會在購物車中自動添加免費的小蔥商品,利用贈送的方式促進用戶下單。

設計思考:

路過水果攤時,經常會聽到老板說“來,免費嘗一下,不好吃不要錢”,這時,只要有點購買動機的人都會嘗一下,哪怕動機不是那么的強烈。待嘗過之后,基于互惠原則以及面子心理,好吃多買點,不好吃少買點,且商家把用戶的這種心理也是拿捏的死死的,當你試吃時,老板已經給你撐開了塑料袋,更有甚者已經給你裝袋了。

其實,線上也是如此,看見免費的東西都會毫不猶豫的加入購物車,不管有沒有用,這份便宜LAOZI占定了,于是順便也將捆綁消費的商品給下單了。

在叮咚買菜購物車結算前,系統會彈出“是否需要免費小蔥”來促進用戶下單。

其一,考慮到趨利避害是人們的一種本能,對于“免費的東西不拿就是一種損失”的想法,用戶的購買行為從產生到強烈,且小蔥本就是用量極小的調味品,很少有用戶專門對小蔥下單,此時看到免費小蔥,會毫不猶豫的加入購物車;

其二,當這種突發性事件(免費送小蔥)占據了用戶大量的思考空間時,基本會短暫性忘記去其他店鋪/平臺對比價格和優惠力度,直接下單購買了。利用人們損失厭惡的心理與打折、滿減等相比,其作用更大,打折只會讓用戶找到一個能說服自己的理由認為理應優惠,而免費送則有一種買到就是賺到的錯覺,更能提高轉化率。

十四、「騰訊視頻」只看TA-滿足“追星”用戶沉浸式體驗

產品體驗:

在騰訊視頻橫屏觀看影片時,點擊“只看TA”,選擇只想看到的明星片段,后續在看片過程中,系統會自動屏蔽與該明星無關的片段。

設計思考:

所謂“蘿卜青菜、各有所愛”,針對喜歡追劇/看片的人群,其目的是各不相同,比如喜歡歷史的,所關注的是故事的情節、改編程度及連貫性;喜歡科幻的,關注的是動感和特效。

但說起青春偶像劇,喜歡看的,大部分用戶都是片中某些明星鐵粉,因“鮮肉”云集,打開彈幕就不難看出,鋪天蓋地的都是“好帥啊”“老公”“摸了女孩的手、我好傷心……愛死了”等一系列的花癡語錄,什么演技、劇情都不重要,重要的是“TA”別消失,不然的話就算是通過快進、跳集也要找到(抱歉、曝光了那一類人看劇的“貓病”)。

騰訊視頻APP的“只看TA”功能,解決了看片專為偶像而來用戶的需求,選中“只看xxx片段”,后續會自動屏蔽與該明星無關的內容。因為感性的成分較多,“只看TA”功能對于單純追星的用戶來說,再也不用通過快進、跳集的方式去尋找相關片段,可無需任何操作沉浸式看片,給用戶帶來較強愉悅感和滿足感。

十五、「嗶哩嗶哩」生日-通過閃屏給自己一個暖心的祝福

產品體驗:

在生日當天進入嗶哩嗶哩,啟動頁之后會出現一個暖心生日祝福+溫馨的閃屏,利用情感化的表現方式讓用戶在進入應用之前就能感受到友好的祝福,幾秒鐘后,自動進入首頁。

設計思考:

“生”是來到這個美好世界的一種方式,“日”是紀念降臨人間的日子。很多人都想在自己生日這天得到好友的祝福,只有在這一天才感覺到自己是真正的主角,聽到一聲“生日快樂”是對自己最好的期盼,被習慣性地祝福,即使這一天自己天犯了什么錯,也會被不同程度地原諒,因為我們知道,還有人記著、愛著自己。

在智能設備普及的今天,我們身邊少了很多的朋友,但卻多了一個鐵友-智能手機,最初給我印象最深的就是在生日這一天,從早上開始,QQ的生日祝福消息就沒有斷過,雖然都是虛擬的禮物,但至少是自己的朋友(Q友)親手送出,還是無比的開心。

而如今的微信、抖音、視頻等平臺成了手機必備,履行著我們可以沒有朋友,但不能沒有手機的原則。表面上看,我們似乎在和冷冰冰的機器交流,實則應用早已通過親和、情感、趣味化的方式成為了自己最忠實的朋友。

在生日當天進入B站,系統會通過閃屏的方式給我們送上最真摯的祝福,溫馨的畫面+暖心的祝福語,再結合產品的特性融入情感化的設計,為用戶打造了一個有歸屬感且溫暖的“家”,為產品設計增添了人情味,并通過祝福的方式拉近用戶與產品間的距離感。

如果自己的生日被所有人遺忘,多少會有些失落感,而B站用溫暖的方式傳遞愛與力量,也能撫慰每一個被情緒傷害過的靈魂,這也是鞏固用戶粘性與忠誠度十分巧妙的方式,一個小小的細節,就能感受到產品的溫度與團隊的用心,很大程度上提升了用戶對產品的好感度。

十六、「自如」合租-提供合租人信息以供新租客選擇性租住

產品體驗:

在自如找合租戶型時,可在對應戶型的詳情頁“房屋信息”處瀏覽當前合租人對應性別、職業、星座等信息,可根據自己想要(不反感)的類型確定選擇性租住。

設計思考:

在外打拼的年輕人,其租房就是很大一筆開銷,所以很多人第一時間就想到了合租。因合租引發的安全問題有很多,如盜搶、騷擾、猥褻(qiangjian)等,尤其是針對女租客,所以導致部分女租客在租住前都會找熟人一起,實在沒轍就只能想辦法提前了解租客信息,比如提出性別、職業等條件要求,但中介公司又不是自家開的,想要了解是何其之難啊。

在自如尋找合租戶型時,戶型詳情頁提供了當前租客的基本信息,其目的是為了方便用戶在租住之前就能了解租客部分信息,以根據自己的心理預期選擇性租住,提升安全保障,同時平臺還能通過此種方式打消用戶出于對安全方面的顧慮和猶豫不決,促使用戶快速決策以提升轉化率。

(PS:心理學方面的租客確實可以從合租人的性別、職業、星座來判斷一個人的性格,然后選擇符合自己心理預期的人合租以提升安全保障。這么說似乎有些浮夸,但事無巨細,任何有可能提高安全方面的功能都值得推崇,哪怕只是1%。就像滴滴線上報警按鈕,等110趕到都已經出事了,但從另一方面想,信息的公開可能會讓犯罪份子的不法行為多少有些收斂)

十七、「微信」授權登錄-多重身份 保護個人隱私

產品體驗:

我們在其他應用選擇微信第三方登錄時,進入授權頁面,可通過新建用戶信息,設置全新的頭像和昵稱授權給其他應用作為基本信息,還能使用隨機選擇系統默認提供的頭像和昵稱。

設計思考:

用戶選擇第三方登錄最主要的原因就是不想注冊賬號,在這個應用多如牛毛的時代,很多應用可能用一次就卸載,在非必要的情況下,手機號碼能不使用最好,而第三方賬號無疑就是最好的捷徑,無需記憶賬號密碼,而且方便快捷。但即便是用第三方賬號登錄,也有不想泄露基本信息的時候,比如用微信登錄xxx社交平臺,美其名曰聊天交友,實則“…”,這時候如果被老朋友從自己的頭像、昵稱中認出來就尷尬了。

在第三方登錄中選擇微信登錄時,可在授權頁面通過新建用戶信息重新設定頭像和昵稱,或者使用微信提供的隨機信息,在成功登錄其他應用后變成一個全新的自己,這種方式有助于保護用戶隱私,能避免在其他應用未及時修改微信昵稱、頭像導致泄露給自己帶來不便,通過新的個人信息登錄用以增加安全系數,讓用戶用的放心。

(PS:尤其是喜歡將自己的真實相片設為微信頭像的用戶,頻繁授權第三方應用,多少都有一定的風險)

十八、「網易云音樂」生日快樂-有溫度的交流“俘獲人心”

產品體驗:

在生日當天進入網易云音樂,金剛區第一個功能“每日推薦”會替換成“生日快樂”,進入此功能后,列表的第一首歌曲為“祝你生日快樂”。

設計思考:

之前看到一個問題“什么樣的人機交互最完美”?

其實沒有所謂的最完美,只有在通過不斷的優化、完善的基礎上,力求做的更好。如果說一定要給一個答案,我想最起碼要在滿足用戶基本需求的情況下做到有溫度的交流,這就好比你跟一個鋼鐵直男或者思維敏捷且開朗的人對話,前者一問一答、甚至會引起不適,后者則會舉一反三、以更有溫度的交流方式并留下深刻的印象。

從網易云音樂APP的很多細節上可以看出,不僅做到了有溫度的交流,更是升級到了俘獲人心的地步。在生日當天買進入APP,金剛區第一個功能變成了生日快樂,進入該功能后,第一首歌曲就是“祝你生日快樂”,在不經意間直擊用戶內心。產品用熱心為用戶帶來溫暖和撫慰的力量,不管是否處于回報熱情,用戶在驚喜之余,能一定程度提升對產品的忠誠度,增加使用粘性。

十九、「美團」防踩坑-反正我除了“菜”,什么都沒有

產品體驗:

在美團外賣下單,如果選擇的商品不包含主食,在提交訂單時,會在商品上方提示是否需要添加主食,如需添加,可通過快捷入口在不離開當前頁面的情況下以彈窗的形式給用戶提供最便捷的選擇。

設計思考:

在工作忙碌的情況下,用外賣平臺點餐,當收到外賣時就傻眼了,發現只有菜、沒有飯,打電話給商家,只能被要求重新下單點主食,因為很多都有xx元起送、再加上配送費的原因,我想很多人這時候都放棄了,除了站在原地發發呆、吐槽,也只能趕緊去找個地方吃飯了。

用美團外賣點菜,如果檢測到用戶的商品商品中不存在主食,則會在提交訂單頁面的中心位置提示用戶是否需要主食,非常顯眼的底色塊+文案提示及能有效提醒用戶并通過快捷入口快速滿足需求,避免用戶在收到商品后沒有主食而帶來時間或經濟上的損失,為了更好的服務于用戶,這個提示算是非常貼心的。

二十、「QQ音樂」跨APP識曲-解決特殊場景下識曲的痛點

產品體驗:

打開QQ音樂的聽歌識曲功能,保持在識別的狀態中,進入其他帶有音樂/視頻的APP中播放,即可成功識別第三方應用中的歌曲。

設計思考:

QQ音樂的聽歌/哼歌識曲功能上線后,給廣大用戶帶來了極大的便利,在聽到喜歡的歌曲卻不知道歌名時,進入識曲功能哼上一段調調,分分鐘把這首歌找出來。但是,我們在其他APP中聽到喜歡的音樂,當前也沒有多余設備來識別,而且陌生的音樂在自己的大腦也只是存在極短暫的記憶,這就成了音樂愛好者的損失了。

QQ音樂的跨APP識曲功能完美的解決了這一難題,進入聽歌識曲,在保持識別狀態下,切換至第三方APP播放音樂/視頻,待一定時間后切回到QQ音樂識曲頁面,即可識別出相應的歌曲。

當我們在抖音里聽到喜歡的歌曲又不知歌名、且沒有多余設備幫助識別的情況下,既不用麻煩別人又能快速識別,跨APP識曲功能解決了用戶在不同場景下識曲過程中很實際的痛點,提成了產品的易用性。

(PS:本次體驗以iOS系統為例,Android系統操作略有不同,請根據實際要求操作體驗)

二十一、「keep」動作提醒-提高線上健身的效率和質量

產品體驗:

使用keep健身,鍛煉每進行一部分,都會給予一定的休息時間來緩解身體壓力,同時會提示下一個鍛煉動作。

設計思考:

能堅持健身的人都很自律,這只是一個很淺顯的說法。其實大部分健身的用戶都有一個目標,減脂、增肌或塑形,這個目標才是自己健身堅持下去的動力。基于很有人在經濟、時間因素的影響下選擇的線上應用健身,殊不知在跟著做的情況下,有很多動作不到位、不規范,從而引導各種不良的問題,不管你承不承認,健身的核心是更健康,其次才是去追求自己想要的效果。

使用keep應用在線健身,鍛煉每持續一段時間后,都會給一定的休息時間。

考慮到用戶休息時精神及身體機能都處于放松狀態,為避免休息結束后異常(對下一個動作出現的非常突然毫無準備,慌忙中隨便應付,導致鍛煉動作不規范;或者規范好動作后、本來就為數不多的鍛煉次數已經進行好幾個,最終鍛煉不到位)情況的發生,在頁面提供了下一個動作的預告,便于用戶在開始之前有足夠的準備快速完成下一個動作心理模擬,減少因毫無準備而出現的動作不規范或鍛煉不到位的情況發生,降低運動損傷的風險,提高線上健身的效率和質量。

二十二、「優酷HD」iPad端看片-“隔空操作”帶你玩轉黑科技

產品體驗:

在iPad端用優酷HD看片時,可通過“隔空“”交互手勢,在保持一定距離的情況下完成播放/暫停、快進/快退、全屏/半屏切換操作。

設計思考:

對于喜歡追劇的小伙伴來說,iPad設備無疑是最好的選擇,屏幕大、視野寬、看著爽,無論是在蹲坑、洗衣服、做飯、織毛衣都不影響,堪稱移動版的“電視機”。使用iPad不僅方便,同時也說明可能不需要經常操作設備,意味著解放出雙手可以去做更多其他的事情,但影片的內容跌宏起伏且不可控,當我們偶爾需要再次操作設備時,即便不方便(洗衣服滿手是水、切肉滿手是油)也得放下手頭上的事情走近設備操作,無疑增加了操作成本。

使用優酷APP在iPad端看片,則無需這么麻煩,只需掌握基本的手勢,便可保持一定的距離“隔空”進行播放/暫停(OK手勢)、全屏/半屏切換(手掌)、快進/快退(大拇指朝向左/右)基本的常規操作,用戶在不方面觸控的情況使用非常方便,堪稱黑科技。“隔空”交互手勢滿足了用戶在多場景下使用優酷看片的基本操作需求,能有效降低操作成本,為提升用戶體驗帶來了價值。

(PS:“隔空”交互手勢操作對設備有一定的要求,另外需要開啟允許訪問攝像頭權限)

二十三、「美團」共享單車-為什要從APP操作還車?

產品體驗:

使用美團單車騎行后,我們會發現,最新的一批單車需要通過APP中的“我要還車”功能在線完成還車操作。

設計思考:

共享單車的宗旨是解決用戶出行“最后一公里”的問題,同時也契合大家所提倡低成本、高效率的一種健康、環保的出行方式。當騎行完畢后,因健忘癥的作祟,可能會習慣性把單車找個位置一放,然后直接走人卻忘了鎖車,殊不知“出來混,遲早都是要還的”,一旦想起來,就只能罵罵咧咧的回到停放地點關鎖或者找客服解決,這時候去關鎖往返的距離可能超過了騎行的距離。

經常騎行的用戶會發現,美團最新一批共享單車在騎行后必須要通過APP線上還車,相比之下,雖然增加了很多步驟,但確實解決了之前用戶忘記鎖車后很大的一個痛點,而且用APP還車可以不分地點、場合,邊走邊操作,并不會占用額外時間,回想忘記鎖車的痛苦,線上的多步驟操作算是“九牛一毛”。

(PS:雖然美團單車目前的槽點太多,但做為設計師,我們不能否認該團隊部分優秀的解決問題方式)

二十四、「微信」群消息免打擾-依然不會錯過重要的人/消息

產品體驗:

開啟微信群消息免打擾后,可選擇設置4個群成員的消息正常接收,不受免打擾的影響,避免錯過重要消息。

設計思考:

每個人的微信中,多少都有幾個微信群,平日里消息一條接一條,吵的不亦樂乎,但是當自己不想再嗨聊或消息提示音可能會影響到自己時,毫不猶豫的開啟消息免打擾。屏蔽普通的群消息倒還好,如果是工作群開啟了消息免打擾,當自己去爬樓看到領導發的重要消息時,可能已經過了一天一夜,這就悲劇了。

微信的最新版本,開啟群消息免打擾后,還可以設置關注4個群成員,被選中成員發出的消息不受免打擾的影響,可正常接收,即可以避免大量無關消息的打擾,又不會錯過重要的人/信息,一舉兩得。

二十五、「抖音」連續使用時間過長-官方的溫馨提示

產品體驗:

連續刷抖音超過1個小時,會刷到抖音官方的溫馨提示視頻,提醒用戶連續使用時間過長,注意護眼。

設計思考:

抖音本身的內容以輕松、搞笑為主,符合社會壓力大、需要快速放松、消遣的現代人,短短幾分鐘的時間,連跟朋友在微信上聊天都不夠。

但是,在強大的運營團隊以專業的消費心理學作為支撐,以各種組織行為學、認知神經科學等原理下設計出來的短視頻,如果自控力稍差,就會成為自己精神世界的“鴉片”,沉迷在其中而早已忘記時間的流逝。

連續刷抖音1小時,會出現官方的溫馨提示視頻,提醒用戶注意護眼,充分考慮到用戶的身心健康,以情感化的方式引起警覺,即便戶不會立即放下手機,但可能會通過清楚的時間觀念及自身健康從而進行節制,幾秒鐘的視頻提醒,足以體現出產品對用戶的關愛,是一個很暖心的設計。

(PS:這種提示就類似“吸煙有害健康、游戲防沉迷提醒……”,表面上看是在驅離用戶,實則跟用戶之間建起了一座相互信任的橋梁,以提升用戶后續的使用粘性)

二十六、「美團外賣」不同的文案-帶來截然不同的結果

產品體驗:

晚上在美團外賣點餐時,列表中但凡已打烊的店鋪均有提示“現在預訂,明天配送”的字樣,避免用戶進入店鋪之后才發現已打烊而反復進行無用的操作。

設計思考:

用過很多外賣平臺,晚上過了11點需要下單時,在店鋪列表發現很多提示已打烊,有些甚至沒有任何標記、進到店鋪才看到打烊提示,反復的在店鋪列表中尋找進行無用的操作,浪費時間不說,甚至一些應用需要進入到訂單也才得知配送時間不是在今天,這多少讓人有些焦躁。

美團外賣的店鋪列表,已打烊的店鋪在店名下方均有提示及第二天的配送時間,并且在店鋪詳情頁、下單頁也有明確的提示。

首先,相比其他在店鋪列表中提示“已打烊”的應用,美團并沒直接將用戶拒之門外,則是用友好的方式告知用戶可下單、但第二天才配送,即便不能改變用戶馬上會去其他店鋪下單的想法,但簡單的提示能博取用戶的好感,不至于讓其太過失望,這也能積攢美團跟眾多應用相比之下在用戶心中的口碑、印象;

其次,用戶在列表中就已知曉哪些是已打烊的,無需進入店鋪,可節省更多的時間在列表中去找沒打烊的店鋪,不至于導致用戶太過失望而轉身就走,也能較小概率的降低用戶流失。

有一句話說的好“我同意你的意見,但不接受你的態度”,合理的文案代表著產品在人機交互中的態度,足以說明文案在應用中的重要性。

“已打烊”相當于直接將用戶拒之門外,即“你走吧,我已經下班了”;

“接受預定 明天xx點后配送”則保留了應有的熱情,給用戶的印象是“已經下班了,但如果你有需要,我可你幫你預定為明天進行、或歡迎下次再來”的感覺。

兩種不同的表達方式,帶給用戶的則是兩種截然不同的結果,相信每個人在生活中都深有體會。

二十七、「順豐速運」收寄影響匯總-實時更新受疫情影響派件的地區

產品體驗:

打開順豐速運小程序的寄件咨詢,可在“收寄影響匯總”中實時查詢受特殊環境影響、暫停收寄件的地區。

設計思考:

在這個飛速發展的時代,任何事物所遵循一直不變的原則就是“一直在變”。就拿寄快遞來說,在我們的印象中,受潛在意識及慣性思維的驅使,感覺只要寄出物品,就沒有到達不了的地方,但在當下疫情肆虐的大環境下,現實告訴我們,任何地方都有可能送達不了,不要等快件卡在半路才知道收件地址被“禁”了。

順豐速運最近上線了“收寄影響匯總”功能,方便用戶在寄件之前就能知曉收件地址是否在可配送范圍之內,防止寄出之后對方無法收件,特別是保質期較短(生鮮、食物)的物品,避免因快件滯留給自己帶來不必要的損失。

“收寄影響匯總”功能需要用戶寄件(盈利)的同時又能兼顧到現實環境的影響、并在用戶有需要時及時反饋,不得不說是一個非常好的功能,通過“服務至上”的考量給予用戶更好的體驗,定能收獲更廣泛的用戶群體也能讓產品獲得更多的認可與信任。

二十八、「QQ音樂」設置循環次數-不要讓單曲循環毀了一首歌

產品體驗:

在QQ音樂的播放界面,播放模式為單曲循環狀態下,長按播放模式按鈕,可在彈窗中設置循環次數。

設計思考:

喜歡單曲循環聽歌的人最容易陷入歌曲或自己背后的故事之中,認真去聽每一個細節,用來記錄真情實感,對自己來說也是一件比較浪漫的事情,但如果過分的對一首歌單曲循環,也可稱得上成功毀掉一首歌系列。

QQ音樂最近上線了設置單曲循環次數功能,長按播放界面的播放模式圖標即可。很多時候,我們聽到喜歡的歌曲總是會忍不住多聽幾遍,但一直聽下去難免會有些枯燥,這時只需根據自己的喜好設置循環播放次數,最多不超過20次,既可以滿足自己當時的心理需求,也能避免因長時間陷入異常心情的環境中無法自拔,給自己、歌曲帶來很大的“創傷”。

二十九、「豆瓣」評論自動折疊-邊控制 邊保持言論自由

產品體驗:

在豆瓣APP圈子動態的評論區,部分評論被舉報一定次數后,若無違反平臺重大規定,系統并未做刪除處理,而是將其內容自動折疊。

設計思考:

任何產品的評論區都是作者與用戶、用戶之間相互交流的區域,這里還可以反映出興趣點和需求,用戶可以對作品表達同理心或是不同意見的宣泄,也可以是與其他用戶之間無休止的探討,總之可以暢所欲言。雖然每個產品都提倡線上言論自由,但“國有國法、家有家規”,任何毫無節制放縱用戶去進行一些惡意中傷、低俗無下限的言論,不管是對產品還是用戶都將是一場災難,產品也自有一套管制措施,輕則刪除、封號,重則追究其法律責任。

當我們說某個人不是一個好人時,但未必就是一個壞人,評論區的內容亦是如此,總有一些走在規則邊緣上的言論,我們無法定論為合規還是違規,放任不管恐防惡化,直接處理也違反了言論自由。

豆瓣評論區的內容,針對引起部分用戶不適、但確實沒有違反平臺規定的言論,系統選擇了較為中肯的做法,將這類評論進行折疊處理,且無法回復評論或點贊,用戶若不是刻意點開,等同于屏蔽該內容。這種做法既控制了評論的質量,同時也保持了言論自由,還教育了其他點開查看的用戶通過自己的理解來界定違規內容的區間,真正做到了兩全其美。

三十、「微博」信息備注-拒絕只做標題黨

產品體驗:

從微博的發現頁進入熱搜榜單,標題內容如果不是真實事件,會在后面做信息備注,如綜藝、劇集…等,拒絕只做標題黨。

設計思考:

任何內容,有一個好的標題就等同于有一張好看的臉,不管內在如何,但一定有著“致命”的吸引力;其次,好的標題相當于給給內容鍍了一層金,總是感覺特別晃眼,不由自主的想去點一下,由此可見標題的重要性。

或許大家有個這樣的經歷,對于自己的偶像、明星,但凡TA的感情、生活有一點風吹草動,就會迫不及待的要查探一番,結果看了個寂寞,原來這只不過是某個綜藝、電影中的故事情節,看完之后總有種被標題黨所“騙”的感覺。其實,碰到過的只是冰山一角,作為網絡推廣必殺技之一,你永遠想不到標題黨到底有多么的猖獗,久而久之,用戶被“騙”的次數越來越多,信任度就會逐漸下降,最終殃及整個平臺。

微博的熱搜榜單內容,如果不是現實世界中的真實事件,在標題后方都作了來源標記,避免那些為了推廣的作者大放厥詞,一本正經的“胡說八道”,無良騙取用戶的點擊量而引起用戶的反感,最終由平臺來背鍋。簡單的標記提醒,能給用戶關聯出更真實的內容,方便用戶根據標題快速判斷出對內容是否感興趣,合理選擇預覽,避免用戶被“騙”引起反感而導致用戶流失。

三十一、結語

產品體驗細節365條年目標已達成,此系列將永久停更;

2021即將過去,我們仍需努力;

任何時候都不存在完美,做的不好永遠都不能成為我們放棄的理由。

  • 因為做不好,才更要做
  • 因為做了,才能發現問題
  • 因為發現了問題,才解決問題
  • 因為解決了問題,才能做的更好

#專欄作家#

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

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

題圖來自Pixabay,基于 CC0 協議

專欄作家

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

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

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

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 都是很精致的產品設計點子,感謝作者總結,可以幫助打開產品設計思路。

    來自上海 回復
    1. 加油???

      來自香港 回復
  2. B站的那個生日祝福真的好暖心啊,有時候忙的自己都忘了自己的生日,等下一次生日的時候登一下看看。

    來自陜西 回復
    1. 不如就現在看看吧,萬一是今天生日呢??????

      來自香港 回復
  3. 有時候從網上找的鍛煉視頻沒有下一個動作,休息過后要花費一些時間才能跟上,keep那個提醒真的很實用。

    來自陜西 回復
    1. 是的,等思想節奏跟上,視頻都已經過了好幾個動作了

      來自香港 回復
  4. 抖音的那個官方的溫馨提示好貼心啊,有時候刷抖音不知不覺就刷了一個小時了,看到那個提示之后就會站起來放松一下。

    來自陜西 回復
    1. 放松一下接著刷嗎,哈哈

      來自香港 回復
  5. 這些小的設計也太可愛了,很多都非常實用,我最喜歡QQ音樂的跨APP識曲

    來自江蘇 回復
    1. 是的呢

      來自香港 回復