在網(wǎng)頁設(shè)計(jì)中兼顧所有用戶和場(chǎng)景的3個(gè)技巧

yoyo
1 評(píng)論 13512 瀏覽 48 收藏 6 分鐘
🔗 B端产品经理需要更多地进行深入的用户访谈、调研、分析,而C端产品经理需要更多地快速的用户测试、反馈、迭代

盡可能兼顧不同用戶的知識(shí)和技能水平

用戶可能是新手、專家或介于兩者之間,要根據(jù)用戶情況設(shè)計(jì)界面。

△ 使用適當(dāng)?shù)男氯艘龑?dǎo)(四種主要的新人引導(dǎo)策略)

這四種用法剛好可以用一個(gè)2*2的矩陣來表示。根據(jù)下方圖示選擇最適合你界面的方式:

2qy20160512 3qy20160512

△?為新手用戶添加提示而不干擾專家用戶

4qy20160512

△?使用卡片分類構(gòu)建信息架構(gòu)

若你想了解用戶如何確定或概念化菜單分類,使用開放式卡片分類;

若你想了解用戶如何將現(xiàn)有元素歸類到預(yù)制分類,使用封閉式卡片分類;

盡可能適應(yīng)用戶的操作流程

用戶會(huì)有不同的需求,根據(jù)不同操作流程調(diào)整界面設(shè)計(jì)。

5qy20160512

△?讓用戶控制數(shù)據(jù)的呈現(xiàn)方式

6qy20160512

△?讓用戶控制數(shù)據(jù)的排序方式

其他排序標(biāo)準(zhǔn)包括:

  • 按字母順序
  • 按可用性
  • 按分類
  • 按日期
  • 按距離
  • 按熱門程度
  • 按價(jià)格
  • 按相關(guān)性
  • 按大小

7qy20160512

△?讓用戶控制數(shù)據(jù)顯示的數(shù)量

8qy20160512

△?構(gòu)建用戶畫像以區(qū)分具體操作流程

9qy20160512

△?讓用戶通過新標(biāo)簽頁打開頁面

很多用戶習(xí)慣先打開頁面,后續(xù)再去瀏覽。

盡可能提高網(wǎng)頁的可及性

讓殘疾人群也可以訪問使用你的界面。這不僅是好的做法,還可以避免法律后果(看你做的是什么產(chǎn)品)

10qy20160512

△?在HTML5中使用語義標(biāo)簽

11qy20160512

△?使用多種提示來溝通反饋信息

大約8%的男性是色盲(Chan, Goh, & Tan, 2014)。不要單獨(dú)通過顏色來傳達(dá)信息,提供多種提示。

盡可能兼容各種輸入和極端個(gè)例

應(yīng)該允許用戶輸入各種信息而無后顧之憂。

12qy20160512

△?解決自動(dòng)生成信息帶來的不好結(jié)果

(譯者注:上圖客戶旅游目的地是奧斯威辛,通過模板消息“<目的地名稱>玩得開心”,會(huì)生成“奧斯威辛玩得開心”的提示,但奧斯威辛集中營(yíng)是個(gè)負(fù)面的聯(lián)想,“奧斯威辛集中營(yíng)玩得開心”,會(huì)讓用戶不爽。保險(xiǎn)起見,改成提示“旅途愉快”)

13qy20160512

△?使用支持多種輸入格式的表單元素

14qy20160512

△?顯示能解決搜索者需求的結(jié)果

15qy20160512

△?使用能處理錯(cuò)別字、同義詞或變體詞的搜索

盡可能兼容所有媒介

界面需要在各種環(huán)境都能運(yùn)作(如不同設(shè)備、瀏覽器等)

16qy20160512

△?根據(jù)用戶瀏覽器定制不同的操作指引

17qy20160512

△?在小型設(shè)備上使用單窗口深入的方式

未完待續(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)的情況下快速處理好

 

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 喜歡這個(gè)系列

    來自廣東 回復(fù)
专题
12038人已学习12篇文章
在商战中,运营设计是至关重要的一部分。本专题的文章分享了运营设计的那些思路和技巧。
专题
14064人已学习12篇文章
本专题的文章分享了SaaS产品的商业模式和产品定价。
专题
14143人已学习13篇文章
数据仓库是所有产品的数据中心,公司体系下的所有产品产生的所有数据最终都流向数据仓库。本专题的文章分享了什么是数据仓库和如何搭建数据仓库。
专题
13947人已学习12篇文章
行业总是处于动态变化之中,那么,处于大环境下的产品经理应当如何规划好自身、选择合适的工作方向呢?本专题的文章分享了产品经理的职业方向和规划。
专题
12666人已学习14篇文章
数字营销有着精准度高、成本较低、效果可量化等优点,很多企业都尝试了数字营销。本专题的文章分享了数字营销的相关内容。