按键是商品中十分常用的可视化原素众所周知，好的按键结构设计能非常大某种程度地提高使用者新体验。那么，怎么塑造出合乎使用者市场需求、颇受使用者钟爱的杰出按键？这首诗里，译者对按键 UX 结构设计进行了回收分析，一同来看呵呵。
一、引言
在位数商品中，按键是最常用的可视化原素众所周知。一个好的按键结构设计能提高使用者新体验和商品的使用量。
责任编辑将深入探讨一些有关按键 UX 结构设计的方式，包括明晰按键机能、优先选择最合适的色调、确认按键大小不一、加进条码和叙述、考虑X310e、试验和强化等。
通过综合性考量这些不利因素，我们能塑造出合乎使用者市场需求的杰出按键，提高商品的使用者新体验和竞争优势。
二、按键的基本特征
1. 按键的表述和机能
按键是一种使用者界面原素，用作促发某一的操作方式或行为。
它能是文档、影像或可视化式原素，一般来说坐落于网页的顶部或顶端，以期于使用者自动更新。
2. 按键的类别和进行分类
根据不同的商业用途和结构设计艺术风格，按键能分成各种类别和进行分类，比如：
证实按键：用作证实使用者的输出或操作方式，一般来说为绿色生态或黄色。
中止按键：用作中止使用者的输出或操作方式，一般来说为黄色或棕色。
导航系统按键：用作重定向到其它网页或网页的一小部分，一般来说为下拉箭头或二百六十名。
搜寻按键：用作在中文网站或插件中搜寻文本，一般来说为图象工具栏。
递交按键：用作递交配置文件数据或继续执行其它操作方式，一般来说为 ” 递交 ” 或 ” 顺利完成 ” 按键。
重置按键：用作重置配置文件或插件的设置，一般来说为 ” 重置 ” 或 ” 恢复默认值 ” 按键。
以上仅是一些常用的按钮类别和进行分类，实际上还有很多其它的类别和进行分类。在结构设计按键时，需要根据具体的场景和目的优先选择最合适的类别和进行分类，并结合使用者新体验和商品市场需求进行强化。
三、按键的布局和位置
1. 按键的位置和大小不一
按键的位置和大小不一对于使用者新体验和商品可用性非常重要。一般来说，按键应该坐落于使用者视线的中心位置，以期于使用者自动更新。同时，按键的大小不一也应该适中，不要过大或过小，以免影响使用者的操作方式。
在实际结构设计中，能通过以下几种方式来确认按钮的位置和大小不一：
根据网页布局来确认按键的位置和大小不一，一般来说将按键放置在网页的中央位置，并根据网页原素的大小不一和间距来进行调整。
根据使用者犯罪行为来确认按键的位置和大小不一，比如，将常用的按键放在网页的顶端或顶部，以便于使用者自动更新。
根据设备屏幕大小不一来确认按键的位置和大小不一，比如，在移动设备上，能将按键放在屏幕的顶部或顶端，以期于使用者单手操作方式。
2. 按键的布局方式和排版规则
除了位置和大小不一之外，按键的布局方式和排版规则也非常重要。合理的布局方式和排版规则能提高使用者的使用新体验和商品的可用性。以下是一些常用的按键布局方式和排版规则：
水平布局：将多个按键横向排列在一同，适用作需要同时操作方式多个机能的场景。
垂直布局：将多个按键纵向排列在一同，适用作需要按顺序操作方式多个机能的场景。
对齐方式：将多个按键按照左对齐、右对齐、居中对齐等方式进行排列，以期于使用者快速找到目标按键。
间距规则：通过调整按键之间的间距来增加可读性和可操作方式性，比如，能设置相邻按键之间的间距为 20 像素。
文字排版规则：通过调整按键文字的大小不一、色调、字体等方式来提高可读性和美观度。
四、按键的色调和样式
1. 按键色调的优先选择原则
按键的色调对于使用者新体验和商品可用性非常重要。一般来说，按键的色调应该与商品的品牌色或主题色相匹配，以期于使用者识别和记忆。同时，按键的色调也应该具有明显的对比度，以期于使用者在不同的背景下快速找到目标按键。
以下是一些常用的按键颜色优先选择原则：
单色按键：使用单一的色调作为按键背景，适用作简单明了的场景。
渐变色按键：使用渐变色作为按键背景，能增加视觉效果和层次感。
反色按键：使用与背景形成鲜明对比的色调作为按键背景，能提高可读性和可操作方式性。
白色按键：使用白色作为按键背景，适用作简洁明了的场景。
2. 按键样式的结构设计要点
除了色调之外，按键的样式结构设计也是非常重要的。合理的样式结构设计能提高使用者的使用新体验和商品的可用性。
以下是一些常用的按键样式结构设计要点：
圆角按键：将按键的边角设置为圆角，能增加界面的柔和感和亲和力。
阴影按键：在按键周围加进阴影效果，能增加立体感和层次感。
描边按键：在按键周围加进描边效果，能突出按键的轮廓和形状。
工具栏按键：在按键上加进工具栏或图形原素，能增加视觉效果和表达意义。
图象按键：在按键上加进图象效果，能增加可视化性和趣味性。
五、按键的文字和条码
1. 按键文字的结构设计原则
按键文字的结构设计对于使用者新体验和商品可用性非常重要。一般来说，按键文字应该简洁明了、易于理解和记忆，同时要合乎商品的品牌形象和主题艺术风格。
以下是一些常用的按键文字结构设计原则：
简短明了：按键文字应该简短明了，不要过于冗长，以期于使用者快速理解和操作方式。
可读性强：按键文字应该具有较强的可读性，字体大小不一适中，色调鲜艳，避免使用难以辨认的字体或色调。
表达意义明晰：按键文字应该能够准确地表达按键的机能和意义，避免产生歧义或误解。
与品牌形象相符：按钮文字应该与商品的品牌形象相符，合乎商品的定位和艺术风格。
2. 按键条码的结构设计要点
除了文字之外，按键条码也是非常重要的。合理的条码结构设计能提高使用者的使用新体验和商品的可用性。
以下是一些常用的按键条码结构设计要点：
条码文本简洁明了：条码文本应该简洁明了，不要过于复杂，以期于使用者快速理解和操作方式。
条码位置合理：条码的位置应该合理，不要遮挡按键的主要文本，也不要过于靠近边缘，以免误触。
条码样式统一：条码的样式应该统一，不要出现多种不同的字体、色调或样式，以保持界面的整洁和一致性。
条码语义明晰：条码的语义应该明晰，不要产生歧义或误解，以期于使用者理解和操作方式。
六、按键的可视化结构设计
1. 按键的点击效果和反馈监督机制
按键的可视化结构设计对于使用者新体验和商品可用性非常重要。合理的点击效果和反馈监督机制能提高使用者的使用新体验和商品的可用性。
以下是一些常用的按键点击效果和反馈监督机制：
点击效果：按键的点击效果应该明显而流畅，能使用淡入淡出、弹跳、放大缩小等效果，以增加使用者的互动性和趣味性。
反馈监督机制：按键的反馈监督机制应该及时、准确地告诉使用者操作方式的结果，能使用声音、震动、提示框等方式进行反馈，以增强使用者的感知和满意度。
错误提示：当按键操作方式出现错误时，应该及时给出错误提示，以避免使用者产生困惑或不满。
2. 按键的动画效果和过渡效果
除了点击效果之外，按键的动画效果和过渡效果也能提高使用者的使用新体验和商品的可用性。
以下是一些常用的按键动画效果和过渡效果：
渐变色：将按键的背景色调渐变为透明或半透明，能让使用者感觉到按键正在被点击或激活。
放大缩小：在按键被点击时，能将按键的大小不一放大或缩小，以增加视觉效果和趣味性。
旋转：在按键被点击时，能将按键进行旋转，以增加动态感和趣味性。
弹出框：在按键被点击时，能弹出一个提示框或证实框，以增加使用者的证实感和安全感。
七、按键的试验和强化
1. 按键试验的方式和流程
按键的试验和强化对于提高商品的使用者新体验和可用性非常重要。合理的试验和强化策略能发现并解决商品中存在的问题，提高商品的品质和使用者满意度。
以下是一些常用的按键试验方式和流程：
机能试验：对按键的机能进行全面的试验，包括点击效果、反馈监督机制、错误提示等。能使用手动试验和自动化试验相结合的方式进行试验。
兼容性试验：对按键在不同设备、不同浏览器、不同操作方式系统下的兼容性进行试验，以确保商品能够在各种环境下正常运行。
性能试验：对按键的性能进行试验，包括响应时间、加载速度、资源占用等，以确保商品能够快速响应使用者操作方式。
2. 按键强化的策略和技巧
除了试验之外，按键强化也是提高商品使用者新体验和可用性的重要手段。以下是一些常用的按键强化策略和技巧：
简化结构设计：将按键的结构设计简化到最少，只保留必要的信息和机能，以期于使用者快速理解和操作方式。
提供反馈：为按键提供及时、准确的反馈，让使用者知道他们的操作方式是否成功，以增强使用者的感知和满意度。
增加互动性：通过动画效果、过渡效果等方式增加按键的互动性，以提高使用者的趣味性和参与度。
考量使用者习惯：根据使用者的使用习惯和焦虑特点，合理结构设计按键的位置、大小不一、色调等，以提高使用者的使用新体验和便利性。
八、总结
按键 UX 结构设计对于提高商品的用户新体验和可用性非常重要。合理的按键结构设计能增加使用者的参与度、趣味性和便利性，从而提高使用者对商品的满意度和忠诚度。
在进行按键 UX 结构设计时，需要考量按键的位置、大小不一、色调、样式、机能、反馈监督机制等多个方面，以确保商品能够满足使用者的市场需求和期望。同时，还需要进行试验和强化，发现并解决商品中存在的问题，提高商品的品质和使用者满意度。因此，按键 UX 结构设计对于现代商品开发和使用者新体验结构设计都具有重要的意义和必要性。
责任编辑由 @MO 鱼山寨 原创发布于人人都是商品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
