本文,我主要想表达的意思是:交互设计师一多半的时间其实是在做逻辑剖析,从业务逻辑到产品逻辑的迁移;然后另一局部时间是在做按钮的摆放。(留意,我说的是局部,不是全部!)在这两个进程里需求留意的最重要的问题就是不能懒!
让我们再来反复一下那句关于交互与用户体验之间的关系的结论: 优秀的交互设计应该是用最低本钱的交互,最愉悦的满足用户的需求。
那么,什么是最低本钱的交互?我的了解,用户需求的时分才呈现交互,用户用不到或许不能运用的时分就不呈现交互;当用户需求交互的时分假如能二步完成就坚决不搞成三步。用一句浅显的话说就是:看人下菜碟。
在大的层面上,在对产品进行需求剖析的时分我们会思索不同的用户群,他们对一个产品的运用需求和运用方式都是不同的,在这里我们对用户进行了划分。我们把这个思想坚持到交互剖析里来,关于不同的用户在不同的运用环境下需求的交互方式也是不一样的。
之前,顺网UED的同窗们对用户交互行为的剖析提出了“交互表格”的办法:划分2个纬度,页面元素和用户行为。最左边一列是页面可见元素(包括光标);最上面一行,是用户的行为(尽量按操作流程)。中间穿插的为场 景描绘。经过这种枚举的方式可以详尽的列出一切可能存在的交互行为,然后我们对每个交互行为再划分出不同的交互方式。
比方:我们要做一个积分商城的积分兑换交互。经过火析、兼并,我们晓得可能存在这么几个场景:①用户未登录(注册);②用户已经登录,但是积分缺乏;③用户已登录且积分足够。
下面,我们选2个电子商务方面的代表网站(京东商城VS支付宝)来看一看他们怎样处置的:
京东商城的积分商城页面里,不管你能否登录(注册)、积分能否足够,积分兑换详情页的内容永远坚持“一致性”。当未登录点击兑换的时分会跳转到登录页面;当登录后积分缺乏点击兑换的时分会弹出窗口提示积分缺乏; 当登录且积分足够的时分,会显示兑换成功。
支付宝的积分商城里对上述问题做了改良,我们看到支付宝的设计师对业务逻辑做了足够的剖析:先对用户登录行为做判别;把用户所持有的积分放在了所需积分的下面;积分缺乏的时分给出提示。
那么,这些足够了吗?不,我觉得还应该有改良空间(京东商城的设计完全不具有交互性,不做剖析)。对照“看人下菜碟”的说法,我们来看看哪些是可以改良的。
1、假如用户没有登录(注册),用户能否需求去点击“兑换”OR“评论”按钮?答案能否定的。这个时分用户最需求什么交互?是登录!
当然,这里会存在一个用户能否需求注册的行为?我团体以为,在积分商城这个产品场景里,注册是存在几率很小的行为,完全可以放到登录的引导页面里去。(积分兑换的前提是注册用户,且在网站上发作了用户行为产生过积分才干兑换,就算是注册送积分也是需求先完成整个注册进程的 吧)
2、假如用户登录但积分缺乏,用户最需求什么交互?理解积分还差多少,如何取得更多的积分。其他的交互行为对这类用户来说都是多余的。
3、 假如用户登录且积分足够,用户最需求什么交互?兑换。这个时分用户能否需求“点评”交互?我觉得不需求,还没有兑换运用,怎样点评?“点评”这个交互行为 应该呈现在用户兑换之后再次阅读到这个物品的时分。
下面,是我对积分兑换这个交互模块做的改良。
1、如用用户没有登录(注册):不做用户持有积分断定(当然,也没法断定);不呈现“兑换”按钮,他的位置由登录提示取代。
2、假如用户登录但积分缺乏:做用户持有积分断定,同时提示积分差额;不呈现“兑换”按钮,他的位置由积分缺乏提示取代,可夹塞广告,如何获取积分。
3、假如用户登录且积分充足:做用户积分断定;呈现兑换按钮。
让我们再来反复一下那句关于交互与用户体验之间的关系的结论: 优秀的交互设计应该是用最低本钱的交互,最愉悦的满足用户的需求。
那么,什么是最低本钱的交互?我的了解,用户需求的时分才呈现交互,用户用不到或许不能运用的时分就不呈现交互;当用户需求交互的时分假如能二步完成就坚决不搞成三步。用一句浅显的话说就是:看人下菜碟。
在大的层面上,在对产品进行需求剖析的时分我们会思索不同的用户群,他们对一个产品的运用需求和运用方式都是不同的,在这里我们对用户进行了划分。我们把这个思想坚持到交互剖析里来,关于不同的用户在不同的运用环境下需求的交互方式也是不一样的。
之前,顺网UED的同窗们对用户交互行为的剖析提出了“交互表格”的办法:划分2个纬度,页面元素和用户行为。最左边一列是页面可见元素(包括光标);最上面一行,是用户的行为(尽量按操作流程)。中间穿插的为场 景描绘。经过这种枚举的方式可以详尽的列出一切可能存在的交互行为,然后我们对每个交互行为再划分出不同的交互方式。
比方:我们要做一个积分商城的积分兑换交互。经过火析、兼并,我们晓得可能存在这么几个场景:①用户未登录(注册);②用户已经登录,但是积分缺乏;③用户已登录且积分足够。
下面,我们选2个电子商务方面的代表网站(京东商城VS支付宝)来看一看他们怎样处置的:
京东商城的积分商城页面里,不管你能否登录(注册)、积分能否足够,积分兑换详情页的内容永远坚持“一致性”。当未登录点击兑换的时分会跳转到登录页面;当登录后积分缺乏点击兑换的时分会弹出窗口提示积分缺乏; 当登录且积分足够的时分,会显示兑换成功。
支付宝的积分商城里对上述问题做了改良,我们看到支付宝的设计师对业务逻辑做了足够的剖析:先对用户登录行为做判别;把用户所持有的积分放在了所需积分的下面;积分缺乏的时分给出提示。
那么,这些足够了吗?不,我觉得还应该有改良空间(京东商城的设计完全不具有交互性,不做剖析)。对照“看人下菜碟”的说法,我们来看看哪些是可以改良的。
1、假如用户没有登录(注册),用户能否需求去点击“兑换”OR“评论”按钮?答案能否定的。这个时分用户最需求什么交互?是登录!
当然,这里会存在一个用户能否需求注册的行为?我团体以为,在积分商城这个产品场景里,注册是存在几率很小的行为,完全可以放到登录的引导页面里去。(积分兑换的前提是注册用户,且在网站上发作了用户行为产生过积分才干兑换,就算是注册送积分也是需求先完成整个注册进程的 吧)
2、假如用户登录但积分缺乏,用户最需求什么交互?理解积分还差多少,如何取得更多的积分。其他的交互行为对这类用户来说都是多余的。
3、 假如用户登录且积分足够,用户最需求什么交互?兑换。这个时分用户能否需求“点评”交互?我觉得不需求,还没有兑换运用,怎样点评?“点评”这个交互行为 应该呈现在用户兑换之后再次阅读到这个物品的时分。
下面,是我对积分兑换这个交互模块做的改良。
1、如用用户没有登录(注册):不做用户持有积分断定(当然,也没法断定);不呈现“兑换”按钮,他的位置由登录提示取代。
2、假如用户登录但积分缺乏:做用户持有积分断定,同时提示积分差额;不呈现“兑换”按钮,他的位置由积分缺乏提示取代,可夹塞广告,如何获取积分。
3、假如用户登录且积分充足:做用户积分断定;呈现兑换按钮。
2010-3-5 02:12
(左:支付宝的积分兑换交互;右:我的修正版本)
当然,这里只是一个简单的交互条件限定,还可能会有更多兑换限制,从而呈现更多的交互行为,比方:注册多久的用户对可兑换、实物兑换 的时分填写收货地址,发货时间段(这个很重要!)、可兑换的数量、等等。
关于任何一个Web页面而言,都必需承当着2个功用:顺利的完本钱页面的任务、流利无误的进入下一个任务。关于如何完成这2个功用,我的土办法就是:有的时分我需求强迫你专注的完本钱页面的任务,不给你回路;假如这个页面上你要完成的任务太多,我可以思索帮你拆解。
比方,在注册页面除了注册表单什么都不放,什么面包屑导航全部去掉,甚至LOGO也要搞成不可点击的,这些都是为了“强迫”用户完本钱页的任务;用户在后台录入产品的时分,可以思索对产品的属性进行分块,然后把录入页面拆开(当然,你不能无限制的拆分!)….
我团体的觉得是,之所以交互进程被搞的很笼统,大局部缘由在于交互设计师很懒。懒的做剖析,以为只要流程能走通就OK了,不情愿持续细分;懒的做交互Demo,以为这些给技术阐明白就可以了。前几天做某个模块的时分我偷了个小懒,在DEMO里把工商银行写成“工行”,然后在PRD文档里做了详细阐明。今天再看测试,好家伙,还是“工行”!搞的我惭愧难当,这个问题的责任完全在设计师自身,设计师懒就不能指望技术勤快!当然,这里还存在一个原型图的制造问题,改日再谈。
原文链接:http://www.ikent.me/blog/2296


















