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

心中碎琐事

心中碎琐事

2016-02-17 04:25

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

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

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

交互真心话之前:

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

交换真心话之后:

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

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

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

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

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

参与真心话之前:

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

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

参与真心话之后:

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

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

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

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

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

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

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

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

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

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

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

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

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

进入论坛参与讨论

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈白社会交互设计的创新

浅谈网页设计创新式布局与交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈网页设计创新式布局与交互设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

浅谈交互设计中的分页设计技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈交互设计中的分页设计技巧

网页设计创新式布局与交互设计心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计创新式布局与交互设计心得

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

浅谈淘宝购便利交互设计心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈淘宝购便利交互设计心得

解析交互设计中的拖放交互设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
解析交互设计中的拖放交互设计

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

After Effects打造卡片的发散汇集效果

After Effects打造卡片的发散汇集效果

在网站上空间记忆模式的表现

在网站上空间记忆模式的表现
下拉加载更多内容 ↓