淺談白社會交互設計的創新(二)

21天Excel零基礎速成訓練營,導師帶學+答疑輔導+實戰作業,讓你真正掌握Excel技能,了解一下>>

接上一篇的 淺談白社會交互設計的創新(一),這次談談任務的設計。任務想必大家都接觸過,在學習中,在工作中,在遊戲中都會有,一般的形式是接到一個任務——努力完成任務——交任務(領獎勵)。宏觀的看,人的一生就是在完成着一個又一個的任務。回到正題,首先需要說說的是在SNS中設計任務的目的,我們的觀點是:

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

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

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

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

交互設計創新2-2

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

交互設計創新2-3

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

交互設計創新2-4

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

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

交互設計創新2-5改

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

來源:http://leeking001.com/?p=284

給作者打賞,鼓勵TA抓緊創作!
評論
歡迎留言讨論~!
圈子
關注微信公衆号
大家都在問