建站常識(shí)
淺談白社會(huì)交互設(shè)計(jì)的創(chuàng)新(二)
2010-01-11 08:24:00
接上一篇的 淺談白社會(huì)交互設(shè)計(jì)的創(chuàng)新(一),這次談?wù)?任務(wù) 的設(shè)計(jì)。任務(wù)想必大家都接觸過,在學(xué)習(xí)中,在工作中,在游戲中都會(huì)有,一般的形式是接到一個(gè)任務(wù)——努力完成任務(wù)——交任務(wù)(領(lǐng)獎(jiǎng)勵(lì))。宏觀的看,人的一生就是在完成著一個(gè)又一個(gè)的任務(wù)?;氐秸},首先需要說說的是在SNS中設(shè)計(jì)任務(wù)的目的,我們的觀點(diǎn)是:
1、任務(wù)是一種運(yùn)營手段,可以引導(dǎo)用戶在特定的時(shí)間做特定的事情。
2、任務(wù)可以做新手引導(dǎo),可以有步驟有獎(jiǎng)勵(lì)的指引用戶熟悉系統(tǒng)了解功能。
3、任務(wù)是獎(jiǎng)勵(lì)用戶行為的入口,也是虛擬貨幣(金幣)的唯一出口。
在明確這幾個(gè)方面之后,我們很快的設(shè)計(jì)確定了任務(wù)的列表頁和任務(wù)描述頁,十足的任務(wù)感和游戲感,畢竟大家都玩過網(wǎng)游的嘛~
確定這個(gè)之后,另一個(gè)關(guān)鍵點(diǎn)是用戶如何去領(lǐng)、做、交任務(wù),我們初步想法是向網(wǎng)游學(xué)習(xí),做一個(gè)任務(wù)跟蹤層,用戶可以隨時(shí)查看任務(wù)說明,并能及時(shí)了解任務(wù)的進(jìn)度。這里有一點(diǎn)補(bǔ)充的,我們選擇了自動(dòng)領(lǐng)取任務(wù),原因是領(lǐng)任務(wù)的環(huán)節(jié)讓前置操作過于復(fù)雜了,這也是我們?nèi)蝿?wù)的重量級(jí)而決定的。這樣重點(diǎn)就放在讓用戶如何知道新任務(wù)——做任務(wù)——交任務(wù)上了。
但恰恰正是因?yàn)樽詣?dòng)領(lǐng)取任務(wù),讓我們碰到新的問題。大部分網(wǎng)游里的任務(wù)是在領(lǐng)取之后才開始進(jìn)行追蹤的,并不斷判斷用戶的完成情況,為了不造成太大的服務(wù)器壓力,一般也會(huì)設(shè)定可領(lǐng)取任務(wù)的最大數(shù)量。而使用自動(dòng)領(lǐng)取任務(wù)后,意味著用戶的最大任務(wù)數(shù)量是不可預(yù)估的,這樣想做到實(shí)時(shí)的任務(wù)追蹤就很困難了。既然不能兩全,權(quán)衡下利弊,我們決定還是保留自動(dòng)領(lǐng)取任務(wù)(降低門檻),不做全局的實(shí)時(shí)任務(wù)追蹤,只把任務(wù)追蹤的步驟放在了Home頁和任務(wù)列表頁,這樣在首頁的右上角誕生了任務(wù)的提示區(qū)域:
Home頁自然是寸土寸金了,如何能把我們和用戶都想要的任務(wù)及時(shí)推給用戶呢,我們?cè)谶@里想了一個(gè)策略,現(xiàn)在來看還是比較不錯(cuò)的(點(diǎn)擊小圖查看大圖):
接下來怎么讓用戶方便的做任務(wù)呢?最理想的方式是讓任務(wù)隨時(shí)能調(diào)出來,以方便用戶在做任務(wù)的過程中查看。這里想到了 音樂盒 的實(shí)現(xiàn)方式,即彈開一個(gè)無地址欄的小瀏覽器窗口,這樣不會(huì)影響主窗口的正常操作,還能隨時(shí)激活小窗口來看詳細(xì)任務(wù),似乎很妙啊~
好,就先這么做吧~經(jīng)過工程師的開發(fā),可以測(cè)試了,先使用IE6和Firefox,覺的確實(shí)不錯(cuò),完成任務(wù)之后,點(diǎn)擊Home頁的任務(wù)提示,小窗口被激活并刷新,直接領(lǐng)取獎(jiǎng)勵(lì),跟我們的設(shè)想一模一樣。但很快問題顯現(xiàn)了,在IE7/8、遨游、搜狗瀏覽器等使用tab分頁面的瀏覽器上,是沒有小窗的,只能新開一個(gè)tab頁,這樣詳細(xì)任務(wù)出現(xiàn)在整頁里顯得非常詭異,另外一點(diǎn)是在點(diǎn)擊Home頁的任務(wù)提示后,不能激活任務(wù)的tab頁……這點(diǎn)太致命了,想象中很妙的方案由于不具備普適性變得一文不值,于是乎只好放棄了這種方案。
有話說的好,退一步海闊天空,我們嘗試使用了彈出層的方式,層的方式意味著不能做到用戶在做任務(wù)時(shí)隨時(shí)調(diào)出來查看,只能在Home頁和任務(wù)列表頁才可以打開層,不完美的方案也讓我們沒有什么底氣,只能先做一下用戶測(cè)試。在對(duì)公司內(nèi)外的一些用戶做了用戶測(cè)試之后,心里的石頭放下了,由于SNS任務(wù)的復(fù)雜程度并不能達(dá)到網(wǎng)游的水平,用戶并不會(huì)出現(xiàn)隨時(shí)調(diào)出來任務(wù)來查看的情景,反而是在查看了任務(wù)彈出層之后,直接通過“去做任務(wù)”的引導(dǎo)直接去做操作,并且能夠很好的記住任務(wù)開始的地方,回到Home頁來交任務(wù)領(lǐng)取獎(jiǎng)勵(lì)。產(chǎn)品就是這樣,同樣的需求,不同的使用情景決定了不同的交互形式。這就是現(xiàn)在任務(wù)的形式了:
講了這么多幕后的故事,也許這真算不上是什么創(chuàng)新,但我們很高興能跟大家分享我們的教訓(xùn)和經(jīng)驗(yàn)。尤其是看到現(xiàn)在新生的SNS都標(biāo)配了類似的任務(wù),我們很自豪能夠?qū)π袠I(yè)的發(fā)展產(chǎn)生一點(diǎn)點(diǎn)小的推進(jìn),在這里再次謝謝大家的支持~
原文:http://ued.sohu.com/article/426
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-06-01 08:32:00] 設(shè)計(jì)公式:簡單有效的競(jìng)品分析
- [2010-04-21 17:04:00] 交互設(shè)計(jì)(12)—避免出錯(cuò)
- [2010-11-01 16:39:00] 交互設(shè)計(jì)師五大關(guān)鍵素養(yǎng)
- [2010-09-25 15:03:00] 交互設(shè)計(jì)雜七雜八
- [2009-10-29 18:26:00] 關(guān)于bing的交互設(shè)計(jì)
- [2010-02-26 21:52:00] 交互設(shè)計(jì)(10)—別讓我思考
- [2009-12-17 11:51:00] 交互中的色彩
- [2009-07-25 08:47:00] “反饋信息”的分類及交互設(shè)計(jì)原則(1/3)
- [2010-05-15 09:10:00] 網(wǎng)易IDJ音樂站改版—UCD設(shè)計(jì)思想初體驗(yàn)
- [2010-11-11 08:22:00] 基礎(chǔ)控件和交互設(shè)計(jì)元素的層級(jí)
- [2010-08-05 08:13:00] 交互設(shè)計(jì)的方法
- [2010-01-11 21:41:00] 交互設(shè)計(jì)(5)–突出重點(diǎn),一目了然
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)頁制作 青島flash網(wǎng)站 青島開發(fā)區(qū)建站公司 青島網(wǎng)絡(luò)公司 網(wǎng)頁設(shè)計(jì) 扁平化設(shè)計(jì) 青島網(wǎng)站制作 SEO優(yōu)化 IT資訊 網(wǎng)站制作 外貿(mào)網(wǎng)站設(shè)計(jì) H5專題頁面 互聯(lián)網(wǎng) 微信開發(fā) robots 企業(yè)建站 微官網(wǎng)帶來的好處 html和css 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) HTML5 手機(jī)網(wǎng)站建設(shè) 青島高端網(wǎng)站建設(shè) 手機(jī)網(wǎng)站 青島網(wǎng)站建設(shè) 集團(tuán)性網(wǎng)站 新的元素 高端輪胎網(wǎng)站設(shè)計(jì) 英文網(wǎng)站建設(shè) 網(wǎng)站策劃 網(wǎng)站優(yōu)化