全栈工程师?
嗯.....目前并不是!

產品體驗日記 | 發現優秀的設計-04期

分享“10個優秀設計+1個思考”,日常儲備設計素材的同時,思考設計背後深層的含義。

1. 即刻

設計點:界面的表達始終要基於產品調性,年輕化的產品有年輕的設計手段,比如:幽默、有趣、驚喜、好玩等。但是設計的同時也需要把握一個度,超過這個度會引起用戶不滿

4月1日愚人節,大家有沒有受到善意的小整蠱呢?“即刻”APP在今年的愚人節,上線了“註銷賬號”的節日彩蛋。這天,只要用戶在使用APP期間累計進行過3次“點贊”的操作,就會彈出彈出顯示“由於您今日的點贊過於頻繁,我們正在註銷你的帳號…”待註銷的進度完成後,會跳出壞笑表情的果果告知你這是逗你玩兒的惡作劇。這個愚人節彩蛋十分應景又有趣,很多用戶表示真是又驚又喜。

產品體驗日記 | 發現優秀的設計-04期

2. 微視

設計點:在功能上通過”你無我有”的方式打破同類產品的現狀獲取優勢

隨着網紅經濟的出現,近年來短視頻行業風生水起。“微視”就是騰訊去年4月推出的短視頻創作與分享應用。“短視頻”通常指在互聯網新媒體上傳播時長在1分鐘以內的視頻內容,具有“短平快”的特性。所以市場上多數短視頻產品都沒有進度條顯示的設計。如果想要回看視頻的精彩片段,只能從頭循環播放。但“微視”團隊在這一點上充分考慮到了用戶的使用場景,當視頻播放時會顯示帶有白色端點指示播放進程的進度條。左右拖動即可調整播放進度,並且手指在拖拽進度的過程中還會實時顯示時間提示。從小細節給予用戶及時的反饋保障與良好的使用體驗。

產品體驗日記 | 發現優秀的設計-04期

3. 騰訊理財通

設計點:很多人都有“追求吉利”的心理,將內容趣味化,相比傳統的處理方式,這種方式更容易拉近產品與用戶的距離,傳統的處理方式現在看來有些冷冰冰的感覺,缺少溫度

去年“騰訊理財通”推出了理財通尊享版App,從名稱與黑金的風格上來看雖然有對標螞蟻財富的意味但主要還是針對中高端市場。在資產區頁面的隱藏金額不再是變成****,而是變成“家財萬貫”這樣的成語。來回多次切換,成語還會隨機變化如“日進斗金”、“身家過億”。這個小細節不僅把無趣的內容有趣化,還利用積極向上的詞語給用戶良好的心理暗示。就像逢年過節討個好彩頭,借對方吉言的調調。

產品體驗日記 | 發現優秀的設計-04期

4. 大麥網

設計點:將用戶“最失望”的頁面和情感化設計聯繫起來,就能降低一定的負面情緒

“大麥網”的404頁面會顯示為某個已故歌手的紀念頁。除了有明顯的404標誌來反饋當前的頁面狀態,還會出現歌手如鄧麗君、約翰列儂等的照片與其生平介紹的文案。雖然每次出現頁面丟失狀況時會出現的歌手信息不一樣,但都會出現同一句提示文案“你想看的演出 / 麥麥找遍了天涯海角也沒發現 / 就像曾經輝煌的他們 / 已經不在這個世界 / 麥麥陪你一起緬懷”。將頁面的丟失與人的離去聯繫起來,含義表達貼切又十分符合樂迷們的文藝情懷。

產品體驗日記 | 發現優秀的設計-04期

5. 夸克瀏覽器

設計點:縮短操作路徑、合理利用點擊熱區,是提高使用效率和反饋體驗的方法之一(抖音在播放頁長按屏幕也是根據不同的觸發區域反饋)

