楠木軒

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

由 諸葛寒香 發佈於 科技

編輯導語:產品體驗,就是用户在使用產品的過程中,對其建立起來的一種純主觀感受。好的產品,會在使用中帶給用户愉悦和快樂,而不好的產品,則會給用户帶來抱怨和煩躁,體驗感很糟糕。因此,用户體驗已經成為用户選擇產品或服務的重要判斷標準之一。

作為設計師,在拿到產品需求的時候,所要做的不僅僅是完成產品的設計工作,更重要的是要思考如何通過設計的的手段去推動產品背後的商業價值達到最大化,提升視覺體驗、增強用户的粘性以達到用户轉化的目的。

不需要我們設計的有多麼複雜,可能是一個步驟的簡化、一句打動人心的文案、貼心的提示、趣味的動效…

一、「天貓」搜索框-IP形象打造品牌1. 產品體驗

進入天貓APP首頁,頂部為了節約空間,搜索框以常規的樣式顯示。頁面上滑時,頂部搜索框變外形換成了天貓的品牌形象元素“貓頭”樣式。

2. 設計思考

品牌不一定是IP,但IP一定是品牌,一個企業的品牌形象至關重要。

IP不一定是企業的必需品,但有了它就能更進一步的對品牌的傳播起到推動作用。比如將創始人或者公司核心人物的個人精神加入到品牌的形象當中,進而產生出巨大的品牌號召力。

天貓在品牌傳播方面應該是數一數二的存在,不管是宣傳海報、彈窗外形、特色專題或插畫等大部分都用了公司的IP形象,抽象的“貓頭”樣式。

常規的事務都不會有太大的吸引力,就搜索框來説,在應用中的作用可謂是舉足輕重,最常規的樣式就是矩形(或圓角)框。

天貓APP的搜索框樣式則打破常規,為了提升品牌形象,把頂部搜索框外形設計成天貓的品牌形象IP“貓頭”樣式,將自身產品所擁有的優勢與IP形象相結合,最大化的從視覺上增強品牌印象和品牌魅力,讓用户通過品牌在心目中形成了美好的記憶。

以至於圍繞品牌形成消費經驗,下次可能還會使用,達到增強用户粘性的目的,用龐大的用户量和使用頻次增加產品的轉化率。

二、「網易雲音樂」貼心的駕駛模式1. 產品體驗

在開車時使用網易雲音樂,可以設置為駕駛模式,系統自動屏蔽大部分功能,只顯示播放、上一曲、下一曲操作按鈕,並增大點擊觸發範圍,放置屏幕偏中間的位置,更容易操作。

2. 設計思考

facebook數據表明,雖然音樂類用户體量沒有視頻類應用高,但是綜合使用時長卻高出視頻類應用很多,聽音樂能減輕我們的壓力,比如:上班坐車、睡覺前以及閉目養神無聊時都可以聽着音樂。

當然,我們在駕駛時也不例外,雖然所要做的主要事情是開車,但開車時候聽音樂能緩解我們的精神壓力,尤其是長途駕駛。

無論是在交通流暢還是交通擁堵,音樂都能很好的壓制住人的煩躁情緒,保持注意力的喚醒水平,從而提高人的反應速度,對駕駛的安全性有好處。

車載導航除了地圖外,最長用的功能也就是音樂了,這也驗證了音樂的普遍性(因人而異,音樂的情緒和感受,對部分用户還是有影響的,比如:旋律不明顯的快速説唱音樂時,駕駛者會變得緊張;心情不好聽着傷感的歌曲等)。

鑑於音樂跟用户之間的粘性,出於安全考慮,在駕駛過程中,對於音樂類型的應用,操作應該做到更加便捷。

網易雲音樂中的駕駛模式,就是最好的例子。通過在設置中調整為駕駛模式後,設備上只有播放、上一曲、下一曲操作按鈕,頁面更加簡潔,排除無關元素對視覺的干擾,無需思考、一目瞭然。

其次,按鈕接近有設備的中間位置,操作範圍增大,放大熱區無需精準操作,提升了產品易用性。界面的簡潔程度以及易用性能讓正在開車的用户有需求的情況下快速操作,縮短操作時間以降低駕駛安全隱患。

