关于快速填表!给你5大要素


时间: 2021-07-30 10:40:13 人气: 7 评论: 0

 

现在老板对注册量抓的很紧,当注册里的表单设计的太过繁琐或缺乏人情味,**直接让访客不想和你交朋友,哪怕是留虚假信息。

我只想说,网页中的快速填表功能非常重要。而国情却是很多网站没有快速注册表单。千万不要觉得注册只是开发者的工作,这也需要设计师的积极参与,设计可以极大的提高可用性。

优秀的填表设计,能够清楚的让用户明白:我输入的东西准确无误的填写到输入域了、我填写的注册信息正在处理中。作为设计师,我们的任务便是:让用户看到清晰、保证用户输入的过程中是愉悦的。在细节方面,那些错误提示,以及填写时的友情贴士都带有足够的人情味!

指示帮助

有的时候用户对表单很厌烦,我们大可以在设计的形式上给用户带来新颖的视觉冲击。这可不是无关痛痒的小问题,这关系到用户体验,表单填写作为用户交互中的第一环,体验一定要优秀。
为了给予用户提示,应该在表单域下方或者附近添加帮助性文本,这叫做Microcopy(缩微文本)

排列与对齐

我们也可以通过设计控制用户填表速度。
我们可以通过标签排列和输入域的对齐来提高用户填表速度。
整齐有序的表格可以提高用户扫描速度,提高表格可用性。

如果需要用户精确的填写信息,那么可以至上而下的堆叠标签/输入域,这样就能减缓用户填写表格的速度。
但是这种方法需要不断的测试来提高可用性。
花上几分钟,思考一下,你的网站需要快速填表还是精确填表?用户对你设计的表格**有什么样的感受?用户**怎样填表?

现在我们来看看5个优秀的填表设计案例

01. Squarespace

Squarespace博客平台的做法很值得借鉴。

节省了空间,提高了填表速度:将各个填表域的标题置于其中。

02. Desk

Desk的方法也很适合快速填表,同样的标题内置,但是弹出窗口设计的很棒,能够起到视觉焦点的作用,让用户更专注于填写信息。

03. Basecamp

 

Basecamp是项目管理工具,简单设计,易于理解,箭头这一视觉符号非常传神。

04. Virb

 

Virb的注册表格是个优秀的范例,展示了如何利用设计以及缩微文本,让填表看起来便捷简约。

05. Weightshift

Weightshift的填表也很不错。
字体清晰,排列有序,看起来异常整齐,而且在输入时,周围**出现**色高亮,以避免用户因分心而出错。

综合以上,5大要素:

1、节约用地:空间不足时,表单域的标题可内置于表单域;

2、雷厉风行:弹出层不要有太缓慢的动效,不要刻意炫技;

3、人情味:多多利用视觉符号及可爱的人物来指引用户,那些小贴士和提醒不要总是用醒目的叉子和红色字体。提示语可以温馨卖萌**比冷冰冰的文字好百倍;

4、有序排列:字段和输入框最好栅格化对其,并且用户的输入路径在一条竖线上!这是适合所有快速填表设计的杀手锏;

5、高亮填表:如何避免用户分心,高亮填表设计是个不错的思路;

文章来源:优设UISDC(翻译)

---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,https://www.69shenlan.com/,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,https://www.69shenlan.com/1:1--

表单

评论