在網頁設計中幫助用戶實現目標

3 評論 10185 瀏覽 113 收藏 8 分鐘

讓常用功能和重要數據信息更接近用戶

預測用戶的意圖,讓他們盡可能接近目標。

△ 篩選出或跳至用戶正在搜索的條目

2qyjx20160505

△ 將用戶常選項目列為默認選項

3qyjx20160505

△ 產品列表頁上把重要數據信息展示出來

很多時候用戶需要像踩彈簧高蹺杖一樣,點擊一個產品,查看信息,返回上一頁,再反復操作以查看其他產品。這種設計的可用性差。應把重要信息直接放在主要頁面,減少用戶反復操作的次數。

如果你怕這樣頁面會雜亂,也可以設計成鼠標懸停時顯示(如下面這樣)

4qyjx20160505

△ 鼠標懸停時顯示有用信息

5qyjx20160505

△ 常用功能直接展示出來

6qyjx20160505

△ 用儀表面板方式展現主要數據和狀態

7qyjx20160505

△ 把常見答案放在下拉列表的頭部

交互狀態的及時反饋呈現

通過傳達所有相關信息減少不確定性。

8qyjx20160505

△ 在機器驅動的任務中顯示當前進度和剩余時間

如上傳文件是系統在處理,用戶不知道內部運作情況,通過顯示進度條可以讓用戶知道進展。

9qyjx20160505

△ 復雜或冗長的交互狀態要及時反饋呈現

10qyjx20160505

△ 按次序顯示操作步驟總數

11qyjx20160505

△ 顯示類目下的條目數

同一任務,可為客戶提供多種完成方式

用戶喜歡的操作方式不一樣。為同一目標提供不同路徑,讓用戶選擇最符合他們自己的方式。

12qyjx20160505

△ 用戶可通過用戶名或電子郵件登錄系統

13qyjx20160505

△ 為重復操作類功能提供鍵盤快捷鍵

14qyjx20160505

△ 讓用戶可以拖拽元素

15qyjx20160505

△ 讓用戶直接編輯數據信息

反饋呈現交互動作的限制條件或參數要求

為每一個交互動作做好準備。用戶需要什么?他們如何繼續?

16qyjx20160505

△ 描述清楚你需要用戶輸入什么

17qyjx20160505

△ 實時顯示密碼要求并反饋輸入狀態

18qyjx20160505

△ 為表單元素預填通用參數

19qyjx20160505

△ 顯示表單的必填和選填信息

反饋顯示交互動作的預期結果

在用戶進行交互操作之前,他們應該了解預期結果是什么

20qyjx20160505

△ 使用描述性按鈕標簽

21qyjx20160505

△ 根據當前的輸入,顯示結果預覽

22qyjx20160505

△ 按次序顯示或預覽下一個項目

23qyjx20160505

△ 使用智能菜單項明確操作內容

當用戶取得進展時,給予獎勵或肯定

用戶取得進展了嗎?他們的交互成功了嗎?讓用戶知道,同時引導他們繼續。

24qyjx20160505

△ 保證鏈接與目標頁面的一致性

25qyjx20160505

△ 為新加入用戶提供速效指引環節(如迅速建立人脈)

26qyjx20160505

△ 進度條從大于0%的地方開始

解決用戶的核心需求

很多時候,我們只解決了用戶的表層需求。深入下去,探究為何用戶需要某些功能或信息,然后解決他們的底層需求

27qyjx20160505

△ 顯示當前時間辦公室處于開放還是關閉狀態

28qyjx20160505

△ 顯示事件的新近狀態

如最近發表的評論,顯示為幾天之前而不是具體日期,用戶可明確感知是新評論。

未完待續…

 

原文地址:nickkolenda

譯文來自:@企業官網設計精選

 

 

【系列文章回顧】戳下面鏈接快速到達:

1)在網頁設計中幫助用戶實現目標

2)在網頁設計中如何引導用戶的注意力

3)在網頁設計中如何少讓用戶費腦筋,保持操作流暢

4)在網頁設計中兼顧所有用戶和場景的3個技巧

5)當用戶操作錯誤時,如何在不影響用戶體驗的情況下快速處理好

 

 

 

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很棒的分享!

    來自北京 回復
  2. 學習了 ??

    來自廣東 回復
  3. 對于我這樣的產品新人來說學習到很多,感謝!

    來自天津 回復