快好知笑话爱好运势企业美体幼儿
职业词组
工作案例
乐趣个人
家庭治疗
美文童话
魅力健康
八卦仲裁
财经业界
日志保健
创意通信
看病美体
影音星座
幼儿潮品

表单中的勾选框和开关

2月26日 李歍 投稿

  创建表单时,交互设计师总是会面临一个选择,选用哪种UI元素来表示可选项的操作。当然,我们每个人都有自己的法则。但是,在选用可选项控件时,仍然要多加考虑。   可选项可以用勾选框、开关、单选框和下拉菜单表示。选择得当的话,任何一种都非常出色。本文中,我们重点关注勾选框和开关。   勾选框   勾选框用在一系列选项中,用户可以选择任意数量,包括0个、1个,或者许多个。换言之,每个勾选框在列表中都是相互独立的,勾上一个框并不会取消其他选项。   带有标签的勾选框   开关   开关组件是在仿照物理开关,让用户打开或关闭某个项目。   开关提供了两种简单直接的对立选项   开关组件通常用于表现一个动作(例如开始或停止某个操作)。它类似于电灯开关:   开关通常用在电灯开关上   勾选框和开关的最佳实践   使用标准的视觉表现   勾选框应当是一个小方框,选中时有一个勾,或者一个叉。   选中和未选中的勾选框组件。图片来源:MaterialDesign   开关应当看起来有开和关的状态   选中和未选中状态的开关组件。图片来源:MaterialDesign   用户在操作各种控件时,应当提供清晰的视觉反馈。细微的动画能让体验更细致在移动应用中尤其如此,   iOS78的开关按钮。来源:Dribbble   纵向排列列表   纵向展示列表,每行一个选项。这对于开关和勾选框都有效。如果一定要横向排列,一行有多个选项,就要调整好按钮和标签的距离,哪个选项对应哪个标签清晰明了。下面的例子中,元素之间的距离都太近了。   很难确定选项4对应的到底是哪个选框   开关的当前状态应该在控件外面   设计开关时,你应该避免状态和操作的歧义。我们以iOS6的开关设计为例,注意看写着ON的蓝色状态按钮。   并不能确定标签(例子中是“ON”)是指当前状态,还是按下的操作   你...(全文)

<<<<<<>>>>>>

如何给一个App起名字?选择一个App的名字是一个排它性的决策,因为它只能有一个。而无论你最后用了哪一个,都意味着要放弃所有其他的选择。也就是说,一个最终被选择的好名字,它应该是有战略的。起名的……游戏消费的确认提示设计在网易实习三个月了,之前项目中有设计到消费的确认反馈,由于是新人缺少经验,开始用了一个认为比较合理的方案,但程序开发出来后导师觉得体验不太好,取消了二次确认。当去找程序修改需求……内容管理系统(CMS)的产品思维框架产品经理是一个涉猎广泛的职业人,好不夸张地讲个人知识储备是越丰富越有优势。因此,学无止境是产品经理一生的主旋律,知识永远不会嫌多。坦白讲,我是个实诚人,也非常相信规则一类的东西……在产品设计过程中,到底是什么影响了我们的感知?产品设计中,通常会用到认知设计,神奇的视觉感知会让你对自己的产品设计充满好奇。在我们产品设计过程中,到底是什么影响了我们的感知呢?没错,那就是“经验”、“环境”、“目标”。……作为设计师,该如何提高设计创新力?设计师在工作中除了要完成产品经理或者业务方的需求,往往还希望在设计产出上能有更多的创新来体现自身的价值。但是我们有时冥思苦想也无法有所创新,我在这里整理了一些方法,希望可以对大……潜在用户来了又走,可能是你的网站着陆页没做好这几点策略花了不少经费打广告,优化搜索关键词,但产品安装量却低于期望?可能是你的着陆页没设计好。在进入具体的设计技巧之前,我们需要明确着陆页的作用。着陆页的作用,一言以蔽之:在自己……Facebook如何实现80万人同时在线观看直播现在只有极少数公司知道如何提供世界跨越式分布服务,这些公司的数量甚至比当今拥有核武器的国家还少。Facebook就是这少数中的一个,它的新视频直播流媒体产品FacebookLi……浅谈APP登录的逻辑设计大部分APP设计都无法回避的一个模块,就是登录。我们登录过太多的APP账号,它们有着各式各样的逻辑,然而这些差异背后的逻辑又是怎样的呢?那我们在进行APP登录的逻辑设计时,又需……原创产品设计中用户隐性需求的调研挖掘方法何谓隐性需求?目标用户有时候并不明确他们的需求是什么,这种需求称之为隐性需求即目标用户具有的只是他们还没有认识到的要求,由于这些要求出于潜意识层次,所以目标用户无法清晰地表达出……表单中的勾选框和开关创建表单时,交互设计师总是会面临一个选择,选用哪种UI元素来表示可选项的操作。当然,我们每个人都有自己的法则。但是,在选用可选项控件时,仍然要多加考虑。可选项可以用勾选框……正确使用标签选项卡的12个姿势标签本身是毫无意义的,但是当它们本身能够在不打扰用户的同时还能指引用户前往正确的内容和特性时,你便不得不承认它也是可以做到耀眼的。这里是关于标签选项卡的12个设计准则:……画线框图前,交互设计师要做的3件事一、了解问题,制定计划我们都知道,错误的解决方案是可以纠正的。哪怕它需要一天、一周,甚至更多,无非是效率而已。但是,如果连问题,或者痛点都不存在的话,你所做的事情就没有任……

<<<<<<>>>>>>

产品之事,任重而道远如何提升产品的用户活跃度?面向微信的WebApp产品观如何用产品思路竞选小区业委会主席别走!没有想到你是这样的用户!流失用户预警产品路上的七坑八坑踩不完。产品经理如何做好时间管理,提升工作效率如何才能增强产品的黏性(下)微信这么牛的产品为什么不做这些功能?善恶相关:互金PM的迷失与求索从PRD撰写说起,浅谈产品经理如何炼就“三头六臂”打怪本领用户体验设计背后的商业分析