技术资讯
网站的表单设计要点
2012-08-20 12:29:56
网站的反馈表单有注册表单在青岛网站设计应用比较广泛,表单的填写用户体验直接关切到用户注册数量或者客ඣ户反馈的欲望度,一个繁乱且信息量大的表单,相信很少有人原因填写。下文介绍如果处理这方面的一些问题。

一、如何以用户视角看post表单?
现在我们把之前的旅行的步骤放到post表单设计中,我们可以得到如下思路:
从中我们可以发现,似乎发布前和发布后这两个流程,比较容易被忽略。而过程中的设计点具🌠体应该如何做呢?作为用户出发看看🧔吧。
二、那么为什么要以用户的视角呢?
作为设计师,你是否遇到过这种情况:
· 我们额外加一个填写项,用来收集用户信息吧;
· 我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是;
· 我们的表单应该在这最重要的一步出现,这样就ꦉ能让更多的用户看到它&hel𓆏lip;….
作为用户填表单时,你是否这样想?
· 我们填写表单只是为了达到我想要的目的,才不是为了你们收集信息;
· 如果可以,我希望填写更少的信息或者不用填写表单,来达到同样的目的;
💃· 在我想做A事情的时候,我根本不想看到B表单…….
以上的情境可能有些夸张,但是不可否认的是,有时候我们做表单设计的时候,并没有从用户的角度出发,看他们想要的是什么,而是从我们所在的产品端的角度,让用户去做𝓀我们想要他们做的事情。
三、作为用户出发看表单
思路已经有了,那让我们作为用户出发探索一下post表单吧。
发布前:
作为用户,我会抱着一定目的,来找我需要的工具——post表单。
首先,我要从哪进入表单?
这个问题是针对用户在什么样的情境下会被引导到post表单,看下这个例子吧:
上图的post表单安排在你对网站有个基本🉐认识,并且有意愿联系后出现,而且这样的从属关系让人很容易接受。
上图中的p🔯ost入口都安排在账号相关的区域,而不是业务相关的区域,没有足够的理由说服用户从此来发布。
然后,它跟我的目的是否相符?
表单的开头应该向用户清楚的传达,该表单是做什么的,是否符合用户的期望,如果不,那么用户应该去哪?
上图的表单很清晰的向用户传达了目的,并提供了快速逃离出口。
图四中一些简要的介绍,会让用户对表单有个大致的认💜识,对复杂的信息有个心里准备,并且更能确认自己的目的。
而上图个页面,用户一进来印入眼帘的是长篇的规则介绍和各种功能入口,破坏了之前的引导传达给用户的印象,作为新用户的话,很难确ಞ认这里就是自己要找的地方。
发布中:
填写表单本身就是一件枯燥的事情,我希望能尽可能减少填写时的痛苦。
第一步,进入表单后,我希望看见干净简洁的页面。(整体感受)
这点虽然不能用数据量化,但是对用户的影响却不容忽视。
上图是改版前后的对比,能很明显的对比出页面的清爽与否,而且在数据上,改版后的也有较为明显的提升。
第二步,填写表单前,我希望较长的表单能够分步骤展现(填写方式)
较长的表单比较容易吓跑用户,而清楚的步📖骤能够激励用户的填写欲望。但是使用进度条的𝓀时候应该注意,是否能起到作用。
下图的表单,把填写信息单独作为一个步骤,用户大部分时🐈间都花在了第二步,其实并没有起到多少简化表单的作用。
第三步,开始填写时,我希望填写的内容一目了然(信息布局)
填写表单时,最好让用户自己知道怎么填,所以信息的布局是否一ౠ目了ꦬ然很重要。这一点主要从一下几个方面体现:
1)信息分类
2)信息排布的顺序
3)优先级的区分
很清楚的传达给用户:基本信息与详细信息的区别;必填与非必填的区别;
再看下面这个例子:产品属性与产品名称等信息没有区分开,而且顺序与优先级也不对,造成用户困扰。
第四步,填写过程中,我希望尽量避免不必要的问题(内容)
从商业ಞ的角度来看,当然是用户填的越多越好,但对于用户来说,填写表单只是为了达到他的目的,如果能达到同样的效果,当然是填的越少越👍好。
以上的例子很好的说明了什么是让用户达到目的的最基꧒本填写。其实上图中的公司信息,注册完成以后有专门的流程让用户填写,没有必要一定要放在注册流程。
第五步,填写时以及填写完,我需要友好的提示和反馈。(引导)
这一点对于用户是否能完成表单填写非常重要。比如说,很多ไ表单以对话的形式与用户交流,以人性化的对话代替机械的告知𝐆,会给用户的心理带来些许安慰。
反馈传达出的是“请去做”的意思
反馈传达出的是“错误”的意思
如果你是用户,看到这两种反馈,你的感受会有什么样的区别呢?
发布后:
我想看下我发布的东西是否有问题,有问题的话应该怎么办?
现有的表单是无法在发布后给用户展示效果的,而且发布后直接进入审核,审核结束之前用户是无法修改的,这让很多用户头疼。而且发布后的体验,直接关系🌃到下一次的发布。
多站在用户ꦇ较多考虑表单填写的体验,避免信息提交报错导致的数据缓存丢失,或者填写数据保存失败等问题,站在用户较多,尽量简化一些填写流程和步骤,让用户能够快速便利的完成表单填写。
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 🐲加拿大预测网-在线预测:青岛网站建设公司,高端网站定制,一站式网站服务—&mdas♛h;力图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2011-10-31 23:27:59] 加拿大预测网-在线预测:如何做好网站设计?
- [2015-03-10 09:25:41] 加拿大预测网-在线预测:影响网站排名的一些不必要因素分析与解决。
- [2011-10-10 12:01:25] 加拿大预测网-在线预测:青岛网站设计如何做到文章伪原创
- [2014-07-11 21:12:52] 加拿大预测网-在线预测:企业的网站设计与品牌塑造
- [2015-01-27 10:16:35] 加拿大预测网-在线预测:网站发布软文更容易被收录技巧?
- [2012-10-08 21:22:25] 加拿大预测网-在线预测:清新的网站设计风格
- [2013-12-30 12:09:23] 加拿大预测网-在线预测:图片宽度自适应 如何通过css控制
- [2015-01-30 09:15:04] 加拿大预测网-在线预测:如何使用百度工具追踪访客的来源目的?
- [2013-01-15 23:26:31] 加拿大预测网-在线预测:textarea和input一样宽度 不同浏览器兼容方法
- [2011-12-01 21:19:59] 加拿大预测网-在线预测:力图数字科技为国运集团提供网站平台设计策划
- [2013-09-13 22:36:28] 加拿大预测网-在线预测:网站设计中的沟通经验分享
- [2011-12-07 23:08:37] 加拿大预测网-在线预测:青岛网站制作中如何合理的布局网站关键词
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案