当前位置:首页 > 经验学习 > 交互设计

以用户视角出发的表单之旅

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

用户使用发布表单,就像是一次旅行。旅行的目的是否能达到?过程是否让人满意?这些都决定了用户会否再来这里。

一、那么为什么要以用户的视角呢?
作为设计师,你是否遇到过这种情况:
. 我们额外加一个填写项,用来收集用户信息吧;
. 我们的表单之所以复杂,是因为我们希Wang(望)用户多填写内容,这些内容都是有用是;
. 我们的表单应该在这最zhong(重)要的一步出现,这样就能让更多的用户看到它…….
作为用户填表单时,你是否这样想?
. 我们填写表单只是为了达到我想要的目的,才不是为了你们收集信息;
. 如果可以,我希望填写更少的信息或者不用填写表单,来达到同样的目的;
. 在我想做A事情的时候,我根本不想看到B表单…….
以上的情境可能有些夸张,但是不可否认的是,有时候我们做表单设计的时候,并没有从用户的角度出发,看他们想要的是什么,而是从我们所在的产品端的角度,让用户Qu(去)做我们想要他们做的事情。
二、如何以用户视角看post表单?
现在我们把之前的旅行的步骤放到post表单设计中,我们可以得到如下思路:

cong(从)中我们可以发现,似乎发布前和发布后这两个流程,比较容易被忽略。而过程zhong(中)的设计点具体应该如何做呢?作为用户出发看看吧。
三、作为用户出发看表单
思路已经有了,那让我们作为用户出发探索一下post表单吧。
发布前:
zuo(zuo(作))为用户,我会抱着一定目的,来找我需要的工ju(具)——post表单。
首先,我要从哪进入表单?
这个问题是针对用户在什么样的情境下会被引导Dao(到)post表单,看下这个例子吧:

上图的post表单安排zai(在)你对网站有个基本认识,并且有意愿联系后出现,而qie(且)zhe(这)样的从属关系让人很容易接受。

上图中的post入口都安排在账号相关的区域,而不是业务相关的区域,没有足够的理由说服用户从此来发布。
然后,它跟我的目的是否相符?
表单的开头应该向用户清楚的传达,该表单是做什么的,是否符合用户的期望,如果不,那么用户应该去哪?

上图的表单很清晰的向用户传达了目的,并提供了快su(速)逃离出口。

图四中一些简要的介绍,会让用户对表单有个大致的认识,对复杂的信息有个心里准备,并且更能确认自己的目的。

而上图个页面,用户一进来印入眼帘的是长篇的规则介绍和各种功能入口,破坏了之前的引导传达给用户的印象,作为新用户的话,很难确认这里就是自己要找的地方。
发布中:
填写表单本身就是一件枯燥的事情,我希望能尽可能减少填写时的痛苦。
第一步,进入表单后,我希望看见干净简洁的页面。(整体感受)
这点虽ran(然)不能用数据量化,但是对用户的影响却不容忽视。


上图是改版前后的对比,能很明显的对比出页面的清爽与否,而且在数据上,改版后的也有较为明显的提升。
第二步,填写表单前,我希望较长的表单能够分步骤展现(填xie(写)方式)
较长的表单bi(比)较容易吓跑用户,而清楚的步骤能够激励用户的填写欲望。dan(但)是使用进度条的时候应该注意,是否能起到作用。
下图的表单,把填写信息单独作为一个步骤,用户da(大)部分时间都花在了第二步,其实并没有起到多少简化表单的作用。

第三步,开始填写时,我希望填写的内容一目了然(信息布局)
填写表单时,最好让用户自己知道怎么填,所以信息的布局是否一目了然很重要。这一点主要从一下几个方面体现:
1)信息分类
2)信息排布的顺序
3)优先级的区分

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: