童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

如何提升信息录入效率

4月28日 碎骨族投稿
  每个UI设计师都希望自己的产品能够获得用户的喜爱,那么如何才能做到这点呢?今天我们不妨从提升信息录入效率这个角度来优化产品用户体验。因为UI设计本质上就是创建一个可供用户完成交互的界面,说白了就是人与机器(手机、电脑)交流,提升信息录入效率就意味着加快交流速度。
  录入组件
  要提升信息录入效率,设计师因为牢记一个原则尽量避免用户手动输入。因为每个用户都期望以最方便、快速的方式完成信息录入,他们不愿意打开键盘自己一个字一个字的去敲。
  一个表单里有六七个项目,但是录入样式只有输入框,每一项信息录入都要靠用户自己手动去输入,这样设计师很省事,但是用户会很不爽啊。相比于打字,用户更愿意去选择。所以用户更愿意看到下拉列表,选择器而不是满屏的输入框。当然输入框也不是一无是处,一些备注或者详细地址类的无法给用户提供选项,那么用输入框就很合适了。
  可供用户进行选择操作的组件很多,但是有些很小众,用途很局限,例如日期选择器DatePicker(日期选择器设计总结)和评分Rate这种。在我看来真正具备普遍适用性的选择型组件主要有两种:下拉列表和单选框。
  下拉列表单选框
  下拉列表主要的使用场景是用户在众多选项中进行选择进而完成信息的快速录入。其主要样式如下图:
  那么我们可以发现其主要的优点在于:
  节约界面空间
  无限量展示选项
  所以当界面空间很紧张,而且可供选择的项目比较多的时候,下拉列表是一个很合适的组件。但是下拉列表的缺点也是很明显的:
  用户必须点击才能看到所有的选项;
  所有的选项都是从上至下排列,无法体现优先级。
  说完下拉框,我们再来说单选框。为什么把它俩放在一起说呢?因为在我看来,单选框和下拉列表像是一个硬币的正反面,双方的优缺点正好相反。
  从样式上我们可以看出来,单选框跟下拉列表最大的不同是在于选项的展示。单选框会把所有的选项都展示给用户,一目了然。下拉列表想要看选项就要点击,多了一个操作步骤。以下图为例,这里表单项目都是下拉列表样式,整个界面看起来也很整齐划一,但是我们更“挑剔”一点会发现,性别这栏使用下拉列表并不是很合适,因为总共就男女两个选项,直接用单选框展示更合理一些。
  单选框不能展示过多的选项,特别是针对移动端设计,因为移动端相对来说屏幕小,可展示的空间有限。此外单选框与下拉列表相比另一个缺陷是用户无法完成多级选择,最常见的就是省市区录入。
  所以从上面的分析我们可以给单选框和下拉列表的各自的使用场景做一个简单的总结:当选项较少,且界面空间比较充足的情况下,推荐使用单选框;单选项过多,且存在层级结构关系的时候使用下拉列表更加合适。
  不过现在UI设计中很多的壁垒被打破,很多的组件都是相互组合使用的。之前的选项都是弹框展示,而且是从上至下依次排列的。现在的选项可以一个新的界面以按钮组的样式展示,你甚至可以将其看成是单选框的一个变形。
  所以UI设计是一个变化很快的行业,我一直认为设计师一定要跟开发多沟通,去明白每个组件的适用场景,去明白你所设计的组件能否还原出来?能否有更好的实现方案?
  数据录入
  说完两个最常见的录入组件,接下来我们说的深入一些,专门说一下数字录入。数字录入是信息录入的重要一环,关于数字录入有两个很常用的组件。一个是计数器InputNumber,而另一个是滑块Slider。
  计数器的优势在于计数器支持用户点击递增递减也支持手动输入,所以可以完成数据的精准录入,而滑块只能完成完成一定区间内的数据录入。
  而滑块的优点主要有两个,第一个就是用户不仅可以录入具体数值还可以录入数值范围,这点是计数器做不到的。
  滑块的第二个优势在于其是滑动操作的。这两个组件其实代表了不同的手势,一个是点击,一个是滑动。从用户体验的角度来说,滑动比点击更加舒服。接下来我就通过虎扑的例子来具体谈谈滑动和点击这两个手势。
  虎扑的新闻和专区帖子里的评论展示方式是不一样的,新闻里的评论类似瀑布流,无限下拉滚动刷新,而专区里的帖子评论却是分页展示的。
  瀑布流展示用户想要查看更多评论就要滑动,所有信息都在当前界面中展示,用户不需要每次都要等一个新的界面加载完成,加快浏览速度。而且我们刚才也说了,滑动手势比点击更受用户的喜爱。此外不用展示分页按钮,节省了界面的空间,评论按钮可以获得更多的展示空间,更容易吸引用户的注意力。评论按钮和分页按钮放在一起很不明显,我曾经以为点击这个按钮可以手动录入页数完成跳转。
  上面我们说了滑动手势的优点,接下来说下缺点。用户越往下滑动,当前界面所加载的内容就越多,会降低页面性能。但是考虑评论中主要是文字,图片较少,所以这个缺点在这里并不是很明显。另一个缺点是无法完成位置标记,你在浏览的时候,突然想起上面有个评论挺不错的,你想翻上去找到,你只能一条条去看。但是如果有分页功能,你就会可以直接跳转到那个页面,很快速的就能找到信息。
  总结
  以上就是我关于信息录入的组件和手势做的一个总结,希望可以给大家带来帮助。