三、「高德地圖」搜索框位置-用户自行掌控1. 產品體驗

使用高得地圖時,可根據用户自身的喜好在我的-設置-首頁設置頁面,隨時調整搜索框在屏幕中的位置。

2. 設計思考

在我們使用的眾多APP中,搜索框的位置都是在頂部的,這符合用户的操作習慣,也形成了慣性思維。當用户有搜索需求時,第一視覺會直接移至屏幕頂部掃視,然後直接執行操作。但置於頂部並不是唯一的設計方法。

高德地圖為了提升使用體驗,可以根據用户的自身喜好及設備條件,在設置中調整搜索框的位置,給出兩個位置以供用户選擇,即置於頂部和底部,這樣做的好處有兩點:

1)在眾多的用户羣體裏面,用户的使用行為也是千奇百怪,為了滿足不同用户的使用習慣,將搜索框的位置讓用户自行選擇,多一個選擇就多一個方便,用户需要有控制和來去自由的權利,切換方式給用户帶來了更強的掌控感,增加用户使用粘性。

2)即使大部分用户都習慣搜索框在頂部,但因為目前設備尺寸越來越大的原因,依然會有部分用户會將搜索框置於底部。

菲茨定律告訴我們“儘可能縮短手指與操作所相關按的間距”, 搜索框固定在屏幕底部,用户可以隨時隨地採取操作,能在最短的時間類毫不費力的觸達目標,提升產品的易用性。

四、「百度網盤」超級會員-尊貴的“黑金”圖標1. 產品體驗

開通百度網盤超級會員的用户,可在設置中將桌面默認圖標改為尊享圖標,“黑金”樣式彰顯尊貴。

2. 設計思考

開通過百度網盤超級會員的用户都知道,相比未開通之前,下載速度可謂是蝸牛比火箭,還附有其他各種功能:存儲空間、急速下載、高清畫質…等,但我相信大部分用户多是奔着急速下載去的。

百度網盤超級會員還有一個設置,雖然沒有實質的功能性,但抓住了用户的心理弱點,就是尊享圖標。

可在設置中將桌面默認圖標改為“黑金”樣式的尊享圖標,利用大部分用户的炫耀心理,通過換成“黑金”尊享圖標炫耀自身的形象以及地位,表示對自己的肯定,滿足自己的虛榮心,以求博得面子,可以帶來一種榮耀和心理上的滿足感。

另外還能用差異化樣式給用户帶來驚喜,讓用户感受到會員的尊貴感和特權性,以達到更好的用户體驗。

五、「蝦米音樂」登錄頁面的微動效1. 產品體驗

進入蝦米音樂登錄頁面,會看到很多元素從設備四周向中間聚攏的微動效,使用緩慢的運動軌跡反覆循環。

2. 設計思考

一個產品想要盈利,登錄功能是用户轉化關鍵的一環,畢竟如果沒有用户量,再好的產品也是空談。登錄功能的用户體驗時至關重要,其樣式也是存出不窮。

蝦米音樂在登錄頁面使用了微動效,通過部分元素從設備四周向中間聚攏的動畫方式,讓視覺快速聚焦在中心的一鍵登錄按鈕上,減少用户對登錄方式的選擇性困難和決策時間。

另外如果沒有明確的註冊(一鍵登錄)需求,用户對註冊會有一定的抗拒心理,這時候動效就可以對用户的抗拒心理產生一部分干擾,並往登錄入口引導,降低用户的心理防備,以進行一鍵登錄操作,提升註冊成功概率。

(登錄頁面的動畫請慎用,不適當的動效方式會對用户的登錄操作產生一定的干擾。)

六、「淘票票」選座-是如何提高上座率的?1. 產品體驗

用淘票票APP購買電影票,在挑選座位時,如果選擇2個或以上的座位,座位中間或兩邊不能留有空位,點擊確認選座會出現彈出提示,以提升座位的利用率。

2. 設計思考

經常看電影的用户應該都有碰到,不知道從什麼時候開始,在網上購買電影票出現了“潛規則”,選購電影票座位時,不能留下單個空位。

這種不成文的規定讓單身的友友們瞬間受到一萬點傷害,直接想暴風哭泣。甚至有單身的人碰到這種境遇,感覺就是歧視,其實不然。

