上海网站建设公司上海网站建设公司

怎么进步按钮规划的可用性

查看次数:1110 2021-01-03

今日要来跟咱们讲讲细节中的用户体会规划——按钮规划。以小见大,往往从面包屑导航、箭头、按钮...等这样的小细节的规划就足以影响用户体会高度。接下来,要告知咱们的是怎么进步按钮规划的可用性。
它应当看起来可点击/接触

用户看到可点击的按钮会有去点击和接触的激动。尽管按钮在屏幕上会以各式各样的尺度出现,而且一般都具有杰出的可点击性,可是在移动端设备上按钮本身的尺度和按钮周围的空隙尺度都是十分有考究的。
普通用户的指尖尺度一般为8~10毫米,所以尺度为10×10毫米的接触交互对象是符合逻辑的,这也算是移动端上约定俗成的规矩了。
想要让一个元素看起来可点击,留意下面的技巧:
·微妙的阴影可以让按钮看起来“起浮”出界面,让它看起来更接近用户
·增加按钮内边距,让它看起来更容易点击,引导用户点击
·进行悬浮或许点击操作的时分经过实时颜色和效果变化,提示用户
颜色很重要

按钮的颜色需求依据整个网站的配色来单独搭配。作为用户交互的中心,按钮在页面中合适使用特定的颜色进行强调。
按钮的颜色应该亮堂而迷人,这也是为什么那么多UI规划都喜爱采用亮堂的黄色、绿色和蓝色的按钮规划。想要按钮在视觉上突出,按钮的颜色最好选取布景色在色轮上相对方位的互补色。
别的一个值得留意的是品牌用色。你需求为按钮选取一个同你的品牌配色方案相匹配的颜色,它不只要有识别度,还要有关联性。不管你配色方案怎么调整,按钮首先要与你的首要配色保持关联和共同。
尺度的影响更大

按钮要大!规划师常常被各种人戳屏,LOGO要大是被指责得最多的当地,而在进行按钮规划的时分,大也相同是钢需。只有当按钮尺度够大的时分,用户才能在一看到界面的时分就被它所吸引。尽管幽灵按钮可以占有足够大的面积,可是幽灵按钮在视觉重量上的不足,使得它并不是最好的挑选。所以,咱们所说的大不只仅是尺度上的大,在视觉重量上相同要“大”。
当然,按钮的巨细尺度也是一个相对值。有的时分,相同的尺度的按钮,在一种情况下是完美的巨细,在别的一个界面中可能便是过大了。很大程度上,按钮的巨细取决于周围元素的巨细比例。假如按钮是界面中可见的仅有元素,那么谁都不会错过了。
方位也关键

按钮应该放置在哪个方位?界面中哪些当地可以为你带来更多的点击量?
在绝大多数的情况下,按钮应当依照你的页面和APP的内容来增加:
·在表单的底部
·在行为呼唤类信息附近
·在页面或许屏幕底部
·在信息的正下方
为何要放置在这些方位?因为他们遵循用户的习惯和天然的交互路径,不管是网页仍是APP。
专注于比照

几乎所有类型的规划都会比照照度有所要求,在进行按钮规划的时分,不只要让按钮内的内容(图标、文本)可以同按钮本身构成杰出的比照,而且按钮和布景以及周围的元素也要形成比照。
那么,在你进行规划的时分,需求考虑到下面的因素:
·颜色
·字体的字重和尺度
·元素的巨细
·布景与形状
·阴影与渐变
·留白和内外距离
使用标准的形状

当你在考虑按钮的外形的时分,你只需求考虑两种情况:
·圆形。随着Material Design这种规划规范的推广,圆形的按钮已经被咱们所接受了。圆形按钮广泛适用于时下流行的扁平化规划风格,合适目前的用户形式。
·矩形。矩形按钮(包括方形和各种圆角矩形)是最常见也是按钮在咱们认知中的默许形状,它符合用户的认知与习惯,绝大多数的按钮长度宽度的两倍(当然三四倍也有)。当用户看到它的时分,马上会明白应该怎么与之交互。至于使用圆角仍是直角,那便是别的一个问题了,挑选符合你的规划风格的即可。
告知用户做什么

每个按钮都会包括一个文本指令,它会告知用户这个按钮的功用。所以,按钮上的文本要尽量简练、直观,而且使用符合整个网站风格的语音语调。
然后,你需求“实行许诺”。当用户点击按钮的时分,按钮所指示的内容和成果应当合理、迅速地呈现在用户眼前,无论是提交表单、跳转到新的页面,用户经过这个按钮应当获得他所预期的成果。
按钮中的内容一般包括:
·戳我!
·立即创建
·免费试用
·参加购物车
·查看更多
让按钮具有更高的视觉优先级

几乎每个界面都塞满了各种不同的UI元素。规划的过程中,规划师往往会规划出若干个不同的版本,而直到项目接近完结的时分,才从无比相近的几个方案中挑选一个版本。
不要陷入这种困境。
按钮就该有按钮的样子。按钮应该是整个规划中绝无仅有的控件,它在形状、颜色和视觉重量上,都应当同其他部分区分开。想想看,当你创造出的按钮和其他的控件都要大,颜色在整个配色方案中都绝无仅有,它绝比照黑暗中的萤火虫还要来得显眼。
以上便是关于进步按钮规划的可用性知识共享,这八个方面的分解析,是否对你有所启发?你还可以试着凭借以上的建议,结合网站开发、APP开发方面的数据剖析,更加精确地了解用户关于你所规划的按钮的实际效果。


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

如何检查网站是否被搜索引擎惩罚?

2026-05-04

可以按 “快速信号→工具确诊→深度排查→确认惩罚类型” 四步来查,下面每一步都给你可直接照做的操作。

避坑清单动态优化执行清单的效果复盘标准的判定规则是什么?

2026-05-04

避坑清单动态优化执行清单的效果复盘标准,核心判定规则围绕 “量化指标达标情况” 划分等级,明确各等级处理要求,确保判定客观、闭环,具体

网站优化中遇到的问题该怎么处理

2026-05-04

网站优化是一个持续的过程,涉及技术、内容和用户体验等多个层面。1、网站的什么结构才算好? 答:条理清楚的树形结构。

网站建造-怎么保持网站排名的长时间安稳

2026-05-04

要维持网站排名的长期稳定,核心在于 从“取巧迎合”转向“价值深耕”。有句话叫做打江山容易守江山难,网站排名做到主页了并没有什么值得骄傲

高客单价产品如何运营好小红书闭环电商?

2026-05-04

高客单价产品在小红书做闭环电商,核心差异在于经营逻辑的转变:不再追求流量变现,而是深度经营用户的全周期价值。小红书正成为高客单

品牌网站建设和普通企业网站建设有何关系

2025-10-03

品牌网站建设和普通企业网站建设在基础的慨念上基本属于同一类型称呼,在建站的方法上也是如出一辙,但是在网站建设成功后的效果以及效益上却迥

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区人民北路326号

地 址: 上海市闵行区(莘庄)友情路50弄15号

上海网站建设
上海网站建设

华体会体育(中国)HTH·官方网站

电话:021-67637587 15900942493(微信同号)

地址:上海市闵行区(莘庄)友情路50弄15号

地址:上海市松江区人民北路326号

华体会体育(中国)HTH·官方网站 上海网站建设 电话:021-67637587

地址:上海市松江区人民北路326号

地址:上海市闵行区(莘庄)友情路50弄15号

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

华体会体育(中国)HTH·官方网站松江分部

电话:021-67637587 15900942493

地址:上海市松江区人民北路326号

上海网站设计公司