投诉 评论 转载

在网页中如何践行游戏化设计?研习下这7个案例本文将使用7个不同的、采用了游戏化设计的网站作为范例,来探讨一下它们的设计策略和实现方法。游戏化设计的概念由来已久,设计师从游戏当中汲取经验,将游戏策略运用在非游戏类的应……设计法则实例解析交互设计七大定律在设计中的应用(上篇)交互设计之父阿兰库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些……智慧出行:车辆数字化仪表盘交互体验设计六要素在上一篇《智慧出行:汽车仪表盘交互体验设计分析(一)》中,经过汽车仪表盘演变历史以及对五款车型具体应用的分析,总结出仪表盘承载了功能的复杂性、交互方式的多样性以及应用的多场景化……苹果表情符号的制作:这些小图标是怎么来的?编者按:对于千千万万的iPhone用户来说,手机里面的那些可爱的符号表情肯定耳熟能详了。但是你知道其中的一些emoji是怎么来的吗?第一批emoji的设计者AngelaGuzm……如何用网格系统设计出大师般的APP界面色彩、图形、排版、网格等是构成系统四大视觉语言的基础原子单位,今天来说下网格系统在产品设计中的运用及定义方法。初识网格Pinterest就如上图所示,我们设计……如何进行AR交互设计?关于AR交互设计,这篇文章展开较为具体深入的分析,相信它一定对你有所帮助的。AR类产品的出现,可能是第一次实现虚拟世界与现实世相互“融合”,完成屏幕的“跨越”,人机交互设……交互设计的“五字诀”多体会生活,懂生活就懂产品。1。送给交互新人们的“五字诀”:一曰“点”:每个控件本身属性和触发方式;举例:比如一个输入框,本身属性需要考虑可输入的字段类型、长……DesignforXuture:IOS11用户界面设计指导六DesignforFuture九大特征1。沉浸式体验大概从4、5年前就开始了一种趋势,最窄的边框都不能满足用户和厂商极端的追求,厂商们恨不得连手机边框都去掉,只留一……iPhoneX适配方案及H5调试技巧这是一份有关极速适配iPhoneX秘笈,enjoyiPhoneX适配方案2017年9月苹果发布了iPhoneX机型,对于它的“刘海儿”和底部HomeIndicato……有形的手势:混合现实的体感交互在这篇文章中,主要介绍了我们是如何专注于研究在混合现实中用肢体与自然手势进行交互的。最近我们去了互动17“(交互设计协会,其提供了一个讨论交互设计问题的在线论坛),并展示……iOS和Android规范解析:导航设计总结本文主要是对iOS和Android两个设计规范中关于如何设计导航的介绍,enjoy前面几周,我们依次介绍了iOS和Android设计规范中,关于导航控件的内容,各控件对比……如何提升信息录入效率每个UI设计师都希望自己的产品能够获得用户的喜爱,那么如何才能做到这点呢?今天我们不妨从提升信息录入效率这个角度来优化产品用户体验。因为UI设计本质上就是创建一个可供用户完成交……
“医药女神”葛兰,还能翻身吗?这个春节,抖音如何让温暖洒向所有的方向北京冬奥会带火冰雪旅游景区暴涨。不签劳动合同?不缴纳社保?3大提醒送给你!五个险种分别要交多少年?社保入税以后有哪些筹划社保的方式不可取企业办理社保的那些事社保交满15年后可以停交吗?社保新规对企业影响几何?专业解析来了社保由税务部门征收以后的影响有哪些2018社保缴费基数上调你的工资待遇要变了!企业办理社保的那些事企业怎样办理社保
老人冬季不宜喝太多茶里面含铁多平顶山现在儿童抚养费多少?衣物收纳整理技巧通过设计让变快的个方法好好观察一下,你的孩子是否具有这个特点?有的话就偷着乐吧土地使用者变更申请书内容有什么?留学实拍:日本人服务精神有多夸张智能家居哪些品牌好智能家居品牌推荐详解我的同桌三年级学生作文400字村长的故事高热量食物这样吃才不会胖推进基层党建四个融合

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界