我們在手機全屏觀看視頻的時候,屏幕上的按鈕通常會自動隱藏並在用戶觸碰屏幕時顯示在兩側。一般播放器的操控按鈕都會出現在屏幕固定的某個位置,但在“夸克瀏覽器”中全屏播放視頻時喚出按鈕出現的位置卻是根據用戶手部活動區域靈活變化的。當用手點擊手機左邊屏幕,按鈕列表就會顯示在屏幕左側;而如果點擊右邊屏幕,按鈕操作區就會出現在屏幕右側。這個功能設計的體驗很棒,尤其對於喜歡躺着看視頻的用戶而言,單手操作的便捷程度會提升很多。

產品體驗日記 | 發現優秀的設計-04期

6. 樊登讀書會

設計點:產品側希望將“簽到”功能突出,這個處理方式相比通過“純視覺“的指引,要更有趣、更新穎

簽到入口接入手機設備的水平儀,根據手機傾斜的角度旋轉簽到Icon,讓用戶一進到這個頁面就能第一時間發現這個“有趣的設計”,從而引發更想點擊進去,看看有沒有更有趣的東西~

產品體驗日記 | 發現優秀的設計-04期

7. 百度輸入法

未來趨勢預測:AI語音交互將是手勢交互、界面交互的進階

“百度輸入法”App中有一項黑科技—“語音速記”。無論是用來做訪談記錄,還是2~3個人的會議紀要,都可以幫你輕鬆搞定。該功能除了可以幫用戶完成語音記錄並轉換成文字,還可以通過語音的智能識別技術區分每個不同的發言人,讓用戶的語音記錄更加清晰。目前,該功能只能對3個人以內的對話進行區分記錄,以後隨着產品的逐步迭代優化應該能適用於更多人使用。設計團隊不僅注意到了用戶做語音記錄的需求,還很貼心的注意到了對說話人物的區分,深入場景的設計非常人性化。目前還屬於體驗版,期待更優質的產品性能。

產品體驗日記 | 發現優秀的設計-04期

8. 小紅書

設計點:有時候,文字比圖形動畫更能拉近產品與用戶的距離,將界面設計回歸到本質——內容為王,也許不是一件壞事

與多數產品的“點贊”交互特效不同,“小紅書”的點贊反饋結合了小動畫與文案提醒。對着產品圖片雙擊即完成點贊操作,按鈕微交互上會給用戶一個大大的愛心動畫進行反饋。但如果取消點贊后又再次點贊該圖片,就會變成文案提示進行反饋。比如“點贊是一種感覺”、“我也喜歡你”、“你真有品位”等等,每次點贊的文案都不一樣,但都是可愛溫馨又生活化的鼓勵話語。

產品體驗日記 | 發現優秀的設計-04期

9. 英語流利說

設計點:界面等待時,讓用戶有“得到感”,比做一個炫酷的動畫要更有效。用戶使用產品的目的始終都是:獲得、有價值、解決問題。同時在“學習成本”比較高的產品里,用碎片化獲取知識的方式提供給用戶,既利用了枯燥的等待時間,也提高了易學性

據統計用戶可接受等待的時間平均為5-9秒,2秒以內滿意度會最高。但英語流利說的課程加載頁面由於音頻較多,所以常常等待時間較長。因此團隊通過將清晰的課程下載進度告知用戶來緩解用戶等待的焦慮情緒。Loading動畫以老師的形象展現貼合平台屬性,隨着進度條加載完成的過程同步會出現一些關於英語學習的小貼士與鼓勵語。文案的融入讓加載過程有了可讀性與意義,讓等待的過程不會太枯燥同時也起到了分散用戶注意力平復焦慮感的作用(有很多遊戲類應用在加載的時候也是把教程、有趣的文案碎片化的展示給用戶)。

產品體驗日記 | 發現優秀的設計-04期

10. 支付寶

設計點:貼心的設計源自於真實的使用場景,將真實的線下情況通過設計手段轉化到界面上,就是貼心的設計

“支付寶”的收錢功能我們都很熟悉:打開自己的收款碼設置好金額,再拿給對方掃碼即為收錢。當手機處於向下傾斜的角度給對方展示時,界面就會自動旋轉二維碼的朝向,並將按鈕置灰不可點擊。界面自動旋轉方便對方看即掃碼,按鈕置灰則是防止用戶誤操作點擊到設置金額。真是小細節,大體驗。

