网站优化

UI设计方案标准:单选按键vs勾选框,没这么简单

作者:admin 发布时间:2021-04-01
当今部位: 首页 > 建网站学馆 > 商品方案策划 > UI设计方案标准:单选按键vs勾选框,没这么简单 技术性文本文档   公布时间:  来源于:

不管是网页页面设计方案,還是移动app设计方案,都常常采用单选按键和勾选框这2个部件。这2个部件看起来实际意义确立,非常好区别,但在具体设计方案中却非常容易用错,产生不太好的客户感受。

文中中我根据例举好多个典型性的不正确使用方法,协助设计方案师在开展UI/UX设计方案时,更为标准地应用单选按键和勾选框这2个部件。

应用原形专用工具:Mockplus

单选按键和勾选框的差别

何时应用单选按键?

有2个或2个之上的互斥选择项,客户务必且只有从这当中挑选一个。也就是说,假如你挑选了在其中一个沒有被选定的选择项,那麼本来被选定的选择项就全自动被撤销。

何时应用勾选框?

有一系列产品选择项,客户能够从这当中挑选挑选一个或好几个,乃至不选还可以。也就是说,每个选择项是互不危害的。

看过界定,你是不是感觉这2个部件应用起來非常容易呢?但在设计方案案例中,下列好多个不正确使用方法是不断出現的:

不正确一:用错目标

一个出示午饭外卖送餐服务的app, 在让客户挑选送餐時间时,应用了勾选框部件。这既违反了设计方案初心(期待客户从这当中挑选一个時间段),又给客户产生了困惑,不是就是我同时启用前2个時间段,就意味着在这里全部大的区段内送餐全是能够的呢?

不正确二:选择项文字中应用否认词

之上的好多个事例是较为浮夸的,但确实体现了一些UI/UX设计方案中存有的难题。假如大家在勾选框选择项中应用否认句型,客户务必访问完全部的选择项,才可以保证自身讨厌的事儿不容易产生。

有一个案外的状况,当访问器中弹出来“不必再提醒该信息内容”时,相近的选择项中可使用否认词。

不正确三:选择项的排序不遵照逻辑性次序

图上的选择项沒有遵照一定的逻辑性次序。依照定阅時间长度,应当是:月定阅 季定阅 年定阅

之上三个是单选按键和勾选框在UI/UX设计方案中常会见的不正确,除开防止这种不正确以外,设计方案师在应用这2个部件时,最好能遵照下列四点提议:

1. 能应用单选按键时,尽可能不应用往下拉莱单。在全部选择项都被清楚地例举出时,客户更非常容易开展较为,作出恰当的挑选。

2. 应用单选按键时,一定要出示一个早已选定的默认设置选择项。

3. 单选按键和勾选框也不用以开启一切姿势。

4. 选择项句型不适合太长,最好能让客户快速把握住重要信息内容。

之上三点不正确和四条提议,是用好单选按键和勾选框这2个部件的重要。如需掌握大量有关的设计方案标准及其部件的应用方式,请查询Mockplus官方网站的实例教程。 


收缩