淘票票APP作為當前主流的購票平台,自然是也有這種限制,其原因跟平台的背景並無關聯。

購票時,如果選擇2個或以上的座位,中間或者兩邊留有空位時,系統會自動彈出“座位旁邊不要留空”的toast小窗提示,主要是因為空出來的單個座位會很難賣出去,這樣一來就會造成座位資源的浪費,也會降低影院上座率。

如果允許留下單個座位的話,本來應該可以坐滿的場次,就不能坐滿了,因為其他購票用户發現全是單個座位,就選擇了下一場。

畢竟去看電影的用户大多都是結伴而行,不管是情侶還是朋友,都希望座位挨在一起,全是單個不相連的座位,用户就可能放棄購票了,不僅損失消費數量,而且單座沒人也浪費資源、影響利潤,這是出於對主流用户羣體的考慮。

之前,網上流傳着一個事件:其中一年的11月11日,某電影院的座位都被觀影者間隔性購買,其目的是單身用户為了故意讓情侶們的座位挨不到,避免秀恩愛、破壞虐單行為的一場惡作劇,結果就是影院的上座率很低,直接造成經濟損失。

不管這個事件是否有真實性,但減少單個座位的出現,從優化資源配置、降低座位空置率以及方便結伴而行的觀眾觀影體驗來説,這樣的設計是人性化的。

為了統一,其他購票平台都有這種限制,用淘票票APP頁面只是用於案例展示。

七、「騰訊QQ」青少年模式-有效防止小盆友“胡來”1. 產品體驗
  • 通過QQ的左上方頭像-設置-通用,可開啓青少年模式,即對部分功能做了限制,提供更簡潔純淨的體驗;
  • 開啓驗證鎖,在修改部分功能設置時,需要短信驗證,避免被小盆友自行修改功能設置。
2. 設計思考

雖然微信在社交產品裏一直是大哥級別的擔當,但QQ並沒有因此隱退,兩個社交軟件各自都是帶着不同的使命立身於社交界。如果經常需要傳送一些文件或對信息的保留,QQ明顯比微信更實用。

網上經常流傳着一些言語,説“騰訊的社交和遊戲毀了青少年”,果真如此的話,不可能有龐大的用户體系讓之立足,對此,我個人不做過多的言語。

其實很多事情都是事在人為,假如沒有騰訊,一定會有A訊、B訊…等企業取而代之,相同的問題依然存在。縱然如此,騰訊團隊依然在對所出現的過情況進行不斷的完善。

QQ此次推出的青少年模式,對於在學習中必須要使用QQ的青少年,為避免在學習過程中不斷分心而受到其他功能的影響起到了一定的抑制作用。

在設置中切換為青少年模式,限制部分功能,再開啓短信驗證鎖,避免被小盆友自行修改功能設置即可,“麻麻再也不用擔心我的學習了”。

設置後:

  1. 極簡的頁面顯示,讓學習更加純粹;
  2. 屏蔽大部分的娛樂和廣告類內容,排除無關功能;
  3. 設置“聊天消息顯示拼音開關”,更便於小盆友對文字的認識;
  4. 設置QQ帳號是否能被陌生人搜索到、被陌生人拉入羣、過搜索添加好友等功能,防止以學習為目的去嗨聊;
  5. 自動屏蔽無效搜索信息,只能搜到現有聯繫人及聊天記錄,以減少干擾。
  6. ……

看到這些功能,青少年模式簡直就是為學習而量身打造的,不過再好的軟件只是輔助,真正還得結合家長的教育和監督,以增強小盆友的自覺性,根據軟件功能的優勢結合進行有效利用,方能達到最佳效果。

八、「微信」跳轉到還沒看位置-上下銜接1. 產品體驗

在瀏覽微信朋友圈時,點擊跳到還沒看的位置,已瀏覽過的信息會快速上移,自動跳轉至上次結束的位置。

2. 設計思考

有很多用户的閒暇時間都留給了微信,除了聊天之外,就屬朋友圈了。

沒事的時候發個朋友圈證明自己還“活着”,也會不停的去刷着其他好友發的朋友圈記錄,微信好友比較少的還行,如果較多又具有強迫症,必須把朋友圈的所有信息都刷完的用户真的是“難產”。

