提升產品易用性

案例分享

Design Tips

設計錦囊：

產品無言，細節有聲，項目管理部不定期為大家分享產品設計中的優秀案例及解讀，從微小之處學習產品的設計之道，通過學習沉淀將知識其轉為工作所用，逐步搭建廣院設計知識庫。

0

1

① Airbnb減少不必要的輸入成本

「手機動態密碼登錄」方式切換為「使用賬號密碼登錄」時，輸入的手機號碼自動帶到「使用賬號密碼登錄」，減少了11次不必要的點擊輸入。清除按鈕保持顯示，一鍵清除，以便用戶輸入郵箱地址。

②Airbnb信息遮擋／提示不恰當

1、鍵盤彈起時，用戶必須勾選的條約信息被遮擋，iOS用戶需點擊鍵盤「完成」按鈕／Android用戶需點擊右上角下滑鍵盤的按鈕，才能勾選條約完成登錄操作。

??優化方案：條約采用跟隨鍵盤移動的交互形式，方便用戶勾選，完成注冊登錄動作。

2、錯誤信息跟隨鍵盤和“登錄信息失效，請重試”信息提示，并不能明確指示哪項填寫出錯。

??優化方案：錯誤提示信息采用“行內提示”的交互方式，提高信息指示性。

Design Tips

0

2

支付寶通過鍵盤設計降低輸入成本

支付寶「停車繳費」功能，在鍵盤輸入的體驗上做了實用的小創新：當進行輸入汽車歸屬地的操作時，會彈出信息顯示為各省、直轄市簡稱的特殊鍵盤，實現快速點擊輸入，巧妙地利用低成本的細節修改降低了用戶的輸入成本。但鍵盤位置與主頁顯示器沒留出安全距離，在iPhone X會造成誤觸手勢鍵。

??二輪思考：每個人對自己的車牌是很熟悉的，打出省份簡稱只需1-2秒，從這37個簡稱里選有可能需要3-5秒，所以該方案是否合理需要數據沉淀后才能做出判斷。

Design Tips

0

3

抖音在觸發點最近的地方顯示彈窗

多數產品在設計模態彈窗引導用戶進行操作行為時，都會將操作控件放在固定的頁面位置(一般居中或者處于頁面底部)。iOS版抖音會檢測用戶進行操作時手指與屏幕的接觸位置，并將模態彈窗的操控按鈕顯示在離觸發手指最近的地方(android版只有居中觸發)隨用戶手部活動區域變化而靈活變更位置的模態彈窗設計，使用戶在進行手勢交互的過程中操作動作能始終在手部的舒適區域內進行，是應對大屏時代十分友好的體驗設計。

?學習要點：縮短操作路徑、合理利用點擊熱區，是提高使用效率和反饋體驗的方法之一。

Design Tips

0

4

微博自動彈出評論入口，降低用戶互動成本

看微博時我們常常會被大量碎片的信息沖擊，無關的動態我們習慣一刷而過，感興趣的則可能多看幾眼，手動評論互動的成本變得越來越高。「微博」刷關注欄內容，如果在一條動態上停留時間超過7秒會自動彈出評論的快捷入口，以降低用戶互動的成本，提高用戶互動的積極性。(此方式借鑒ins的設計邏輯，很好地提高用戶活躍度與互動行為)。這樣鼓勵評論的小細節設計，會讓你忍不住留下自己的碎碎念嗎？

Design Tips

0

5

QQ查看文檔的同時，點右上角頭像就能進行溝通

QQ為了方便用戶邊看文檔邊溝通，在查看文檔時，界面右上角顯示聊天對象的頭像，點擊頭像可以快速調出對話框進行及時溝通，發完消息退出彈窗繼續閱覽文件。

愛奇藝看視頻時，回復微信消息也是采用在當前界面調出對話小窗口，有效降低跳出率。提供一個對話小窗口，讓溝通更加的及時和便捷。

Design Tips

0

6

左劃，讓QQ群回復更簡單

回復功能的出現大大降低了我們在QQ群溝通的成本，長按內容點選「回復」即可直接標明是在應答誰的話。但能不能有更簡單的操作？當然可以！左劃手勢直接把操作步驟從兩步簡化為一步，只需要在想回復的內容上往左劃拉一下，就可以直接觸發「回復」功能。這個手勢功能不僅讓回復更加快捷，同時還大大方便了單手操作的人群。

Design Tips

~END~

文案&圖片 | 項目管理部 徐曉芝 李宜楠

編輯 | 項目管理部 王怡茗

審核 | 辦公室 沙曉磊

總結

以上是生活随笔為你收集整理的提升的控件 paint()事件被遮挡_设计锦囊 | 提升产品易用性案例分享的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。