做有温度的教育!
全国统一咨询热线:400-803-9399
北京
校区
新闻资讯> 行业新闻> 全栈UI设计—关于表单那些事(2)

全栈UI设计—关于表单那些事(2)

时间:2018-06-11
浏览:2498
发布:甲骨文华育兴业
赞:523

上回说到表单提升效率的方法,这次我们来说说全栈UI设计中表单的几个实际案例,里面的经验是我们以后会用得上的!

  1.表单要尽量简单

  尽量让你的表单短且简单。收集必要的数据,避免重复的输入。比如,把“再次输入你的密码”这一栏去掉,而是在“输入密码”区域增加一个“密码可视”的按钮,让用户可以选择看到自己输入的密码内容。

QQ截图20180611144253.jpg

(Jumia和亚马逊不同的用户密码验证方式)

  2.使用框内提醒:向用户反馈“输入错误”提示时,最好把错误提醒放在对应的输入框内。

  3.将相关信息分组:这一点很重要,把相关的信息分组,并将这些组按序列排列。这样可以帮助用户减少认知负荷,并能更加专注地填写当下的信息。  

  4.正确使用标签,并将其左对齐:标签要放在填写框的上方,最好不要把标签替换掉。

  如果没有标签,用户在提交表单之前很会反复确认他们填写的内容是否正确,这个过程会非常艰难,最直接的结果是就用户需要思考很多,导致提交率下降。

  而使用标签时,我们习惯于将标签放在填写栏的左上方,具体原因可以参看下面这篇论文,里面综合讲述了为什么这种方式对用户提交信息转化更有效。

  5.输入框的大小要与输入内容的长度和尺寸相匹配:简单来讲,要确保输入框的区域能够完美匹配输入内容的长度,比方说输入地址的区域长于输入邮政编码的长度

  6.CTA(提交操作) 按钮:所有的表单在最后都应该有一个“提交表单“的按钮,或者一个“下一步”按钮。如果一个页面里不止一个按钮,那么需要把重点放在主要的提交按钮上,另一个按钮需要稍微削弱一些存在感。

全栈UI设计

  (亚马逊将主要提交按钮突出得很好)

  如果使用弹窗状态来收集数据,那么次重点按钮通常是关闭弹窗的按钮。我们一般会在弹窗右上角使用“X”按钮来关闭弹窗,而不是专门设计一个“关闭表单”的按钮。

  7.搜索区域:不要隐藏你的搜索框,尤其当你的网页的内容非常多的时候,搜索会是用户的有限选择操作。

全栈UI设计

(亚马逊的搜索框十分显眼)

  另外,当一个用户提交一个搜索任务后,不要清除搜索框的内容,这样方便用户能很快且清晰地看到自己最初的搜索词是什么。

全栈UI设计

(Medium在搜索结果出来后不会清除搜索框里的内容)

  8.清晰:将信息清晰地传达给用户,尽可能清晰地告诉用户什么内容是被需要的,不要给出让用户误解的信息。没人喜欢填写表单,所以避免让用户填写第二次。  

全栈UI设计

(Cowrywise的标签短小精炼、信息清晰,甚至按钮上的文本表达也很到位)


人生从业之路的第一步,从甲骨文华育兴业开始,

背后付出的辛苦与努力只有自己知道,而这也只是他们职业生涯的开始。

勤恳努力的人终会得到最好的回报,有些努力需要时间来回答

你吃的苦终会铺成你想要的路!

甲骨文华育兴业,为你的IT之路开启梦想之门!


【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息联系我们,我们将及时沟通与处理。本站内容除非来源注明甲骨文华育兴业,否则均为网友转载,涉及言论、版权与本站无关。

相关推荐

java开发

同样是程序员,为什么别人比你更优秀?

随着互联网时代的飞速发展,越来越多的人投身于软件开发行业,大家都称他们为程序员,或者码农。   这些程序员的水平也是参差不齐的,有些人从比较好的学校毕业,水平却一般般;也有些人从一般搬的学校毕业,但是水平很高,因为他们付出了比其他人更多的努力;也有些人,不管是好学校还是差学校,毕业了都跑去培训班培训了,出来的也是良莠不齐的。

甲骨文华育兴业

