推荐设备MORE

小程序登陆界面—微信小程序

小程序登陆界面—微信小程序

行业新闻

PS抠图快速挑选东西-UI设计标准:单选按钮vs勾选

日期:2021-04-14
我要分享
--------

PS抠图快速挑选东西

------- 当今部位: > 建网站学馆 > 商品方案策划 > UI设计方案标准:单选按钮vs复选框,没那末简易 技术性文本文档   公布时间:  来源于:

不管是网页页面设计方案,還是挪动app设计方案,都常常用到单选按钮和复选框这两个组件。这两个组件看似实际意义明确,很好区别,但在具体设计方案中却很非常容易用错,带来不太好的客户体验。

本文中我根据例举几个典型的不正确用法,协助设计方案师在开展UI/UX设计方案时,更为标准地应用单选按钮和复选框这两个组件。

应用原形专用工具:Mockplus

单选按钮和复选框的差别

甚么情况下应用单选按钮?

有两个或两个以上的互斥选项,客户务必且只能从选中择一个。换句话说,假如你挑选了在其中一个沒有被选中的选项,那末本来被选中的选项就全自动被撤销。

甚么情况下应用复选框?

有一系列选项,客户能够从选中择挑选一个或多个,乃至不选还可以。换句话说,每个选项是互不危害的。

看了界定,你是不是觉得这两个组件应用起来很非常容易呢?但在设计方案案例中,以下几个不正确用法是不断出現的:

不正确一:用错目标

一个出示午饭外卖服务的app, 在让客户挑选送餐時间时,应用了复选框组件。这既违反了设计方案初衷(期待客户从选中择一个時间段),又给客户带来了困扰,是否我同时勾选前两个時间段,就意味着在这全部大的区段内送餐都是能够的呢?

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

以上的几个事例是比较浮夸的,但确实反应了一些UI/UX设计方案中存在的难题。假如大家在复选框选项中应用否定句式,客户务必访问完全部的选项,才可以保证自身不喜爱的事儿不会产生。

有一个列外的状况,当访问器中弹出“不要再提醒该信息内容”时,相近的选项中能够应用否定词。

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

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

以上三个是单选按钮和复选框在UI/UX设计方案中普遍的不正确,除防止这些不正确以外,设计方案师在应用这两个组件时,最好能遵照以下四点提议:

1. 能应用单选按钮时,尽可能不应用往下拉菜单。在全部选项都被清楚地例举出时,客户更非常容易开展比较,做出正确的挑选。

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

3. 单选按钮和复选框都无需于开启任何姿势。

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

以上三点不正确和四条提议,是用好单选按钮和复选框这两个组件的重要。如需掌握更多有关的设计方案标准和组件的应用方式,请查询Mockplus官方网站的实例教程。 

---------

PS抠图快速挑选东西

------------