表单交互设计:以用户视角出发的表单之旅

 

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


  一、那么为什么要以用户的视角呢?

  作为设计师,你是否遇到过这种情况:

  · 我们额外加一个填写项,用来收集用户信息吧;

  · 我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是;

  · 我们的表单应该在这最重要的一步出现,这样就能让更多的用户看到它…….

  作为用户填表单时,你是否这样想?

  · 我们填写表单只是为了达到我想要的目的,才不是为了你们收集信息;

  · 如果可以,我希望填写更少的信息或者不用填写表单,来达到同样的目的;

  · 在我想做A事情的时候,我根本不想看到B表单…….

  以上的情境可能有些夸张,但是不可否认的是,有时候我们做表单设计的时候,并没有从用户的角度出发,看他们想要的是什么,而是从我们所在的产品端的角度,让用户去做我们想要他们做的事情。

  二、如何以用户视角看post表单?

  现在我们把之前的旅行的步骤放到post表单设计中,我们可以得到如下思路:


  从中我们可以发现,似乎发布前和发布后这两个流程,比较容易被忽略。而过程中的设计点具体应该如何做呢?作为用户出发看看吧。

  三、作为用户出发看表单

  思路已经有了,那让我们作为用户出发探索一下post表单吧。

  发布前:

  作为用户,我会抱着一定目的,来找我需要的工具——post表单。

  首先,我要从哪进入表单?

  这个问题是针对用户在什么样的情境下会被引导到post表单,看下这个例子吧:


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


  上图中的post入口都安排在账号相关的区域,而不是业务相关的区域,没有足够的理由说服用户从此来发布。

  然后,它跟我的目的是否相符?

  表单的开头应该向用户清楚的传达,该表单是做什么的,是否符合用户的期望,如果不,那么用户应该去哪?

时间: 2024-10-10 20:03:35

表单交互设计:以用户视角出发的表单之旅的相关文章

网站用户体验分析:以用户视角出发的表单之旅

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 用户使用发布表单,就像是一次旅行.旅行的目的是否能达到?过程是否让人满意?这些都决定了用户会否再来这里. 一.那么为什么要以用户的视角呢? 作为设计师,你是否遇到过这种情况: · 我们额外加一个填写项,用来收集用户信息吧; · 我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是; · 我们的表单应该在这最重要的一步出现,这

网页表单交互设计细节:机票搜素表单的校验

文章描述:表单交互设计之三--机票搜索的校验思考. 在前一篇的校验思考中,我们整体概括了一些校验出现的类型,出现的情况,以及校验设计的设计原则与经验.而在具体设计过程中,需要结合产品的业务逻辑,旅游机票预订的全流程,是我碰到过交互逻辑中,相对比较复杂的情况,它的搜索来说也囊括了比较多的输入项,和各种类别的表单控件,因此它的校验情况也相对比较多样化. 我们来探讨下预订机票中的搜索表单 1. 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫

网页表单交互设计细节:表单校验设计的思考

文章描述:表单交互设计之二--校验思考. 你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况:或者你是否在为不知道填写中哪里出现错误而抓狂:再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空:或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考. 那校验有哪些情况呢? 1. READY? 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫

数据库 javaweb-如何设计可变用户可变条目数据库表

问题描述 如何设计可变用户可变条目数据库表 有这样一张表:项目表:, 和用户.项目中间表:, 还有记录用户项目值的record表: 因为不同用户对应的item列表不同,所以页面显示也是不同的项,这种情况该如何设计Record表呢? 解决方案 你这个就可以啊, record里面记录用户和对应的项目id,然后无论怎么变,都是可以找到的 解决方案二: 你说的是什么数据库,oracle不是很了解,手机数据库,可以使用orm框架,可以随意增加列 解决方案三: 把4个typeX统一成一个type就可以了

细节思考表单交互设计:机票搜索的校验思考

在前一篇的校验思考中,我们整体概括了一些校验出现的类型,出现的情况,以及校验设计的设计原则与经验.而在具体设计过程中,需要结合产品的业务逻辑,旅游机票预订的全流程,是我碰到过交互逻辑中,相对比较复杂的情况,它的搜索来说也囊括了比较多的输入项,和各种类别的表单控件,因此它的校验情况也相对比较多样化. 我们来探讨下预订机票中的搜索表单 1. 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系.此类提示信息能够帮助用户在填写表单前,降低

细节思考表单交互设计二 表单校验设计思考

你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况;或者你是否在为不知道填写中哪里出现错误而抓狂;再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空;或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考. 那校验有哪些情况呢? 1. READY? 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系. 此类提示信息能够帮助用户在填写

表单交互设计之——校验思考

你是否经常碰到在填写表单时,提交无数次却还是无法通过校验的情况:或者你是否在为不知道填写中哪里出现错误而抓狂:再或者你是否碰到过当你填写了一大堆信息,之后点击按钮提交时,校验报错的同时,你发现你所填写的所有的信息都被清空:或者你还碰到过很多很多校验当中出现的问题,那么我们现在就开始进行表单校验设计的思考. 那校验有哪些情况呢? 1. READY? 提到校验,我们往往会联系到提交表单后出现的错误提示类信息,但是其实在填写表单前的提示信息与表单填写校验有着莫大的关系. 此类提示信息能够http://

交互设计与用户体验:满足用户需求的交互设计

     本文,我主要想表达的意思是:交互设计师一多半的时间其实是在做逻辑分析,从业务逻辑到产品逻辑的迁移:然后另一部分时间是在做按钮的摆放.(注意,我说的是部分,不是全部!)在这两个过程里需要注意的最重要的问题就是不能懒!(京东商城的设计完全不具备交互性,不做分析).对照"看人下菜碟"的说法,我们来看看哪些是可以改进的.       1.如果用户没有登录(注册),用户是否需要去点击"兑换"OR"评论"按钮?答案是否定的.这个时候用户最需要什么交

互联网产品交互设计:保证用户不在网站中迷路

文章描述:交互设计实用指南系列(7)–避免迷路. 任何位置都能明确"我在哪里?这里有什么?从这里能去哪里?" 迷路可不是一件好玩的事情,试想你驾车行驶到高速公路分叉口时,却看不见任何路牌,那该会怎样地困惑.沮丧.愤怒和恐惧.为了避免迷失方向,我们发明了各种导航工具,大到卫星定位系统,小到指南针,人类在这一事情上,极具创意. 在网站上迷失方向,虽然不是什么生死攸关的事,但会带来许多负面影响,如:用户体验下降.任务不能完成,用户流失等.我们可以通过良好的导航系统来避免这个情况发生.好的导航