提高產品交互效率的奇技淫巧

一、操作入口前置

操作入口前置的奇技淫巧（未滿18歲禁入） - 狐痴山 - 知乎專欄

二、運用多媒體搜索技術

不同於以往的娛樂化搜索，現在的搜索似乎有了更多的使用價值

Camfind

1. 搜索你剛才拍攝的物體

2. 準確的識別出搜索對象的顏色，質地，等等

3. 提供相關圖片與相關搜索結果

三、扁平交互設計：

1.展示關鍵信息

淘寶電影選票

選擇影片→選擇電影院→選擇時間→選擇座位

（而不用跳來跳去選了影院選影片什麼）

2.使用快捷方式

paper在看東西的時候，好友的小圓頭像會浮在一邊，隨時喚起聊天

淘寶

層級太他媽深了，假如點back你要點多少下呀=_=

所以這裡一鍵返回首頁qωq

• 知乎的快捷鍵

新手→操作指導、避免錯誤

資深用戶→提供快捷、高效操作

3.並列信息層級，減少跳轉&操作

• 知乎頂部下滑和底部上滑在上下兩篇回答之間切換

由知乎ios和Android客戶端不同翻頁手勢引發的思考 - 狐痴山 - 知乎專欄

4.減少子任務

點擊「聯繫人」以後就直接確定對方為發送對象然後可以「創作發送內容」或者直接發送

（我非常喜歡「發送」這個動效）

5.批量操作&減少重複操作

四、用戶看不到的交互設計

1.後台執行

系統處理網路任務時，讓用戶玩點別的

例：instagram、美拍、微視、lofter、微可拍、vine、flickr

2.使用預載框架啟動：假裝點擊後立即啟動

tinder、豆瓣fm、instagram、quora、知乎、鎚子便簽、snapchat

ios原生應用起到了教材的作用

3.載入前顯示內容&緩存

常見的兩種緩存

• 臨時緩存

• 固定緩存

4.符合用戶心智模型：

點擊「發送」→消息飛到聊天上下文中

• 現實模型：APP後台默默地繼續執行任務，其實對方還沒收到

陌陌、line、微信、QQ、messages of ios、same、messages of Facebook、path

• 先視覺界面，再數據交互

5.適用於wifi使用環境下——預測用戶行為，提前開始任務

常見的上滑翻頁

• 音樂app當歌曲快播完時，載入下一首歌，做到無縫銜接

• 打開某篇文章，自動載入裡面的多媒體

• facebook插入照片後，自動上傳，當用戶編輯完點擊發送時已上傳了一大半

• 在用戶決定之前自動下載，如果用戶放棄則自動刪除、

6.預載默認框架

讓用戶逐步看到內容

先載入父內容（固定的框架），再載入子內容（更新的內容）

7.半層彈層模式&浮動模態層&內容的擴展延伸

首先，這一條屬於高頻路徑（最頻繁的操作流程）

• 在同一頁面內完成操作

• 減少頁面跳轉
• 減少整體框架的層級

• 降低用戶瀏覽行為的負擔
• 覆蓋屏幕部分區域，使上一操作的一些內容可見；

• 點擊黯淡區域顯示上一層

• 保持用戶記憶的時效性（跳轉出去，可能對上一頁內容記憶不完整，或者不知道從哪一分類進入的）

五、適合單手操作

適合用戶單手**的奇技淫巧（慎入！） - 狐痴山 - 知乎專欄

推薦閱讀：