DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：淺談白社會交互設計的創新.

任務想必大家都接觸過，在學習中，在工作中，在游戲中都會有，一般的形式是接到一個任務——努力完成任務——交任務（領獎勵）。宏觀的看，人的一生就是在完成著一個又一個的任務。回到正題，首先需要說說的是在SNS中設計任務的目的，我們的觀點是：

1. 任務是一種運營手段，可以引導用戶在特定的時間做特定的事情。
2. 任務可以做新手引導，可以有步驟有獎勵的指引用戶熟悉系統了解功能。
3. 任務是獎勵用戶行為的入口，也是虛擬貨幣（金幣）的唯一出口。

　　在明確這幾個方面之後，我們很快的設計確定了任務的列表頁和任務描述頁，十足的任務感和游戲感，畢竟大家都玩過網游的嘛~

　　確定這個之後，另一個關鍵點是用戶如何去領、做、交任務，我們初步想法是向網游學習，做一個任務跟蹤層，用戶可以隨時查看任務說明，並能及時了解任務的進度。這裡有一點補充的，我們選擇了自動領取任務，原因是領任務的環節讓前置操作過於復雜了，這也是我們任務的重量級而決定的。這樣重點就放在讓用戶如何知道新任務——做任務——交任務上了。

　　但恰恰正是因為自動領取任務，讓我們碰到新的問題。大部分網游裡的任務是在領取之後才開始進行追蹤的，並不斷判斷用戶的完成情況，為了不造成太大的服務器壓力，一般也會設定可領取任務的最大數量。而使用自動領取任務後，意味著用戶的最大任務數量是不可預估的，這樣想做到實時的任務追蹤就很困難了。既然不能兩全，權衡下利弊，我們決定還是保留自動領取任務（降低門檻），不做全局的實時任務追蹤，只把任務追蹤的步驟放在了Home頁和任務列表頁，這樣在首頁的右上角誕生了任務的提示區域：

　　Home頁自然是寸土寸金了，如何能把我們和用戶都想要的任務及時推給用戶呢，我們在這裡想了一個策略，現在來看還是比較不錯的（點擊小圖查看大圖）：

　　接下來怎麼讓用戶方便的做任務呢？最理想的方式是讓任務隨時能調出來，以方便用戶在做任務的過程中查看。這裡想到了 音樂盒 的實現方式，即彈開一個無地址欄的小浏覽器窗口，這樣不會影響主窗口的正常操作，還能隨時激活小窗口來看詳細任務，似乎很妙啊~

　　好，就先這麼做吧~經過工程師的開發，可以測試了，先使用IE6和Firefox，覺的確實不錯，完成任務之後，點擊Home頁的任務提示，小窗口被激活並刷新，直接領取獎勵，跟我們的設想一模一樣。但很快問題顯現了，在IE7/8、遨游、搜狗浏覽器等使用tab分頁面的浏覽器上，是沒有小窗的，只能新開一個tab頁，這樣詳細任務出現在整頁裡顯得非常詭異，另外一點是在點擊Home頁的任務提示後，不能激活任務的tab頁……這點太致命了，想象中很妙的方案由於不具備普適性變得一文不值，於是乎只好放棄了這種方案。

　　有話說的好，退一步海闊天空，我們嘗試使用了彈出層的方式，層的方式意味著不能做到用戶在做任務時隨時調出來查看，只能在Home頁和任務列表頁才可以打開層，不完美的方案也讓我們沒有什麼底氣，只能先做一下用戶測試。在對公司內外的一些用戶做了用戶測試之後，心裡的石頭放下了，由於SNS任務的復雜程度並不能達到網游的水平，用戶並不會出現隨時調出來任務來查看的情景，反而是在查看了任務彈出層之後，直接通過“去做任務”的引導直接去做操作，並且能夠很好的記住任務開始的地方，回到Home頁來交任務領取獎勵。產品就是這樣，同樣的需求，不同的使用情景決定了不同的交互形式。這就是現在任務的形式了：

　　講了這麼多幕後的故事，也許這真算不上是什麼創新，但我們很高興能跟大家分享我們的教訓和經驗。尤其是看到現在新生的SNS都標配了類似的任務，我們很自豪能夠對行業的發展產生一點點小的推進，在這裡再次謝謝大家的支持~