我們的產品體驗日記

我們的產品體驗日記

1.【QQ】發送圖片的交互方式

產品體驗:

一般產品的發送圖片,常規做法是:用戶點選圖片-然後點擊“發送”。而QQ的做法直接是把想要發送的圖片滑到對話框中,並且在上滑的過程中在圖片頂端提示“鬆手發送”,鬆開即發送成功。

設計思考:

QQ作為一款國民級產品,並且現在用戶大多是00後,必然要在交互上有所創新。發送圖片的交互方式的改變,提升了操作的便捷性,也使的產品更加的有趣味性,迎合現在的年輕人。

undefined

2.【航旅縱橫】輸入航班號時出現數字鍵盤

產品體驗:

在手機端填寫驗證碼、航班號等信息時,由於可能同時存在字母和數字,需要多次切換鍵盤,非常麻煩。在航旅縱橫中輸入航班時,在手機鍵盤上方會有一排數字。字母和數字同時出現,在輸入航班時,用戶無需在數字和字母之間來回切換,提高操作效率。

設計思考:

數字和字母之間的切換在航旅縱橫產品中是個非常高頻的操作,航旅縱橫非常巧妙把這兩者之間的切換結合了起來。在字母的上方出現一排數字,方便了用戶不用來回切換。

undefined

3.【微信】轉賬規避風險

產品體驗:

在使用微信進行轉賬時,當用戶的金額超過千位後,會直接在最大位數下標明是哪個位數。

設計思考:

微信轉賬時顯示位數的做法,表述明確。極大有效地防止了用戶因看錯位數而裝錯金額,不用用戶再去數數。一般應用常規的做法是用“,”來隔開,但這樣還是還是沒有文字表述來的直接,並且其實只要知道了最大的是哪位數,後面的位數就算沒有區分地那麼清楚,也不影響用戶對金額的判斷。

undefined

4.【飛豬】機票往返信息展示

產品體驗:

飛豬在選擇往返機票時,會講界面分為左右兩邊分別進行滾動操作。

設計思考:

往返信息左右顯示的方式,結合了用戶的使用場景,為用戶多想了一步,提供了最短的操作路徑完成了需求。方便了用戶對價格和時間的對比,比常規的單一頁面滾動操作方便狠多。

undefined

5.【釘釘】消息撤回重新編輯

產品體驗:

釘釘消息打錯了撤回時,會出現重新編輯的入口,點擊後在輸入框會顯示撤回前的內容,可直接針對原有消息進行重新修改編輯,重新發送。

設計思考:

在操作行為中,往往隱藏著需要不斷重複性操作的情況。用戶在撤回消息有可能只是局部的信息錯誤需要修改,輸入框顯示撤回前的內容,這樣可以縮短重新輸入的時間。

undefined

6.【愛奇藝】視頻長按播放預覽

產品體驗:

首頁推薦的視頻,可通過長按進行視頻的快速播放預覽,還貼心的默認靜音播放視頻內容的精選片段,如果喜歡還可以直接點擊“觀看完整版”或者選擇“靜音開播”。

設計思考:

愛奇藝的預覽行為帶來的操作可預覽行,可讓用戶快速get視頻精髓,決定是否看全片,有利於用精彩片段為視頻引流。也減短了用戶點擊視頻進入詳情頁進行觀看的路徑,降低了用戶的操作成本。

undefined

7.【QQ郵箱】小紅點消息提示

產品體驗:

QQ郵箱採用2種消息提示顏色,在首頁一級頁面用紅色作為消息提示,在二級頁面用藍色作為消息提示。

設計思考:

“小紅點”作為一個產品的消息提示的視覺體現,是否全部需要用“紅色”作為強提醒,怎麼做出差異化。 “QQ郵箱”給了我們一個啟示,1級頁面強提醒,2級頁面用弱級色彩,降低消息的打擾度,增加用戶可控感。左圖類似“每日悅讀”,採用小紅點通知,能夠滿足平台的可控權,進行流量的分配。右圖,二級頁採用的也是藍色點,將閱讀的選擇權交給用戶,節省用戶有限的注意力,不過多打擾。