產品體驗日記 | 發現優秀的設計-04期

本期思考:C端產品與B端產品有哪些差異?

1. 基本差異

產品體驗日記 | 發現優秀的設計-04期

2. 設計價值差異

1. 用戶群體

C端產品的用戶群體就是個人用戶,人人都可以是用戶。那麼B端產品的用戶群就是企業用戶或運營商,最終使用的還是企業或運營商的員工,這些員工是否可以和C端用戶一同看待?答案顯然是否定的。

B端產品的使用者是有指向性、有特定的職業屬性的,產品設計人員可以對該使用者進行講解或者培訓,而C端用戶則無法進行線下講解和培訓,只能由其自身去使用該產品;

2. 解決問題

不管是BorC,解決問題是基礎。醫院x光預約自助系統解決排隊長的問題,支付寶付費也解決排隊長問題,好的設計使線下流程合理映射到線上。

如何理解映射模型是否正確,前提是了解用戶,通過用戶故事分析用戶目標,進一步幫助他解決問題。B端雖很難接觸真實用戶,但越是困難設計師才更有職責去推動與真實用戶的接觸;

3. 溝通協作

可以說B端使用原型溝通效果更明顯,B端產品業務龐大製作耗時很難短期內看到產品效果,使用原型可用性測試或者給領導層演示,將客戶/用戶拉到研發早期,減少產品返工風險。

原型不只是研發內部溝通工具,更多承擔向外引導客戶/用戶的有力武器。而C端產品一天出產品原型一周開發是常態,再根據用戶行為監控信息修改產品,原型更多是公司內部的溝通工具;

4. 使用性能

C端產品的核心功能只有一個,然後把這個核心功能做到極致,如果產品不易用會直接導致用戶流失,且直接影響到流量和商業利益,因為C端產品的選擇範圍很廣,同質化嚴重,主動權在個人用戶手上。而B端產品往往是公司要求員工使用,不易用損失的只是員工效率,而買單者(付費者)卻是高層領導,員工效率與公司成本之間還有很多影響因素。當然公司發展到某階段各方面需提高效率時,部分領導會重視;

5. 視覺效果

美觀的產品看起來更易用、更容易產生好感,C端消費者更傾向於使用美的產品,從視覺和極致的用戶體驗能直接增加使用概率。而B端產品不以個人意志為基礎,取決於公司高層或公司制度,界面上出現最多的就是表單、圖表、工作內容等,枯燥程度可想而知;

綜合來說,設計不只是負責美觀,更多的是解決問題、促進溝通、提升產品性能,所以說不管是B端設計還是C端設計的價值都很重要。對於注重溝通/提升性能的公司來說,設計的價值是顯而易見的。而對於那些還沒意識到設計的重要性的公司,設計的價值需要數據驗證,才能被進一步重視。

假如你是偏視覺的設計師,在做B端業務線產品時,在技能和個人成長上,會有一些局限性。但如果你是偏交互的設計師,那麼做完B端產品再去接觸C端的話,會感覺很輕鬆,因為B端產品的業務邏輯複雜、使用場景繁多。

希望對你有所幫助,下期再見~

往期知識點,了解一下:

《產品體驗日記 | 發現優秀的設計-01期》

《產品體驗日記 | 發現優秀的設計-02期》

《產品體驗日記 | 發現優秀的設計-03期》

《用戶訪談 | 深度解析,你需要離用戶更近一些 (附模板) 》

《產品體驗報告 | 要深度分析,不要表面賞析》

《用戶角色模型 | 拒絕“我認為”的設計》

《用戶體驗旅程圖 | 概念&實操&模板》

 

作者:h梓暄,公眾號:UXD筆記

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《產品體驗日記 | 發現優秀的設計-04期》
文章链接:https://www.pmbear.com/%e7%94%a2%e5%93%81%e9%ab%94%e9%a9%97%e6%97%a5%e8%a8%98-%e7%99%bc%e7%8f%be%e5%84%aa%e7%a7%80%e7%9a%84%e8%a8%ad%e8%a8%88-04%e6%9c%9f/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们