“按鈕”的狀態(tài)和交互混淆

0 評(píng)論 6128 瀏覽 6 收藏 4 分鐘
🔗 产品经理在不同的职业阶段,需要侧重不同的方面,从基础技能、业务深度、专业领域到战略规划和管理能力。

按鈕有兩個(gè)屬性:

1、說明。當(dāng)前的屬性狀態(tài)文本,可預(yù)見的點(diǎn)擊處理后果。

2、動(dòng)作。處理點(diǎn)擊用戶交互。

思維模型:

比如:我們常見的“提交注冊(cè)”、“點(diǎn)擊刪除”、“保存草稿”。“提交注冊(cè)”明確的告訴用戶:點(diǎn)擊后,程序會(huì)提交注冊(cè)表單的內(nèi)容進(jìn)行注冊(cè);“點(diǎn)擊刪除”點(diǎn)擊后,將對(duì)所顯示的內(nèi)容進(jìn)行刪除——這個(gè)是大家共同的思維模型。

反面案例:

但是我們也常??吹揭恍顟B(tài)識(shí)別和處理交互結(jié)合在一起的按鈕,有圖有真相

例一、說明屬性和操作行為混淆

如右圖. 這是一個(gè)國(guó)際知名殺毒軟件的開關(guān)切換按鈕,“打開”是個(gè)按鈕。

你說他現(xiàn)在是開啟還是關(guān)閉?你點(diǎn)擊“打開”按鈕會(huì)有什么后果?是點(diǎn)擊打開,還是當(dāng)前已經(jīng)打開?

處理:一個(gè)按鈕的說明屬性和操作處理行為需要完整的具備,不能既是狀態(tài)又是操作行為。兩者需要有不可替代性。比如這里修改為:已關(guān)閉,點(diǎn)擊打開 或者 已開啟,點(diǎn)擊關(guān)閉(狀態(tài),操作說明)就非常明了了。

……………………………………………………………………….

例二、說明屬性和用戶心智模型的不一致

這個(gè)圖大家都見習(xí)慣了可能,但是每次使用的時(shí)候都還是需要思考一下,或者看看下面的列表是不是已經(jīng)是預(yù)見的處理結(jié)果。

問題根本在于:價(jià)格的低到高排列、向上箭頭、顯示屏物理界面低到高存在混淆。我們把按鈕箭頭的從低到高和信用從低到高,顯示屏商品列表從低到高三者沒法統(tǒng)一起來。

處理:直接使用文字,或者用橫向的圖示說明。如”價(jià)格高到底” ?、 “信用<”、 ““。另外直接使用文字需要避免上面第一個(gè)案例的問題。

價(jià)值

用正確的說明屬性可以提高用戶思考成本和避免誤操作帶來的后果,以及直接經(jīng)濟(jì)成本(比如淘寶淘寶的商品排序頁面如果改為橫向圖示,可以大量減少頁面排序刷新操作)。轉(zhuǎn)自半桶水-蔣建平的博客

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!
专题
11906人已学习12篇文章
在日常生活中,使用APP或者网页加载时,加载按钮常常会出现,加载效率影响着用户体验。本专题的文章分享了加载功能的原理和设计。
专题
56772人已学习14篇文章
一次成功的线上活动能让你刷爆朋友圈,拉新活跃留存应有尽有。
专题
12703人已学习17篇文章
在一些老系统可能会有流程复杂、扩展性不强的问题,此时便需要进行重构。本专题的文章分享了产品重构指南。
专题
36263人已学习27篇文章
作为AIGC的代表性应用之一,ChatGPT仅仅只用了2个月的时间就已经突破了1亿用户。
专题
15203人已学习13篇文章
用户画像是指根据用户的基本属性、用户偏好、生活习惯、用户行为等信息而抽象出来的标签化用户模型。本专题的文章分享了如何设计和应用用户画像。
专题
14269人已学习13篇文章
裂变是研究用户增长的重要一环。本专题的文章分享了如何做裂变活动。