UX Internet Travel Other About me

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

2009-12-16 by leeking001 | 用户体验 | 评论(17)

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

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

交互真心话之前：

草稿——交换真心话

交换真心话之后：

草稿——已交换真心话

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

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

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

原型——参与真心话

参与真心话之后：

原型——已参与真心话

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

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

真心话

后来，这种布局还成功的被“天天向上——每日一测”所复用：

天天向上——每日一测

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

  1. 收到通知，有人跟自己交换了真心话：这种情况下对于自己关心的是这个好友的真心话答案，自然我们通过通知点过去的链接，应该把该好友放在左上角第一个位置。
  2. 收到通知，有人评论了自己的真心话：这种情况下对于自己关心的是自己的真心话答案下面的评论，自然我们通过通知点过去的链接，应该把自己放在左上角第一个位置。
  3. 收到通知，有好友也评论了之前自己评论过的其他好友的真心话：这种情况下对于自己关心的是之前自己评论过的好友的答案下的评论，自然我们通过通知点过去的链接，应该把之前好友放在左上角的第一个位置。
  4. 看到新鲜事，有好友参与了一个真心话题：这种情况对于自己关心的是该好友的答案，自然我们点击后（如果没参与需要先参与），应该把该好友放在左上角的第一个位置。

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

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

17 条评论

  • 2009.12.17 11:34，浅谈白社会交互设计的创新(一) | 互联网的那点事 发表评论：

    […] 来源：http://leeking001.com/?p=266 你可能还会喜欢以下内容交互设计环节需要表达清楚什么？交互设计模式(四)-Spatial Memory(空间记忆)交互设计模式(三)-Tagging(标签)交互设计模式(二)-Pagination(分页,标记页数)搜索空字段的交互体验交互设计实用指南系列(1) – “有效性”之“操作入口明确”图片轮播控件 Carousel Controls阿里输入框交互尝试、启发式评估及优化建议账户注册的8个小贴士丰富站内搜索的自动提示功能 […]

    【回复】
    • 2009.12.17 17:13，jing 发表评论：

      :em02: （这个ms是以前画自己的漫画头像生成的系列图片？）
      可以提供“X”选项去除某些人的消息，有时候随便加了些无关紧要的人。。。

      【回复】
      • 2009.12.18 21:52，Felix 发表评论：

        很棒的实例，很棒的双排扣。 :em09:

        【回复】
        • 2010.01.11 09:54，scv 发表评论：

          cool,很有创意

          【回复】
          • 2010.03.22 23:52，frank 发表评论：

            想起了BBS的回帖查看内容
            恩，重点在双排扣，以及互动，BBS的楼盖的太严实了

            【回复】
            • 2010.03.23 13:32，必应珠峰 / 浅谈白社会交互设计的创新(一) 发表评论：

              […] 来源：http://leeking001.com/?p=266 Post a comment — Trackback URI RSS 2.0 feed for these comments This entry (permalink) was posted on 星期二, 三月 23, 2010, at 13:27 by 蔡 亮. Filed in IT知识, SNS社区, Web2.0, 产品经理 and tagged 白社会. […]

              【回复】
              • 2010.03.23 17:21，导弹狼 发表评论：

                双排扣挺不错！

                【回复】
                • 2010.11.11 12:03，枯の灵 发表评论：

                  哇 评论的头像好硕大啊

                  Nice 右侧的头像列表也很有感觉

                  【回复】
                  • 2023.05.30 00:54，ルイヴィトン タイガ スーパーコピー エルメス 发表评论：

                    初めての取引でしたが、対応の速さに驚きました。
                    また梱包も丁寧で厳重にしてありましたので
                    非常にうれしく思っています。
                    機会があればまた宜しくお願いします。
                    ★ルイヴィトン★タイガ★クラド★セカンドバッグ/持ち手付★M30194★
                    非常に綺麗な商品です。
                    発売当時から使っていたクラドがお役目御免のため
                    新たに購入しました。もう廃盤のクラドですが永い間手に馴染んでいた為 手放せません。気になる金具部分は、研磨剤を使ってピカピカになりました。
                    とっても綺麗なクラドをありがとうございます。
                    ルイヴィトン タイガ スーパーコピー エルメス https://www.jpwatchs777.com/goods-copy-6600.html

                    【回复】
                    • 2023.05.30 01:03，GeorgeNoify 发表评论：

                      HOYA娛樂城

                      https://xn--hoya-8h5gx1jhq2b.tw/

                      【回复】
                      • 2023.05.30 20:16，DouglasLer 发表评论：

                        冠天下娛樂

                        https://xn--ghq10gmvi.com/

                        【回复】
                        • 2023.05.31 03:11，Alexisunemn 发表评论：

                          冠天下現金版

                          https://xn--ghq10gmvi961at1b479e.com/

                          【回复】
                          • 2023.08.13 15:31，スーパーコピー フランク 映画 发表评论：

                            ブランドコピー時計ブランドコピー財布専門店

                            ルイ・ヴィトン ｜ エルメス ｜ グッチ ｜
                            プラダ｜ セリーヌ ｜ ゴヤール｜エルメス特集 ｜ ブランド館（拜购）
                            ルイ・ヴィトン ｜ エルメス ｜ ゴヤール｜ジュエリー・アクセサリー ｜ 靴
                            主要取扱商品 バッグ、財布、腕時計、靴、装飾品、小物等！
                            プロのブランドコピーの専門家,ブランドコピーの先駆者、国内で最高に成熟したブランドコピー専門店。
                            スイスのチップ適用、実物写真、実物が写真および描写と一致、公式サイトの外観、規格、機能と一致。
                            スーパーコピー フランク 映画

                            【回复】
                            • 2023.08.17 12:11，WilliamLerry 发表评论：

                              水微晶玻尿酸 – 八千代

                              https://yachiyo.com.tw/hyadermissmile-injection/

                              【回复】
                              • 2023.08.20 08:38，DanielNab 发表评论：

                                第一借錢網擁有全台最多的借錢資訊

                                https://168cash.com.tw/

                                【回复】
                                • 2023.09.08 00:54，シャネル ファンデーション 色白 发表评论：

                                  一筆メッセージが梱包や商品説明の丁寧さ、細かさに出ているとおもいます。
                                  配送の予定では注文から中一日の予定だったのですが天候も幸い落ち着いていたおかげで、翌日の夜にはゆうパック届きました。梱包も商品だけでなくその周り、さらに隙間にも緩衝材を丁寧に入れてあり商品が保護されていました。
                                  またこのお店で買い物をしたいです。
                                  シャネル ファンデーション 色白 https://www.taka78.com/products-3309.html

                                  【回复】
                                  • 2023.09.23 06:10，スーパーコピー 090 发表评论：

                                    ルイヴィトン コピー品
                                    世界ブランドコピー業内最高レベルのルイヴィトン コピー品（Ｎ級品）
                                    をお客様に提供します。ルイヴィトン財布コピー、
                                    ルイヴィトン財布、財布ヴィトン、スーパーコピーなど豊富な物件を揃いています。
                                    当店はすべての商品はサイトに掲載していません。
                                    お探しの商品が見つからない場合、お気軽にお問い合わせください。
                                    スーパーコピー 090

                                    【回复】
                                    (Required)
                                    (Required, will not be published)

                                    © 2025 Leeking001 . Ported to Wordpress . Designed by Leeking001 . Powered by SAE . 京ICP备18021289号