在網(wǎng)頁設(shè)計(jì)中幫助用戶實(shí)現(xiàn)目標(biāo)
讓常用功能和重要數(shù)據(jù)信息更接近用戶
預(yù)測(cè)用戶的意圖,讓他們盡可能接近目標(biāo)。
△ 篩選出或跳至用戶正在搜索的條目
△ 將用戶常選項(xiàng)目列為默認(rèn)選項(xiàng)
△ 產(chǎn)品列表頁上把重要數(shù)據(jù)信息展示出來
很多時(shí)候用戶需要像踩彈簧高蹺杖一樣,點(diǎn)擊一個(gè)產(chǎn)品,查看信息,返回上一頁,再反復(fù)操作以查看其他產(chǎn)品。這種設(shè)計(jì)的可用性差。應(yīng)把重要信息直接放在主要頁面,減少用戶反復(fù)操作的次數(shù)。
如果你怕這樣頁面會(huì)雜亂,也可以設(shè)計(jì)成鼠標(biāo)懸停時(shí)顯示(如下面這樣)
△ 鼠標(biāo)懸停時(shí)顯示有用信息
△ 常用功能直接展示出來
△ 用儀表面板方式展現(xiàn)主要數(shù)據(jù)和狀態(tài)
△ 把常見答案放在下拉列表的頭部
交互狀態(tài)的及時(shí)反饋呈現(xiàn)
通過傳達(dá)所有相關(guān)信息減少不確定性。
△ 在機(jī)器驅(qū)動(dòng)的任務(wù)中顯示當(dāng)前進(jìn)度和剩余時(shí)間
如上傳文件是系統(tǒng)在處理,用戶不知道內(nèi)部運(yùn)作情況,通過顯示進(jìn)度條可以讓用戶知道進(jìn)展。
△ 復(fù)雜或冗長(zhǎng)的交互狀態(tài)要及時(shí)反饋呈現(xiàn)
△ 按次序顯示操作步驟總數(shù)
△ 顯示類目下的條目數(shù)
同一任務(wù),可為客戶提供多種完成方式
用戶喜歡的操作方式不一樣。為同一目標(biāo)提供不同路徑,讓用戶選擇最符合他們自己的方式。
△ 用戶可通過用戶名或電子郵件登錄系統(tǒng)
△ 為重復(fù)操作類功能提供鍵盤快捷鍵
△ 讓用戶可以拖拽元素
△ 讓用戶直接編輯數(shù)據(jù)信息
反饋呈現(xiàn)交互動(dòng)作的限制條件或參數(shù)要求
為每一個(gè)交互動(dòng)作做好準(zhǔn)備。用戶需要什么?他們?nèi)绾卫^續(xù)?
△ 描述清楚你需要用戶輸入什么
△ 實(shí)時(shí)顯示密碼要求并反饋輸入狀態(tài)
△ 為表單元素預(yù)填通用參數(shù)
△ 顯示表單的必填和選填信息
反饋顯示交互動(dòng)作的預(yù)期結(jié)果
在用戶進(jìn)行交互操作之前,他們應(yīng)該了解預(yù)期結(jié)果是什么
△ 使用描述性按鈕標(biāo)簽
△ 根據(jù)當(dāng)前的輸入,顯示結(jié)果預(yù)覽
△ 按次序顯示或預(yù)覽下一個(gè)項(xiàng)目
△ 使用智能菜單項(xiàng)明確操作內(nèi)容
當(dāng)用戶取得進(jìn)展時(shí),給予獎(jiǎng)勵(lì)或肯定
用戶取得進(jìn)展了嗎?他們的交互成功了嗎?讓用戶知道,同時(shí)引導(dǎo)他們繼續(xù)。
△ 保證鏈接與目標(biāo)頁面的一致性
△ 為新加入用戶提供速效指引環(huán)節(jié)(如迅速建立人脈)
△ 進(jìn)度條從大于0%的地方開始
解決用戶的核心需求
很多時(shí)候,我們只解決了用戶的表層需求。深入下去,探究為何用戶需要某些功能或信息,然后解決他們的底層需求
△ 顯示當(dāng)前時(shí)間辦公室處于開放還是關(guān)閉狀態(tài)
△ 顯示事件的新近狀態(tài)
如最近發(fā)表的評(píng)論,顯示為幾天之前而不是具體日期,用戶可明確感知是新評(píng)論。
未完待續(xù)…
原文地址:nickkolenda
譯文來自:@企業(yè)官網(wǎng)設(shè)計(jì)精選
【系列文章回顧】戳下面鏈接快速到達(dá):
1)在網(wǎng)頁設(shè)計(jì)中幫助用戶實(shí)現(xiàn)目標(biāo)
2)在網(wǎng)頁設(shè)計(jì)中如何引導(dǎo)用戶的注意力
3)在網(wǎng)頁設(shè)計(jì)中如何少讓用戶費(fèi)腦筋,保持操作流暢
4)在網(wǎng)頁設(shè)計(jì)中兼顧所有用戶和場(chǎng)景的3個(gè)技巧
5)當(dāng)用戶操作錯(cuò)誤時(shí),如何在不影響用戶體驗(yàn)的情況下快速處理好
很棒的分享!
學(xué)習(xí)了 ??
對(duì)于我這樣的產(chǎn)品新人來說學(xué)習(xí)到很多,感謝!