达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
媒体报道
 当前位置:主页 > 媒体报道 >

表单设计的优化都需要从哪些方面考虑

时间:2019-06-20  来源:未知  作者:广州达内培训

表单设计是设计师在收集信息或者是需要填充数据内容的时候需要使用到的一种设计方式,而今天我们就一起来了解一下,关于表单设计的优化都需要从哪些方面考虑。下面我们就开始今天的主要内容吧。

表单设计的优化都需要从哪些方面考虑

1、将长表单分步设计

当表单较长时,将表单信息进行拆分,并分步设计,可以有效降低用户输入压力。就好像同样的人数排队,一个队排成长长的1排,一个队分成了2排,你是不是更想排二队的呢。

2、将相关的信息进行分组

信息较多时,将相关信息进行分组可以减轻用户输入压力,比如你要去超市购买鸡蛋、牛奶、苹果、香蕉、西红柿、酸奶、黄瓜这7样东西,如果直接记你可能很快就忘记了,如果我们将其分为蛋类、奶类、水果、蔬菜这样是不是就轻松很多。

3、突出核心信息

在界面中将核心信息进行差异化设计,可以很好的引导用户视线,这里的差异化设计可以是字体加大加粗、添加背景色、色彩对比、留白等。

饿了么订单列表的收货地址、送达时间、支付方式就采用了差异化设计,选择收货地址将字号增大、并放置在列表外的蓝色背景上,送达时间和支付方式的从参数采用蓝色文字。这样不仅将模块之间有了区分,同时在表现形式和用户接受信息上都有加强。

4、信息排序遵循用户习惯

信息排序指每个模块的内部信息好能按照用户习惯进行排序,比如填写个人信息时,一般顺序为姓名→当前公司→职位,如果你把这个位置颠倒了就打破了用户的逻辑,会增加用户思考的时间。

5、优化细节提升好感度

表单细节的设计主要需要注意列表对齐方式、文字层次等。

1)标题和暗示选用适合对齐方式

标题和暗示对齐方式一般有三种,左对齐、左右对齐、上下对齐。一般输入信息较多时可采用左对齐、选择信息较多时采用左右对齐、信息较少时采用上下对齐。

2)文字要有层次

设计时文字大小、默认颜色、输入颜色、强调颜色都需要设定好,这样可以提升表单细节的层次。

6、采用合理的输入方式

输入方式也可交交互方式主要有,键盘、快捷标签、滑块、下拉控件、输入框等。

7、及时反馈

及时反馈可以避免所有信息都填完之后在弹出toast提示不通过的情况,同样能提供操作效率。

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!




上一篇:一个好的区块链项目都有哪些特点
下一篇:css编程常见三种单位的使用区别

友情链接:
  • 全球最大晶圆代工半导体制造厂,台积电斥资订购艾斯摩尔机器设备
  • 英特尔依然是那个英特尔,且看英特尔的城防体系
  • 支持双 DRAM 内存接口,慧荣企业级 SSD 主控方案披露
  • 在全球被反垄断罚款,冤!高通到底哪里得罪了欧盟?
  • 强强联合!万业、微电子所和芯鑫共同打造全新半导体设备
  • 复旦大学校长称:对于集成电路产业发展,大学应该主动担当
  • 技术再升级!无锡中科芯攻克晶圆级再布线及晶圆级凸点制备关键技
  • 聚力!万业企业设立集成电路装备集团,提供自主可控设备
  • 德州仪器C2000微控制器增强连通性和控制性
  • 英特尔打出降价策略,以免被竞争对手 AMD 打败?
  • 贸易摩擦的闹剧没有赢家,苹果有勇气离开中国吗?
  • 图像信号与视觉处理器的发展趋势
  • 真干快消品定位方案班(第二期)火热开班
  • Java集合 ArrayList原理及使用
  • TDD(测试驱动开发)死了吗?
  • JAVA基础之XML相关
  • javaweb项目搭建ehcache缓存系统
  • 每日一码——字符串统计
  • 一篇文章帮你彻底搞清楚“I/O多路复用”和“异步I/O”的前世今生
  • 九:模板方法模式
  • 十二:命令模式(人员解耦和)
  • Java 转PPT为图片、PDF、SVG、XPS、ODP以及PPT和PPTX互转
  • SpringCloud学习(SPRINGCLOUD微服务实战)一
  • 记一次微信网页授权后获取用户信息并重定向
  • 速途新营销五点实战洞察解码“品效合一”
  • 十一:外观模式详解(Service,action与dao)
  • 手把手教你学会 基于JWT的单点登录
  • mysql锁机制总结,以及优化建议
  • 解决多个版本jar包冲突【jar内包名重命名】
  • 中国首张5G终端电信设备进网许可证 华为Mate 20 X 5G版入网
  • RPC之Thrift
  • 高级Java工程师必备 ----
  • 天猫618期间实物支付GMV增长38.5%
  • 换季了,老板你的库存处理好了吗?
  • 从“618”大数据看中国消费新活力
  • 小米生态链:贵在格局感与收放度
  • CODING 2.0 企业级持续交付解决方案
  • 老铁奇趴“新京济” 快手*京东618战报出炉
  • 中小企业新媒体运营基本技能
  • 上汽大通房车再度携手LINE FRIENDS 魔都巡游顺利开启
  • 华为高端手机国内市场份额超苹果夺得榜首
  • 中国智能制造分析报告
  • iPlus艾加营销助力腾讯广告牵手吴晓波 推进商业IP变现
  • 2019世界新能源汽车大会7月1日将在海南举行
  • 区域酒企如何转型突围
  • 时时彩论坛
  • 五星体育斯诺克
  • 北单比分直播
  • 河北11选5走势图
  • 福建体彩36选7开奖结果
  • 九龙图库下载