UX Internet Travel Other About me

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

2010-01-10 by leeking001 | 用户体验 | 评论(16)

交互设计创新2-0

　　接上一篇的 浅谈白社会交互设计的创新（一），这次谈谈 任务 的设计。任务想必大家都接触过，在学习中，在工作中，在游戏中都会有，一般的形式是接到一个任务——努力完成任务——交任务（领奖励）。宏观的看，人的一生就是在完成着一个又一个的任务。回到正题，首先需要说说的是在SNS中设计任务的目的，我们的观点是：

  1. 任务是一种运营手段，可以引导用户在特定的时间做特定的事情。
  2. 任务可以做新手引导，可以有步骤有奖励的指引用户熟悉系统了解功能。
  3. 任务是奖励用户行为的入口，也是虚拟货币（金币）的唯一出口。

　　在明确这几个方面之后，我们很快的设计确定了任务的列表页和任务描述页，十足的任务感和游戏感，毕竟大家都玩过网游的嘛~


交互设计创新2-1

　　确定这个之后，另一个关键点是用户如何去领、做、交任务，我们初步想法是向网游学习，做一个任务跟踪层，用户可以随时查看任务说明，并能及时了解任务的进度。这里有一点补充的，我们选择了自动领取任务，原因是领任务的环节让前置操作过于复杂了，这也是我们任务的重量级而决定的。这样重点就放在让用户如何知道新任务——做任务——交任务上了。

　　但恰恰正是因为自动领取任务，让我们碰到新的问题。大部分网游里的任务是在领取之后才开始进行追踪的，并不断判断用户的完成情况，为了不造成太大的服务器压力，一般也会设定可领取任务的最大数量。而使用自动领取任务后，意味着用户的最大任务数量是不可预估的，这样想做到实时的任务追踪就很困难了。既然不能两全，权衡下利弊，我们决定还是保留自动领取任务（降低门槛），不做全局的实时任务追踪，只把任务追踪的步骤放在了Home页和任务列表页，这样在首页的右上角诞生了任务的提示区域：

交互设计创新2-2

　　Home页自然是寸土寸金了，如何能把我们和用户都想要的任务及时推给用户呢，我们在这里想了一个策略，现在来看还是比较不错的（点击小图查看大图）：

交互设计创新2-3

　　接下来怎么让用户方便的做任务呢？最理想的方式是让任务随时能调出来，以方便用户在做任务的过程中查看。这里想到了 音乐盒 的实现方式，即弹开一个无地址栏的小浏览器窗口，这样不会影响主窗口的正常操作，还能随时激活小窗口来看详细任务，似乎很妙啊~

交互设计创新2-4

　　好，就先这么做吧~经过工程师的开发，可以测试了，先使用IE6和Firefox，觉的确实不错，完成任务之后，点击Home页的任务提示，小窗口被激活并刷新，直接领取奖励，跟我们的设想一模一样。但很快问题显现了，在IE7/8、遨游、搜狗浏览器等使用tab分页面的浏览器上，是没有小窗的，只能新开一个tab页，这样详细任务出现在整页里显得非常诡异，另外一点是在点击Home页的任务提示后，不能激活任务的tab页……这点太致命了，想象中很妙的方案由于不具备普适性变得一文不值，于是乎只好放弃了这种方案。

　　有话说的好，退一步海阔天空，我们尝试使用了弹出层的方式，层的方式意味着不能做到用户在做任务时随时调出来查看，只能在Home页和任务列表页才可以打开层，不完美的方案也让我们没有什么底气，只能先做一下用户测试。在对公司内外的一些用户做了用户测试之后，心里的石头放下了，由于SNS任务的复杂程度并不能达到网游的水平，用户并不会出现随时调出来任务来查看的情景，反而是在查看了任务弹出层之后，直接通过“去做任务”的引导直接去做操作，并且能够很好的记住任务开始的地方，回到Home页来交任务领取奖励。产品就是这样，同样的需求，不同的使用情景决定了不同的交互形式。这就是现在任务的形式了：

交互设计创新2-5改

　　讲了这么多幕后的故事，也许这真算不上是什么创新，但我们很高兴能跟大家分享我们的教训和经验。尤其是看到现在新生的SNS都标配了类似的任务，我们很自豪能够对行业的发展产生一点点小的推进，在这里再次谢谢大家的支持~