undefined

8.【拼多多】修改收貨地址

產品體驗:

當在拼多多修改地址的時候,有一個按鈕“支付後邀請好友填寫地址”。如果收貨人不是本人,你在付完款後分享給對方,那對方可以直接選擇填寫地址,簡單又方便。

設計思考:

“拼多多”這個按鈕可以大大減少購買者和收貨人雙方之間的操作。我們試想一下,首先,如果由購買者來填寫新地址,那麼對方發來的地址可能比較複雜,購買者可能由於對地址不熟悉而出現反複查看、反复粘貼的情況。那麼由對方來填寫則可以減少購買者的操作。最重要的一點就是,如果對方沒有拼多多,那麼通過這次分享還可以把拼多多的品牌給暴露出來,然後形成一定轉化,把用戶體驗和提升轉化完美結合了。

undefined

9.【懂車帝】精彩視頻內容

產品體驗:

在“懂車帝”裡看視頻的時候,點擊屏幕會出現視頻的精彩時間段和標題內容。快速進行選擇視頻的重點內容進行觀看。

設計思考:

人在看一段視頻的時候肯定是關心視頻的重點內容,尤其是“懂車帝”這種解說的視頻。想跳過一些無關緊要的內容,節省時間。可在拉動快進條時會錯過重點內容,需要反複調整。 “懂車帝”這個做法,將重點內容的標題展現出現,吸引用戶進行快速選擇,操作快捷方便。

undefined

10.【去哪兒】機票目的地選擇

產品體驗:

在“去哪兒”低價機票頁面,選擇目的地時,可支持同時選擇多個目的地,還可以選擇“國內熱門”、“擁抱自然”等熱門主題,非常智能

設計思考:

這個功能充分考慮到了平台特點和用戶使用場景,首先去哪兒是一個旅行相關的APP,用戶有相當一部分是喜歡出去旅行的人,在搜索低價機票時,不一定有明確的目的地,而是抱著一個哪兒便宜去哪兒的心態。 “目的地選擇”這個功能為用戶提供了方便,提升了業務的轉化率。

undefined

11.【QQ】多窗口切換

產品體驗:

點擊QQ消息列表進入聊天框,長按聊天窗口空白處,可以切換多窗口,左右滑動可切換好友/群聊天窗口,上下滑動可查看當前窗口的聊天記錄。

設計思考:

QQ作為一個用戶群體年輕、多樣的社交產品。多窗口切換的功能,看起來有點酷炫,符合年輕人追求新穎的特性,也減少了操作路徑,不用返回消息列表再重新進入到窗口的多步操作。

undefined

12.【淘寶】快速切換商品

產品體驗:

在淘寶詳情頁裡,從頂部向下拖到時。就能夠直接顯示用戶最近查看的一些商品,點擊之後可以快速切換過去,省去了之前點擊返回,然後在重新找到之前瀏覽商品的流程。

設計思考:

這種設計能幫助用戶快速的對比多個待選擇商品的信息,我們知道當一個用戶查看了十幾個商品,那他最終可能購買的概率就會比較低,就是說選擇的閱讀,決策就越困難,購買率就越低。淘寶的這種做法就快速的幫助用戶去找多個商品,這樣用戶就可以提高對比信息時的效率,清楚知道每種商品的優勢劣勢,那購買率自然就提升了。

undefined

13.【網易云音樂】簽到獎勵

產品體驗:

在簽到頁面進行簽到後,除了有積分獎勵外。還會推荐一首歌以及一些歌曲評論。


設計思考:

