不管是网页页面设计方案,還是移动app设计方案,都常常采用单选按键和勾选框这2个部件。这2个部件看起来实际意义确立,非常好区别,但在具体设计方案中却非常容易用错,产生不太好的客户感受。
文中中我根据例举好多个典型性的不正确使用方法,协助设计方案师在开展UI/UX设计方案时,更为标准地应用单选按键和勾选框这2个部件。
应用原形专用工具:Mockplus
单选按键和勾选框的差别
何时应用单选按键?
有2个或2个之上的互斥选择项,客户务必且只有从这当中挑选一个。也就是说,假如你挑选了在其中一个沒有被选定的选择项,那麼本来被选定的选择项就全自动被撤销。
何时应用勾选框?
有一系列产品选择项,客户能够从这当中挑选挑选一个或好几个,乃至不选还可以。也就是说,每个选择项是互不危害的。
看过界定,你是不是感觉这2个部件应用起來非常容易呢?但在设计方案案例中,下列好多个不正确使用方法是不断出現的:
不正确一:用错目标
一个出示午饭外卖送餐服务的app, 在让客户挑选送餐時间时,应用了勾选框部件。这既违反了设计方案初心(期待客户从这当中挑选一个時间段),又给客户产生了困惑,不是就是我同时启用前2个時间段,就意味着在这里全部大的区段内送餐全是能够的呢?
不正确二:选择项文字中应用否认词
之上的好多个事例是较为浮夸的,但确实体现了一些UI/UX设计方案中存有的难题。假如大家在勾选框选择项中应用否认句型,客户务必访问完全部的选择项,才可以保证自身讨厌的事儿不容易产生。
有一个案外的状况,当访问器中弹出来“不必再提醒该信息内容”时,相近的选择项中可使用否认词。
不正确三:选择项的排序不遵照逻辑性次序
图上的选择项沒有遵照一定的逻辑性次序。依照定阅時间长度,应当是:月定阅 季定阅 年定阅
之上三个是单选按键和勾选框在UI/UX设计方案中常会见的不正确,除开防止这种不正确以外,设计方案师在应用这2个部件时,最好能遵照下列四点提议:
1. 能应用单选按键时,尽可能不应用往下拉莱单。在全部选择项都被清楚地例举出时,客户更非常容易开展较为,作出恰当的挑选。
2. 应用单选按键时,一定要出示一个早已选定的默认设置选择项。
3. 单选按键和勾选框也不用以开启一切姿势。
4. 选择项句型不适合太长,最好能让客户快速把握住重要信息内容。
之上三点不正确和四条提议,是用好单选按键和勾选框这2个部件的重要。如需掌握大量有关的设计方案标准及其部件的应用方式,请查询Mockplus官方网站的实例教程。