16 条评论

  • 2010.01.12 12:05，三哥 发表评论：

    白社会挺好，可就是太慢了，页面运行忒慢

    【回复】
    • 2010.01.13 14:28，pengkai 发表评论：

      “IE7/8、遨游、搜狗浏览器等使用tab分页面的浏览器上，是没有小窗的”

      – 可以开小窗的。 window.showModalDialog

      【回复】
      • 2010.01.20 16:34，简单♂ 发表评论：

        wap版的139社区也有任务，做的没有这么精致，但效果很好。
        用户每天上线随即分配两个任务，打开任务页面即算已经领取，当用户完成两项任务则已通知的形式告之用户。当然任务只有“未完成”和“已完成”两种动态。
        效果好的原因是：用户比较认同手机豆这个虚拟货币

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

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

          【回复】
          • 2023.05.29 23:40，エルメス スーパーコピー ランク max 发表评论：

            ブランドコピー通販

            ブランドコピー通販|スーパーコピーブランド|ブランドコピー販売|ブランドバッグコピー|ブランド財布コピー|

            スーパーブランドコピー商品全番。全商品はスーパーコピーN品で業界で一番よい品質です。
            ブランドコピー通販は主にルイヴィトンコピー商品、グッチコピー商品、シャネルコピー商品。
            ブランドコピーバッグ、財布、ネクタイ、シューズ、サングラス、帽子、ベルト、マフラー、傘、生地コピー、アクセサリーなどを販売しております。

            ロレックススーパーコピー、オメガスーパーコピー、IWCスーパーコピー、ウブロスーパーコピー、ブルガリスーパーコピーなどの腕時計も取り扱っております。
            営業時間 ご注文はオンラインにて年中無休、２４時間受付けております。
            エルメス スーパーコピー ランク max https://www.jpwatchs777.com/goods-copy-971.html

            【回复】
            • 2023.06.30 08:27，スーパーコピー 財布 ダミエ 汚れ 发表评论：

              高品質コピーブランド通販店
              当店は主に高品質低価格複製品も含め、腕時計、バッグ、財布、マフラー、アクセサリーなど。
              各種のブランドはそろって、在庫情報は随時更新しそして優待価格、品質保証100 %。
              安心してご購入ください！！
              店長お薦めは以下の商品：
              1，フランクミュラー高品質コピー
              2,高品質コピー マフラー各種のブランド偽物（コピー商品）のマフラー
              ★歓迎光臨スーパーコピーブランド高品質店
              スーパーコピー 財布 ダミエ 汚れ http://www.sbagshop.com/brand-13-copy-0-cheap-0-max0-attr0-5-sort_order%20Desc%2cgoods_id-DESC.html

              【回复】
              • 2023.07.05 03:30，GeorgeNoify 发表评论：

                HOYA娛樂城

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

                【回复】
                • 2023.07.09 07:40，ロレックス 年収 mr 发表评论：

                  ブランド財布コピー
                  業内最高レベルのブランド財布コピー
                  世界ブランドコピー業内最高レベルのスーパーコピー品（Ｎ級品）をお客様に提供します。
                  ブランド財布コピー、ブランドキーケースコピー、
                  コピーブランド名刺入れ、
                  スーパーコピーレベルなど豊富な物件を揃いています。
                  ルイ・ヴィトンコピー
                  エルメス財布コピー
                  シャネルスーパーコピー
                  フェンディコピー
                  ミュウミュウコピー……
                  今、大セールが開催中…
                  ロレックス 年収 mr

                  【回复】
                  • 2023.07.10 00:32，DanielNab 发表评论：

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

                    https://168cash.com.tw/

                    【回复】
                    • 2023.07.10 01:47，Rodneyrag 发表评论：

                      冠天下娛樂城

                      https://xn--ghq10gw1gvobv8a5z0d.com/

                      【回复】
                      • 2023.10.02 20:09，BrunoBouri 发表评论：

                        早上好！

                        你听说过X-GPT Writer：基于ChatGPT神经网络的独特关键字内容生成器吗？
                        我也没有，直到我被建议用这个软件自动执行常规任务，我想说一件事！ 然后我不敢相信
                        很长一段时间，如果在x-GPT Writer的控制下同时在流媒体中使用，ChatGPT就是如此强大的产品。
                        我以为它只是一个实用程序，它很便宜，一个朋友给了一张40％折扣的优惠券%:
                        94EB516BCF484B27
                        在哪里输入它的详细信息在网站上注明:
                        https://www.xtranslator.ru/x-gpt-writer/
                        我开始尝试，深入研究它，以低价购买了50个ChatGPT帐户，它开始了！
                        现在我每周轻松生成和启动3-4个新站点，批量统一整个文件夹，甚至创建图像
                        使用ChatGPT神经网络和X-GPT编写器。
                        值得一试，朋友们，有一个演示，一切都是免费的，你不会后悔的）

                        祝你好运！

                        [url=https://www.xtranslator.ru/x-gpt-writer]基于ChatGPT的文本同义词器 [/url]
                        [url=https://www.xtranslator.ru/x-gpt-writer]基于ChatGPT的文本同义词器 [/url]
                        [url=https://www.xtranslator.ru/x-gpt-writer]使用X-GPTWriter生成文本材料 [/url]
                        [url=https://www.xtranslator.ru/x-gpt-writer]如何获得X-GPTWriter的折扣 [/url]
                        [url=https://www.xtranslator.ru/x-gpt-writer]X-GPTWriter折扣券 [/url]

                        【回复】
                        • 2023.10.10 08:03，腕時計 スーパーコピー n級品 发表评论：

                          スーパーは専売店をコピーします
                          日本の最高級のスーパーマーケットはブランド時計超特便宜通信販売専売店をコピーして、品質よくコピーを表して、2023最も新作、国際ブランドの腕時計はコピーして、業界は唯一ただ2全くありません．世界の1流の高い品質のブランドは時計をコピーして、当店のスーパーは時計専売店をコピーして、以下の世界の1流のブランドを販売して時計をコピーします：ロレックスはコピーして、ウブロはコピーして、オメガはコピーして、シャネルはコピーします…なぜかというと最高な品質のスーパーマーケットはN級の品物をコピーして新作を表して最も商品に新しく着いて、第1を使いを信じて、安心してください、全国の運賃が無料です！
                          新旧(の程度)の顧客がお願いするのを歓迎します
                          腕時計 スーパーコピー n級品

                          【回复】
                          • 2023.10.11 14:07，알리 프로모션코드 发表评论：

                            ‘아마존발(發) 격랑은 인터넷 쇼핑 업계에 여러 방향으로 몰아칠 전망이다. 우선 해외 자본과 토종 비용 간의 생존 경쟁이 격화하게 됐다. 알리익스프레스 쿠폰 업계는 “이베이 계열 기업과 쿠팡, 아마존-13번가 간의 경쟁 격화로 인터파크·위메프·티몬 등 토종 중소 쇼핑몰이 가장 최선으로 타격을 받을 것’이라며 ‘신선식품과 생사용품 시장으로 싸움이 확대하면서 신세계의 ‘쓱닷컴, 롯데쇼핑의 ‘롯데온 등도 영향을 받게 될 것”이라고 내다보고 있다.

                            [url=https://korea-alicoupon.com/]알리익스프레스 쿠폰[/url]

                            【回复】
                            • 2023.12.01 06:10，BillyBouri 发表评论：

                              大家好！

                              你听说过X-GPT Writer：基于ChatGPT神经网络的独特关键字内容生成器吗？
                              我也没有，直到我被建议使用这个软件自动执行常规任务，我想说一件事！ 然后我不敢相信
                              很长一段时间，如果在x-GPT Writer的控制下同时在流媒体中使用，ChatGPT就是如此强大的产品。
                              我以为它只是一个实用程序，它很便宜，一个朋友给了一张40％折扣的优惠券%:
                              94EB516BCF484B27
                              在哪里输入它的详细信息在网站上注明:
                              https://www.xtranslator.ru/x-gpt-writer/
                              我开始尝试，深入研究它，以低价购买了50个ChatGPT帐户，它开始了！
                              现在我每周轻松生成和启动3-4个新站点，批量统一整个文件夹，甚至创建图像
                              使用ChatGPT神经网络和X-GPT编写器。
                              值得一试，朋友们，有一个演示，一切都是免费的，你不会后悔的）

                              祝你好运！

                              [url=https://www.xtranslator.ru/x-gpt-writer]使用ChatGPT自动创建文本 [/url]
                              [url=https://www.xtranslator.ru/x-gpt-writer]基于ChatGPT的文本同义词器 [/url]
                              [url=https://www.xtranslator.ru/x-gpt-writer]具有ChatGPT的同义词生成器 [/url]
                              [url=https://www.xtranslator.ru/x-gpt-writer]使用基于ChatGPT的同义词器的独特内容 [/url]
                              [url=https://www.xtranslator.ru/x-gpt-writer]ChatGPT和X-GPTWriter：内容营销的新时代 [/url]

                              Синонимайзер текста на основе ChatGPT
                              Покупка X-GPTWriter: лучшие предложения и скидки
                              синонимайзер текста на базе ChatGPT
                              ChatGPT и создание качественного контента
                              Секреты создания контента с ChatGPT

                              【回复】
                              • 2023.12.02 17:34，Alexisunemn 发表评论：

                                冠天下

                                https://xn--ghq10gmvi.com/

                                【回复】
                                • 2024.01.27 22:48，スーパーコピー ブランド 安全 发表评论：

                                  マストな新作アイテム続々入荷中…
                                  長年の豊富な経験と実績を持ち、
                                  ブラントスーパーコピー品の完壁な品質を維持するために、
                                  一流の素材を選択し、精巧な作り方でまるで本物のようなな製品を造ります。
                                  高品質の商品を低価格で提供する、納期を厳守することは弊社の経営理念です。

                                  今、マストなスーパーコピー新作アイテム続々入荷中…
                                  【シャネルコピー、ヴィトンコピー、コピーグッチ、エルメスコピー】
                                  ブランド財布コピー、バッグコピー腕時計コピーぜひおすすめです。
                                  スーパーコピー ブランド 安全

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

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