担路新闻资讯中心
你可以了解最新的互联网资讯,了解最新的互联网产品

网页设计中按钮设计的原则

2018-08-04

      按钮是 UI 和交互设计的基本元素,它们是用户交互的时候,和系统进行沟通交流的核心组件,也是图形化界面当中,*早出现,也是*为常见的一种交互对象。

01 . 按钮必须得看起来像按钮

      涉及到用户界面交互的时候,用户需要知道哪些是可点击的,而哪些不是。面对着 UI 界面中的每个元素,用户都需要对它们进行辨别和判断,而这个过程越长,可用性其实就越差。为了确定按钮是否可用,用户在桌面端访问网站的时候,需要将光标移动到元素上,检查元素状态是否会改变,才能判断它是否是可点击的。而移动端用户就麻烦了,根本没有鼠标来执行这样的操作,元素能否点击,只能都试一次,没有其他更好的方法了。

02 . 将按钮放在用户希望看到的地方

      用户对于页面交互其实是有基本的感知和期望的,也就是说用户对于按钮的位置是有个基本的认知的。不要让用户到处找按钮,它**在用户所期望的位置出现。

      所谓传统的布局也就是贴合用户经验的布局,用户在浏览的时候会对于这样「标准」的 UI 布局有明确的预期,在对的位置看到了对的按钮,整体更容易理解,自然也就可以轻松和界面进行交互了。

03 . 按钮上应该加上相应操作的标签

       当按钮的文本标签上的内容写的太过于宽泛,或者使用带有误解的内容,可能会让用户感到迷惑。每个标签上的文本标签都应该尽量准确,简明直接地介绍清楚它的真实功能。

04 . 按钮应该拥有合理的尺寸

      按钮的大小应该反映出屏幕上这一元素的优先级,更大的按钮应该意味着更重要的交互。

按钮优先级

      让更重要的按钮在视觉上就足以体现它的重要性。始终尝试让主要的按钮更加突出,增加它的尺寸,并且使用高对比度的色彩来吸引用户的注意力。

05 . 注意按钮的次序

      按钮的顺序应该反映出用户和界面之间交互的属性,问问自己用户期望在屏幕上看到什么样的顺序,或者说什么样的顺序更合理,然后进行相应的设计。

06 . 避免使用太多按钮

      这是许多 APP 和网站中经常出现的一个问题。当你提供太多的选择的时候,用户往往会无所适从。无论是网站设计还是 APP,请务必尽量考虑*重要的操作,控制好优先级和复杂度。

07 . 为按钮交互提供视觉和音频反馈

      当用户点击按钮的时候,他们更希望界面能够给予适当的反馈。基于不同的操作,界面给予视觉或者音频的反馈。当用户没有收获任何反馈的时候,他们可能会觉得界面没有收到他们的操作,从而反复点击,执行多次不必要的操作。

在线提交合作申请
客服人员会在24小时内联系您
您也可以免费注册云账号并登录

公司地址: 上海松江九里亭九杜路349号417/418/419

高新技术企业编号:GR201631001183

ISO9001证书编号:ZZW16Q1111ROS