报名学习大数据,请先了解这些!

  很多人想要学习大数据开发,Hadoop对大量数据处理和分析计算的功能,深受很多公司的喜爱,很多公司开始提供基于Hadoop的商业软件、支持、服务和培训,目前大数据很火爆,作为大数据的核心课程——Hadoop开发培训是很多人想要学习的专业知识。

java开发培训

2018年Java程序员还有发展前途吗?

Java诞生于1995年,应互联网而生,在TIOBE世界语言编程排行榜上曾83次排名第一。几乎90%以上的大中型互联网应用系统在服务器端开发首选Java,据2017年不完全统计全球有25亿Java服务在运行,450多万JavaEE开发者活跃在地球的每个角落。2017年11月份至今统计中国全网Java工程师发布招聘人数就在50多万,未来5年内,合格JavaEE软件开发人才需求远大于供给!

大数据

大数据告诉你:2018年该学习什么技术

很明显的看出Swift 和 Angular式增长最快的语言,背后原因是因为Swift背后亲爹Apple大力加持,和苹果独有的生态体系,作为Objective C的替代者,它的增长毋庸置疑。Angular则代表了前端框架的流行趋势,面对快速发展的时代,适应需求才能活得长一些。Android Studio 是谷歌推出的开发 IDE,增长势头也很快。在 人工智能概念大行其道的今天,TensorFlow 几乎成为了机器学习和深度神经网络的工业标准,涨势喜人。 大数据技术   哪些技术有明显的下降呢?JavaScript 框架 Backbone.js 差不多已经走到了生命的尽头,用于 iPhone 开发的游戏引擎 Cocos2d 也渐渐淡出开发者的视野。Silverlight 和 Flex 技术因为浏览器的背离,基本上已经属于历史遗产,这说明即使有大厂(Adobe 和 微软)背书,如果脱离了主战场,也是说完就完,不带走一片云彩。ORM 技术变得沉寂还是挺让人奇怪的,不过就我近几年在的互联网公司里技术应用,ORM 使用的确实很少了,也可能是技术成熟导致没什么人问问题了吧。   稳步增长的技术   有哪些稳步增长的技术呢?当然是前端大丰收了,Angular 居首,JavaScript 的生态系统成员 TypeScript 和 Meteor 紧随其后。Pandas 是 Python 的一个开源数据分析库,它提供的数据结构DataFrame 极大的简化了数据分析过程中一些繁琐操作,由于数据科学和机器学习的风生水起,Pandas 同样水涨船高。其他一些技术则在行业内有广泛的应用,比如搜索引擎 Elasticsearch,游戏引擎 Unity,亚马逊的 Web Service 服务,机器学习框架等等。 那么在2018年学习什么更符合趋势呢?   1、希望就业的同学来说,学习Java还是首选。它的需求还很庞大,企业服务端和安卓手机的不断增长让Java保持巨大增量。除了Java外,还有python,swift,Go, Javascript,c++也很值得关注。Python和JavaScript目前风头正劲,无需多言。随着Go的成熟,越来越多的企业也正是尝试Go,来构建项目。C++在硬件和科研方面还是主流。Swift正在全面取代Objective C,成为Apple的当家语言。   2、随着技术的成熟,物联网在2018年会有大的发展。万物互联不再是梦想,这里面包含的技术有蓝牙技术,WiFi技术,自动控制...... 将万物数字化连在一起的时候,这里面的想象力很大很大!   3、人工智能方面,在2018年会更加渗透到生活的方方面面。更多的企业会应用这项技术来推动自己的业务增长。 人生从业之路的第一步,从甲骨文华育兴业开始, 背后付出的辛苦与努力只有自己知道,而这也只是他们职业生涯的开始。 勤恳努力的人终会得到最好的回报,有些努力需要时间来回答 你吃的苦终会铺成你想要的路!

【AI大数据】2019年AI数据5大趋势 ps使用 大数据 冲刺Java架构师年薪50W

友情链接: 甲骨文华育兴业太原校区 甲骨文华育兴业济南校区 甲骨文华育兴业北京校区 甲骨文华育兴业长春校区 魔据教育

Copyright ©2016-2019. All Rights Reserved. 京ICP备17018991号-4

网站地图