当前位置:网站首页>(翻译)按钮位置约定能强化用户使用习惯
(翻译)按钮位置约定能强化用户使用习惯
2022-07-26 03:57:00 【gc_2299】
按钮对不了解用户体验的设计人员而言:“只要有就行,放在哪里无所谓。”但在用户体验中,细节决定一切,尤其是按钮的布局。
按钮类似于门把手。如果门把手安装位置不对,人们难以有效开关门,而安装对的话,只要有手就都可以不加思索地穿过大门。门把手的安装约定让人们形成了一种无意识的习惯。
用户具有习惯性
类似于门把手,按钮也需要布局约定。前后一致的按钮布局能让用户像穿过大门一样在应用程序中畅通无碍。
大部分应用程序没有遵循按钮布局约定,打破了用户习惯,这会导致用户想要做的操作和应用程序实际执行的操作不一致。
案例研究
下列案例展示了缺少按钮布局约定如何导致用户犯下严重错误。用户并不总是靠眼睛使用应用程序,还会靠使用习惯[1]。
Pocket软件发现:“新用户想返回时总是本能地点击存档按钮,他们认为向上按钮会在那个位置。阅读器会关闭,但用户保存的条目也会消失,进而导致列表为空或文章丢失。”[2]
存档按钮使用的图标不同于向上按钮,但它占据了向上按钮原本的位置。用户习惯性地点击该位置的按钮,想着是返回,结果变成了存档。
Pocket软件设计人员认为将存档按钮换成向上按钮不会有多大影响,但用户是习惯性生物,细节会影响用户体验。
在另一个案例中,用户对会议创建过程很迷惑:“填写会议细节,邀请参会人员,然后不小心取消了会议”。
“取消”和“完成”按钮的标签不同,但由于“取消”按钮放在了原本放置“完成”按钮的位置,超出了用户预期,从而导致用户点错按钮。
常言道,手比眼快,而对本案例而言,习惯的影响高于眼睛。设计人员应考虑这一点,在应用程序中设置按钮位置约定。
遵循按钮布局约定
无论设计人员认为“取消”按钮应放在左侧还是右侧,请在应用程序中设置按钮位置约定,并在所有页面中遵循该约定,这样能形成用户期望,强化使用习惯。
如果不遵循按钮位置约定,则会超出用户期望。不要让用户感到沮丧和困惑,强化他们的使用习惯,让他们能像穿过大门一样轻松完成操作。
原文地址:https://uxmovement.com/buttons/how-button-placement-conventions-reinforce-user-habits/
[1]原文:What guides users are not always their eyes, but their habits.
[2]原文:Pocket learned that “new users were instinctively tapping the Archive Button to go back, expecting the Up Button to be there. The Reader would close, but the item they saved would disappear, and they would return to their list empty or missing their article”
边栏推荐
- Wechat applet to realize music player (4) (use pubsubjs to realize inter page communication)
- Summary of basic knowledge of C language pointer (I)
- cpu和gpu已过时,npu和apu的时代开始
- Uncaught TypeError: $(...). Onmousenter is not a function JS error, solution:
- Can't the container run? The Internet doesn't have to carry the blame
- php eval() 函数可以将一个字符串当做 php 代码来运行
- Bond network mode configuration
- 【单片机仿真项目】外部中断0和1控制两位数码管进行计数
- Wechat applet realizes music player (5)
- MySQL索引失效场景以及解决方案
猜你喜欢

booking.com缤客上海面经
![[class and object instances in kotlin]](/img/bf/9f3232ef674956b45920b85a947d98.png)
[class and object instances in kotlin]

在 Istio 服务网格内连接外部 MySQL 数据库

MySQL index failure scenarios and Solutions

深度学习之DAT

按键消抖的Verilog实现

General test case writing specification

zkEVM:MINA的CEO对zkEVM和L1相关内容的总结

触觉智能分享-RK3568在景区导览机器人中的应用

Multi merchant mall system function disassembly lecture 15 - platform side member label
随机推荐
[mathematical modeling - Summary of planning model] | matlab solution
用GaussDB(for Redis)存画像,推荐业务轻松降本60%
oracle 11g “密码延迟验证”特性
想要做好软件测试,可以先了解AST、SCA和渗透测试
Wechat applet to realize music player (4) (use pubsubjs to realize inter page communication)
Aike AI frontier promotion (7.18)
Ali II: how to quickly query a table with tens of millions of data?
1311_ Hardware design_ Summary of ICT concept, application, advantages and disadvantages
General test case writing specification
在 Istio 服务网格内连接外部 MySQL 数据库
《opencv学习笔记》-- 重映射
One stop monitoring of the software and hardware infrastructure of the whole university, and Suzhou University replaces PostgreSQL with time series database
安装VMware报错failed to install the hcmon driver
Oracle 11g "password delayed verification" feature
基于Caffe ResNet-50网络实现图片分类(仅推理)的实验复现
Testing is not valued? Senior: you should think in another position
微信小程序实现音乐播放器(4)(使用pubsubjs实现页面间通信)
Multi merchant mall system function disassembly lecture 15 - platform side member label
PHP method to find the location of session storage file
STM32状态机编程实例——全自动洗衣机(下)