你该知道的WEB页面设计的6大原则
关关 2018-07-11 来源 : 阅读 4297 评论 0

摘要:本篇教程探讨了WEB页面设计的6大原则,希望阅读本篇文章以后大家有所收获,帮助大家对WEB页面设计的理解更加深入。

随着互联网时代的快速发展,设计师不再只是为互联网创造漂亮美观的图片那么简单了,作为一个WEB设计师,除了基本的设计技能之外,还需要考虑一些其他的问题,比如用户体验,算法,代码等等。如今用户体验设计越来越重要,对于WEB表单的设计尤其如此。

WEB表单设计的目标是设计出一套让用户能够从填表到点击提交按钮的最简单的流程。从非常简单直接的表单到花哨、多彩和创意的表单,每个网站都会呈现一种表单风格。不论是登录/注册表单,还是联系表单,或者其他类型表单,设计师们需要牢记一点:这些表单的目标是要赢得用户的注意,引导他们在其中填入信息。根据多年的设计经验,Mockplus归纳了在WEB表单设计中的六大原则。

(一)保持醒目和简洁

我们经常会遇到一个问题,非常多的用户抱怨注册表单需要太多的信息。如果你设计的网站正在想办法增加注册用户数量,那么首先必须保证设计的表单尽可能的简洁,易于填写。同时对于着重强调的版块和信息,在设计时可以采用更醒目的方式加以强调。

(二)合理组织信息

对于较为复杂、填写项多的表单,如果不对信息进行组织,很容易显得繁杂混乱,让用户在一开始就产生抵触的情绪,甚至选择放弃。合理有层次的组织信息,可以利用框线、空间间隔、颜色的不同,按照不同信息的类别、属性和相关性进行区块的划分,用步骤条指示当前的进程。清晰的浏览线,合理的标签、提示文字及按钮的排布,避免不必要的信息重复出现,能够降低用户的视觉负担和物理负担。

 

(三)更大的输入框

根据实际的用户反馈,表单设计中更大的文字输入框、适度的留白空间会让人更有填写的欲望,优雅的动画效果也能增加填写的趣味。设计师在设计表单的过程中,需要缓和不同输入元素之间的冲突。加粗的文字提示用户哪些区域已经填写了,哪些区域还空着,当激活某一输入框时,它会变成淡蓝色,提示光标现在所处的位置。

(四)为用户节省时间

需要花大量时间填写的表单容易让人失去耐心,用户是懒惰而繁忙的,试着删去所有不必要的填写项,考虑除了让用户机械的通过键盘在表单上输入数据外,还有没有别的更优方式(如后续进行用研调查)收集所需信息。

(五)一条龙服务的设计理念

表单的终点并不是提交,设计师在设计的时候需要抱着为用户提供一条龙服务的理念,形成流程闭环,避免用户在中途跳出。一个好的表单设计,不仅需要考虑用户填写前的引导、填写时的及时校验与帮助、还需要考虑填写后的整个流程体验。思考用户填写表单的初衷是什么,让他在填写完表单后能够最快得到他最想要的东西。即便是他暂时无法得到的,也需要告诉他相应的原因和能够进行的替代操作。

 

(六)提供设计关怀

根据不完全统计,互联网中大约有12%的人具有或轻或重的色觉障碍。如果将色彩作为区分不可点击文本和可点击链接的唯一元素,可能会让这部分的人使用时出现困难。我们在设计表单的过程中可以通过给链接文字加下划虚线、使用按钮或其他形状做区分,让这类用户能更加清楚的知道哪些是可点击的区域。

 

本文由职坐标整理发布,学习更多的网页设计相关知识,请关注职坐标设计创作网页设计频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 6 不喜欢 | 2
看完这篇文章有何感觉?已经有8人表态,75%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved