产品经理

产品汪要懂点交互

产品汪要懂交互

作为一个菜鸟产品刚出现在职场的时候,话语权是很少的,业务业务不懂,技术底层不敢说,视觉不能说(艺术家的脾气,你懂的),唯一能够体现一下酷炫屌炸天的一个方面,便是交互。它也常被当作产品的入门课,成为上手的切入点。

但,有可能谁都说不清,到底什么是交互。(默默的笑过)

从大而概括的角度来讲,交互,用英文interaction拆解,可以理解为,人和互联网的互动。这个解释确实比较抽象???,那么我们来一个生动的?:

在传统的世界里,人是有多重感官来与这个世界进行交互的,比如一个很简单的动作,你拿起一个杯子,喝一口茶,然后放下,这里边有复杂的大脑替你处理:

QQ图片20160216150332
你的眼睛,看到手伸向了杯子,是在精确的位置;
你的手,触摸到了杯子,感知到了向下重力;
你的鼻子,靠近间,闻到了杯子里面茶叶的清香;
你的舌头,分布在舌上的味蕾,尝到了茶的味道;
你的耳朵,在放下时,听到了与桌面触碰的声音。

视觉、触觉、嗅觉、味觉、听觉这五个感官系统,建立了你与三维世界的互动,它们获取的信息,反馈到大脑,来确保你的行动是按照你的大脑最初的设定进行的。

那么,在互联网的世界里,三维的物体被扁平化,人和互联网的交互中:

视觉起到了绝大部分的作用;
听觉则需要额外的设计;
在pc上,触觉等于键盘的按键体验;
在移动端,触觉等于点一块冰冷的玻璃;
嗅觉、味觉,完全被剥夺;

所以,交互设计师所做的事情,就是尽量让视觉和听觉把之前5种感官系统要做的事,给做全了。

举个?:
在物理世界,敲击键盘,有声音且有键盘按下的触觉;
在移动世界,视觉替换了触觉,同时模拟按键声音。

如下图:

QQ图片20160216150402

细心的同学还会发现更多类似的例子,其实都是差不多的原理

综上,交互是用扁平化的方式还原物理世界的,那么其中最主要的就是两个功能是:

1、静态:展示产品的信息架构。
原则:重要的信息放明显的位置,因为寸土寸金;

2、动态:对用户行为进行反馈。
原则:及时,且符合用户心流。
1、静态交互:信息架构

QQ图片20160216150421
是的,它的作用就是让你一见钟情,在1分钟或者30秒了解你是干嘛的,记住你的特点,然后偶尔会惦记你。那么,你就已经成功了一半了。

关键的难点在于,信息架构的设计是和本身app的有节奏的成长是密不可分的。

比如:instagram
早起我刚下载的时候,它的首页是精彩推荐的图片,并且不是瀑布流的形式,用户刷新还必须点击右上角的刷新按钮。

QQ图片20160216150436

原因:
初期发图的用户不多,为了让用户立刻喜欢上这个app,不是刺激用户去发图,而是展示给用户精彩的图片,让用户流连忘返。
就那个阶段,我关注了很多日本的摄影师。

后续,随着instagram的推广,很多明星和朋友上到了这个平台,有关注的用户增多,然后,ins的首页变成了这样,关注的信息直接到了首页:

QQ图片20160216150459同样的事情发生在facebook上:
侧边栏的各类信息条保证了facebook的大量的信息的露出,但是把金子放在一堆沙子里,结果就是使得金子贬值了。

QQ图片20160216150519

后续看到facebook的改版:
高频使用的模块直接展示在首页,其他不重要的东西全部都放在了不重要的更多里。
使用户更直观的了解这个app最核心的功能

QQ图片20160216150534

 

 

QQ图片20160216152509

说到这里,我不得不提下这部电影,因为在产品界,流传着这样一个标准:如果你让用户觉得自己是傻子,那么一定是产品做错了。

这个原理就是著名的:DON'T MAKE ME THINK

这里心理学的一个名字叫做:“心流”,它属于用户全身贯注投入在某种事情上的状态,而维持这一状态就是:用户做任何的操作,将符合他心里的期望。

那,可能正面的抽象词语不太理解,举个反例大家就明白了:

曾经,有一款限时购买的产品,但是它过了活动时间,
这时,小花,把它加入了购物车,
然后啥事也没有发生,
小花进到了下单页,
点击付款,
这个时候,提示“您购买的限时商品已超过时限”

小花说,WTF,早干嘛去了!
PD说,弹窗跳多了不太好~(一脸黑线的小花,虎躯一震)

QQ图片20160216150550

那,哲理来了,用户在操作时,动态的反馈告知用户,这步做对了,这步做错了,是交互的一个基本功,高级一点的呢,就是在对和错的告知上做得更友好一些。
整个流程浑然一体,用户不自知,则会进入心流的状态。

so,弹窗作为一个,交互提醒的利器,如何只在重要的场合使用,则体现了一个交互设计师的实力。
但是,弹窗作为一个交互的形式,它的本身是并无对错的。

其他交互小细节就不在赘述,下它100-200个app体验体验,你就明白了~

文章来自微信:枣乐子

 

(0)

本文由 NiuPM资深产品社区 作者:rudy 发表,转载请注明来源!

热评文章

发表评论