浅谈白社会交互设计的创新

2016-02-17 04:25 6 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享浅谈白社会交互设计的创新的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - 平面设计 】

之前有些朋友说:白社会的交互还是有些不错的地方的。本人作为参与者之一,听了也很高兴,被人认可当然是件很幸福的事了~高兴之余,也不能忘了分享快乐,在这里有关于白社会的交互设计也想跟大家聊一聊。一提创新这个词,感觉话题有点大,有点重,我先说说我对创新的看法,就像上面引用含义的一样,创新其实是站在巨人肩膀上的,同时也是面对新问题新矛盾的一种解决方法,所以,哪怕是小小的改进也算是创新,这样再谈创新可能就会轻松一点~

我会整理出一个系列,一点一点的跟大家分享,今天先说真心话这个组件吧,真心话早在开心网上就风靡一时,一度是开心上最火的应用,我们在打算做这个组件时,自然也是将开心的真心话作为首要研究对象,大家玩过的都知道,真心话有着广泛的话题,便捷的参与形式,病毒式的传播方法,都是值得津津乐道的。我们这里说下真心话的交互设计,在研究了真心话的信息架构之后,我们自己先拟了一个草稿:

交互真心话之前:

浅谈白社会交互设计的创新,PS教程,图老师教程网

交换真心话之后:

浅谈白社会交互设计的创新,PS教程,图老师教程网

因为在玩开心的真心话的时候,每次交换完还需要再点击一次才能查看其他好友的真心话,感觉得很多余,就做了点小改进,直接在交换完就列出来了其他好友的真心话,并且可以评论。

但是退回到用户的角度后,觉得这样使用还是不爽,交换的时候只能看到一个好友的入口,而一般大家都是冲着某些好友的答案才去参与的,如果只能看到一个好友入口,还是刺激不起去交换的欲望。我们就想,如果能看到所有参与好友的入口岂不是最好,这样我们就又出了一个原型版本。(很遗憾没存根)

有了这次突破之后,慢慢思路就打开了,我们发现,噢,其实这个真心话就是个群体参与的活动啊,为什幺死守交换的概念呢,反而局限自己的思维了。一番讨论之后,我们把它比喻成一个小黑板,老师在上面出了一道题,同学们在下面答题,只有答过题的同学才可以看其他同学的答案,这就清晰了,在设计的时候呢,我们也还原了这样一种情景:

参与真心话之前:

浅谈白社会交互设计的创新,PS教程,图老师教程网

参与真心话之后:

浅谈白社会交互设计的创新,PS教程,图老师教程网

看,像不像同学们的书桌排排坐着答题呢~

再后来,为了鼓励讨论,在每个答案的下面挂上了评论的入口,就这样一个左右不对称的的双排布局(我们内部俗称双排扣)就诞生了,后来在实际的使用中,这种双排扣的形式也会把气氛烘托的非常热闹:

浅谈白社会交互设计的创新,PS教程,图老师教程网

后来,这种布局还成功的被天天向上每日一测所复用:

浅谈白社会交互设计的创新,PS教程,图老师教程网

但是,凡事有利也有弊,这时出现了点问题,就是在如何在这种不可预期的布局下找到想看的人和自己的信息。我们仔细分析了用户怎样接收到真心话的情景,发现有这几种形式:

收到通知,有人跟自己交换了真心话:这种情况下对于自己关心的是这个好友的真心话答案,自然我们通过通知点过去的链接,应该把该好友放在左上角第一个位置。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

收到通知,有人评论了自己的真心话:这种情况下对于自己关心的是自己的真心话答案下面的评论,自然我们通过通知点过去的链接,应该把自己放在左上角第一个位置。

收到通知,有好友也评论了之前自己评论过的其他好友的真心话:这种情况下对于自己关心的是之前自己评论过的好友的答案下的评论,自然我们通过通知点过去的链接,应该把之前好友放在左上角的第一个位置。

看到新鲜事,有好友参与了一个真心话题:这种情况对于自己关心的是该好友的答案,自然我们点击后(如果没参与需要先参与),应该把该好友放在左上角的第一个位置。

在我们梳理清楚了这个之后,就解决了问题,也很感谢我们的工程师,要实现起来还是要花些力气的。

这就是现在的白社会的真心话的交互的不同之处,也算是站在巨人肩膀上的一种创新吧。我理解,在用户最需要帮助的时候,想办法去推他一把,往往这就是创新的地方了~

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

进入论坛参与讨论

来源:https://www.tulaoshi.com/n/20160217/1578475.html

延伸阅读
今天的交互,就像是引诱小孩子吃药的方糖,不但味道得甜,过程还要润物无声,是个不小的考验。今天网易的美女交互设计大神@子木yoyo 分享了6个最流行的交互设计方法,附优秀案例,通俗易懂,可以帮你尽快实现这个目标,来加油吧。 有了好的创意,我们还需要有好的方法去表现它,下面就来介绍一下娱乐化设计的方法。 一、目标的激励 在游戏中...
Lucy:外行人对交互设计的第一印象是什么?画线框图的?做草稿的? 的确,大家所看到交互设计师的日常工作成果都是一些线框图,从表面上理解的确是这样。 其实,交互设计师做的远远不止这些。往深一步想,信息架构、界面、流程,都是设计师需要考虑的问题。下面,想谈一下我理解的交互设计。 一:信息 人们每天面对那么多信息,在杂乱的信息中...
美感是外在,交互是内在,内外兼修方成气候。今天十萬個為什麽总结了交互设计中的5个视觉原则,帮同学们掌握视觉与交互的协调方法。 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然有些可用性专家会提及Craigslist甚至Amazon...
加班中,为换脑子翻翻坟。 要不要长文呢? 算了,还是以一些图片代替吧,大部分都是在07~08年间在之前公司建设团队时的产物。 UE Team 内部工作流程 (图1),指导性的流程,实际操作中会有偏差,如任务紧急有些环节及review就会被跳过,大体是这样一个流程。 图1 UE Team 外部工作流程 (图2),简陋版(复杂版估计看不懂了),表达出大体的...
今天言覃某人给同学们介绍一个特别高效实用的方法,当遇到场景较多或团队有争议的设计点都可以用这个方法,帮交互设计师们理清思路,达成共识并做出最可能正确的设计决定。 交互设计中,为什么需要这种方法? 在交互设计工作中经常会遇到这样的问题,某些位置的设计牵扯到比较复杂的场景,要考虑的因素比较多,这些设计点往往是最容易引起...

经验教程

735

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部