現在大部分產品只要用戶簽到,就給用戶物資獎勵,獎勵可以是優惠券、現金抵現、抽獎、兌換商品,但這種簽到激勵往往耗時較長,且有一定的運營成本,獎勵的價值往往都比較低。同時過程中缺乏新意.【網易云】推薦歌曲及評論的行為,可以形成和用戶之間的互動,讓用戶剛到新穎感,增強用戶的粘度。

undefined

14.【淘寶】買家秀模板

產品體驗:

在拍買家秀時,會提供一些拍照的模板供選擇。

設計思考:

用戶在發表評論時由於羞澀或者自己拍的不怎麼樣。 【支付寶】買家秀模板的行為,積極有效地引導了用戶拍買家秀,同時也降低拍攝的難度。

undefined

15.【網易嚴選】分類切換

產品體驗:

在商品分類頁面進行切換時,除了可以左右切換,向上滑到,滑到底部時,會出現下一個分類的按鈕。

設計思考:

用戶往往在瀏覽某一品類商品,當滑到最底部時,要進行切換類目時。要么點擊底部類目或者左右滑動切換。但【網易嚴選】這種做法,既避免了用戶在單手操作時,無法點擊屏幕上方。又相比於左右滑動,這種交互方式可以增加後面模塊的曝光率。

undefined

16.【鏈家】獲取權限

產品體驗:

當新用戶初次使用,【鏈家】把所有需要申請的權限在新用戶第一次打開app時,全部集中在一起申請。

設計思考:

當我們初次使用app時一定遇到過,一些權限以彈窗的形式一個一個來詢問。你肯定被這個弄煩過。但【鏈家】的做法是所有需要申請的權限聚集在一起。這不僅減輕了用戶的煩惱,也藉這個頁面吧開通各個權限的意義更清新地傳達給了用戶,增加了權限被開通的機率,獲得了用戶的信任感。

undefined

17.【虎嗅】推薦文章卡片滾動

產品體驗:

在【虎嗅】app中瀏覽文章看到結尾,向下滑動時,推薦的文章卡片會隨著向下滑動而向左滾動。

設計思考:

【虎嗅】作為一款資訊類產品,那怎樣提升用戶的停留時間,使用戶花費更多的精力在這上面呢。 【虎嗅】在推薦文章的交互上做了改變,向下滑動頁面時推薦文章卡片向左滾動,盡可能多的曝光更多的文章,吸引用戶的興趣。使用戶點擊瀏覽,提升用戶停留率。

undefined

18.【美團】手機號碼統一更換

產品體驗:

在【美團】旗下產品中更換手機號碼,會自動同步到所有的產品中。

設計思考:

現在的產品越來越多的將手機號碼作為賬號,美團旗下那麼多的產品,如果只在其中一個產品換手機號碼後,那在登錄其他產品時勢必會遇到困難。 【美團】的這一做法就很好的解決了這一問題,有利於統一用戶對品牌的認知感,我認為還有一個好處就是,統一更換手機號碼,用戶在使用美團旗下未註冊的產品時,無須再註冊,直接手機號登陸。

undefined

19.【支付寶】大盤晴雨表設計

產品體驗:

在大盤晴雨模塊裡,用天氣預報的形式來呈現股票市場大盤的走勢。

設計思考:

股票市場的走勢對於大多數新手理財來說,十分的抽象且枯燥乏味。而【支付寶】大盤晴雨表的設計通過結合人們日常生活中熟悉的天氣預報的形式來呈現,簡單易懂,提升了用戶的認知。降低了學習成本。

undefined

20.【皮皮蝦】不文明用語改成“笨蛋”

產品體驗:

當我們輸入含有辱罵、不雅等的評論內容時,系統會提示我們含有不文明的字眼,如果我們執意要發表不文明評論,系統就會將不文明字段統一改成“笨蛋”。

設計思考:

【皮皮蝦】作為一款主打輕幽默神評論的社區產品,是決不允許出現不和諧的語言,讓人感到這個平台戾氣很足。用這種俏皮的口吻,既表達了用戶的情緒,又規範了平台用戶的言論。

undefined

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。