因為這次沒刷完結束後,下次根本無法記起上次結束的位置,總感覺好像有什麼重要的信息漏掉了。

根據用户的訴求,微信又推出一重磅功能“跳到還沒看的位置”。

但很多用户都會或多或少的去刷着朋友圈,除了對部分好友信息的瞭解,也可能是打發時間,有時會有心理作祟“要從上次的地方接着看,是不是什麼重要的信息漏掉了”。

系統會在上次已瀏覽過的信息前面提示“跳到還沒看的位置”入口,點擊可以直接忽略已瀏覽過的信息,直接跳到上次結束的位置,能有效避免用户因重複查看而浪費時間,帶來便利性的同時,用户的粘性也會隨之提升。

九、「嗶哩嗶哩」猝不及防的登錄彈窗1. 產品體驗

進入嗶哩嗶哩APP,在體驗過程中,就算用户沒有主動點擊登錄、也沒通過特定條件觸發登錄,系統也會不定時的自動彈出“本機號碼一鍵登錄”的提示,促使用户登錄(登錄即註冊)。

2. 設計思考

市面上99.9%的APP都有登錄功能,因為這直接涉及到產品的用户量、使用粘性及企業的利益。

登錄後可以記錄用户操作數據,保護隱私,確保APP的功能能被全部使用,以實現等級差異的基礎,不過登錄功能相當於對用户的使用設定了門檻,可能會增加用户體驗,也可能會導致用户流失,各有利弊。

目前APP是登錄性質無非兩種:

  1. 強制登錄:這種性質有助於真實用户的轉化,但因為登錄的阻礙,可能會導致很多用户放棄使用並導致用户流失;
  2. 非強制登錄:可以讓用户優先體驗產品,但因為用户不能深度使用,會減少用户對產品的認知,降低轉化率。其實在這兩種登錄性質上,眾多應用都無法做到很完美,只能根據自己產品的實際情況在利弊上進行取捨。

嗶哩嗶哩APP為了規避掉這兩個弊端,用了一個折中的辦法。

進入APP時,無需強制登錄,在體驗過程中,即使沒有主動觸發登錄條件,系統也會不定時的自動彈出登錄提示,通過友好的文案“登錄解鎖體驗更多精彩內容”為用户着想。

偶爾提醒用户,採用所有登錄方式中最為便捷的“本機號碼一鍵登錄”,用户登錄成功後,系統自動註冊。

既規避了強制登錄的阻礙,同時又通過非條件觸發的彈窗+最便捷的登錄方式提升用户註冊率,增加產品用户總量,一舉兩得。

十、「tell」解憂雜貨店-不開心就寫信1. 產品體驗

在tell應用裏,可以隨時將我們的不開心、煩惱通過信箋的方式提交,後台會有專業的義工或其他用户給我們細心的回信解答,真情實感回覆,超級暖心治癒。

2. 設計思考

居住在一、二線城市的大部分人羣壓力巨大,並且鄰居之間、人與人之間的距離感也越來越遠。

很多用户面對婚姻家庭、親密關係和職場事業等束手無策,另外在成長中的青少年也都有着不能和父母、同學説的煩惱等無處傾訴。

因此,需要有一個私人空間來訴説,以尋求答案和解決辦法。

Tell是一款陌生人社交軟件,在我們有不開心或煩惱時,通過寫信的方式進行傾訴,晚上十點半信封會被分發到各位tellers信箱裏,收到信封的人會耐心解答,讓我們去收穫陌生人的温暖。

還也可以對收到的信(每天只有三封)進行回覆,通過看別人傾訴的煩惱去為他們解答,收穫温暖的同時盡力去讓別人收穫,贈人玫瑰手有餘香。

除此之外,用户每天還能定時使用小篝火通過語音傾訴來緩解負面情緒的功能。

以安靜温暖的對話和探討,幫助自己面對當下的強烈情緒、急於逃離的孤獨,以及迫切需要解答的煩惱,如同情緒回收站,超級暖心治癒。

結語:

設計師需要養成體驗產品的好習慣並將優秀的產品細節記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結能力,也為日後輸出優秀的作品當鋪墊,對自己的能力提升以及未來的職業發展帶來便利。

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

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

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

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