利用設(shè)計(jì)工具成為個人設(shè)計(jì)團(tuán)隊(duì)
作為設(shè)計(jì)者,我們會經(jīng)常遇到孤立無助的情況。不管是我們是獨(dú)自工作,亦或是處于在家工作的情況,有些時(shí)候我們不得不一個人承擔(dān)起很多工作角色,這些角色本可以由整個設(shè)計(jì)團(tuán)隊(duì)承擔(dān)。
最近,也就是在我之前的工作中,我親身體會到了這種情況。那時(shí)候,我所在的雇傭有上千人的公司里,我是唯一一個用戶體驗(yàn)設(shè)計(jì)師。我不得不自己研究,線框圖、原型設(shè)計(jì)、功能規(guī)格、視覺效果設(shè)計(jì)等。沒有團(tuán)隊(duì)來幫助我完成這些任務(wù),可是我仍然有期限限制,而且這個期限就和我有團(tuán)隊(duì)時(shí)是一樣的。
一方面,做一項(xiàng)工作時(shí),一個人承擔(dān)所有不同的角色將會是一個很好的經(jīng)歷。另一方面,我很少有這樣的機(jī)會:專注于這些角色中的某一個并將這個角色所承擔(dān)的工作做到我希望的水平。
這就是我,承受了太大的壓力
上面說的是不是也很像你呢?你是否也是這樣的一個孤立無助的設(shè)計(jì)者,工作在這樣的公司里:它的目標(biāo)是讓你一個人完成正常情況下需要一個團(tuán)隊(duì)才能應(yīng)付得過來的很多任務(wù)。也許你是一個自由職業(yè)者,并且有些項(xiàng)目需要許多角色才能最終產(chǎn)出很好的結(jié)果。
我們?nèi)绾螒?yīng)付多個角色
我建議我們應(yīng)該建立自己的團(tuán)隊(duì)。這個團(tuán)隊(duì)由你及你的各種設(shè)計(jì)工具組成。為了幫我應(yīng)付這些不同的角色,并最終得到比只靠自身更好的結(jié)果,我會用到很多有價(jià)值的工具和資源(且相對來說是負(fù)擔(dān)的起的),接下來我將和大家一起分享這些工具和資源。
我使用四種工具和資源來幫助我努力創(chuàng)造出良好地方案以在期限內(nèi)完成任務(wù)。
這四種工具和資源是:數(shù)據(jù)收集工具(ClickTale),設(shè)計(jì)原型長廊/庫,線框圖/原型設(shè)計(jì)(Axure)以及設(shè)計(jì)資源網(wǎng)站(如Designmoo和365psd)。
你可以用你喜歡的工具和資源來代替我下面將提到的具體的工具。但我是想通過和你一起分享自己的工具來提供一些參考。
工具替代不了人
在進(jìn)一步討論之前,我首先聲明的是:靠一個團(tuán)隊(duì)得到的結(jié)果幾乎總是比只靠一個人來承擔(dān)所有角色得到的結(jié)果要豐碩的多。但是當(dāng)你在一個沒有足夠預(yù)算來組成設(shè)計(jì)團(tuán)隊(duì)的公司工作或作為一個自由職業(yè)者時(shí),你應(yīng)該利用手頭有的,盡自己最大的努力,確保最終得到一個最好的結(jié)果。
如上所述,讓我們來看一下這四類工具。
數(shù)據(jù)收集工具
讓我們首先從 ClickTale說起。它是一個很好的研究/分析工具,能向你呈現(xiàn)出用戶是如何與你的網(wǎng)頁交互的。它允許你追蹤網(wǎng)頁瀏覽行為并得到一些基本的分析報(bào)告。你也可以通過Google Analytics得到免費(fèi)的這樣的分析報(bào)告。它的優(yōu)點(diǎn)在于它的熱圖、點(diǎn)擊追蹤、滾動距離(用戶滾動到你網(wǎng)頁的什么位置)、記錄用戶和你的網(wǎng)站/產(chǎn)品交互的時(shí)期。有了這些,你就可以看到用戶是如何瀏覽你的網(wǎng)站的,并且從一些設(shè)計(jì)很好的網(wǎng)站也可以獲得分析數(shù)據(jù)。
在我的網(wǎng)站項(xiàng)目的研究階段,我會用到這個工具。那些詳細(xì)的報(bào)告能幫我找到改善我的網(wǎng)頁布局和網(wǎng)站界面的方法。實(shí)際上我并沒有做相關(guān)的研究。我只需從它給我準(zhǔn)備的很好的資料組中篩選一下即可。
有了像ClickTale這樣的工具,我就能掌握更多的信息。我們可以利用從用戶群得到的可靠信息來幫住我們修改自己的工作或者創(chuàng)建出新的設(shè)計(jì)。而且我們可以知道用戶群是如何與我們的產(chǎn)品交互的。
其它像ClickTale一樣的工具有:
- Google Analytics(它也有熱圖功能)
- Crazy Egg
- ClickHeat
- clickdensity
設(shè)計(jì)模式庫
一旦我搜集到了用戶對我們現(xiàn)有的作品的體驗(yàn)數(shù)據(jù)時(shí),我就會修改網(wǎng)站上的很多部分,如網(wǎng)站導(dǎo)航、網(wǎng)頁布局結(jié)構(gòu)、網(wǎng)頁形式的設(shè)計(jì)等等。所有這些都是要基于我們現(xiàn)有的知識努力提高交互體驗(yàn)。
通常我不得不在壓力和一定的期限——一種匆忙的模式下工作,這時(shí)會發(fā)現(xiàn)以設(shè)計(jì)模式庫為指導(dǎo)原則是很有幫助的。這樣我可以知道當(dāng)其他的設(shè)計(jì)者面對和我遇到的一樣問題的時(shí)候,他們是如何處理的。
我也可以看看相關(guān)的反模式(這些模式可以在dark patterns網(wǎng)站上找到),來復(fù)查一下用戶對你所建立的界面是否非常感興趣。
以下是一些我發(fā)現(xiàn)很有幫助的設(shè)計(jì)模式庫:
- UI-Patterns.com
- Pattern Tap
- Patternry
- Elements of Design: A Web Design Showcase
- Yahoo! Design Pattern Library
- Interaction Design Pattern Library (Welie.com)
但必須注意的是這些設(shè)計(jì)模式并不能取代有些設(shè)計(jì)原則的地位,這些原則是:以項(xiàng)目目標(biāo)和需要為基礎(chǔ),來創(chuàng)建用戶體驗(yàn)。不過當(dāng)你需要很快開始項(xiàng)目時(shí),它們可以作為很好的參考。
另外,如果有興趣了解更多的設(shè)計(jì)模式,你可以查看一下以下這些文章:
- 網(wǎng)站導(dǎo)航設(shè)計(jì)模式指南(rockux站內(nèi)文章)
- Popular Content Presentation Design Patterns
- User Interface Patterns for Dealing with Interactive Content
線框圖和原型
當(dāng)涉及到線框圖及原型時(shí),我會用 Axure工具。它是一個線框圖/原型工具,用它可以創(chuàng)建出線框圖中具有HTML功能的原型,并且有建立在它們基礎(chǔ)上的可以輸出word格式文件的功能。如果你能同時(shí)創(chuàng)建出你的線框圖和文檔,那么你就能實(shí)現(xiàn)一箭雙雕!
這個工具節(jié)省了我大量的時(shí)間,并且具有一定功能的、并非毫無生氣的原型以及用圖形設(shè)計(jì)工具得到的靜態(tài)線框圖是很有幫助的,它們能夠使客戶更好地認(rèn)識到應(yīng)用/網(wǎng)站的動態(tài)化。
功能性原型在快速迭代以及可用性測試中也是很有幫助的。它允許你在進(jìn)入視覺效果設(shè)計(jì)階段之前對很多東西的功能和動態(tài)性進(jìn)行測試。
在所有的工具和資源中,這個工具對我的幫助最大。
為了發(fā)現(xiàn)更多的線框圖工具,你可以閱讀下面這篇文章:
10個完全免費(fèi)的網(wǎng)頁原型(線框圖)工具(rockux站內(nèi)文章)
如果你不相信一個設(shè)計(jì)項(xiàng)目的這個階段是重要的,你也可以讀一下這篇文章:
The Benefits of Wireframing a Design
設(shè)計(jì)資源網(wǎng)站
就像設(shè)計(jì)模式庫一樣,我發(fā)現(xiàn)為了按時(shí)并且在預(yù)算范圍內(nèi)完成項(xiàng)目,視覺效果設(shè)計(jì)資源網(wǎng)站是也很重要的。我是做視覺效果設(shè)計(jì)出身的,但對于那些用戶體驗(yàn)設(shè)計(jì)者或網(wǎng)頁開發(fā)者來說,由于他們?nèi)狈σ曈X效果設(shè)計(jì)的經(jīng)驗(yàn),這些資源庫對他們來說會是非常有益的。
說實(shí)在的,即使我是一個視覺效果設(shè)計(jì)著,具有了這方面所需的專業(yè)知識,當(dāng)時(shí)間比較緊迫時(shí),我也需要靈感和找到好的突破口。很多時(shí)候,我并沒有多少時(shí)間和資源來創(chuàng)建用戶指定的設(shè)計(jì)元素,所以此時(shí)這些網(wǎng)站無疑將成為一個救星。
Designmoo和 365psd是兩個我發(fā)現(xiàn)非常有幫助的網(wǎng)站。你不僅能在這些網(wǎng)站上找到一些很好的設(shè)計(jì)文件,而且每個網(wǎng)站也給你提供了回饋相應(yīng)設(shè)計(jì)社區(qū)的機(jī)會,它們允許你上傳自己的設(shè)計(jì)。這些設(shè)計(jì)別人也可以下載應(yīng)用。
結(jié)尾贈言
我希望你能像我一樣發(fā)現(xiàn)這些資源很有用。讓我再次強(qiáng)調(diào)一下之前的聲明:這些工具和資源能幫你建立一系列的網(wǎng)站和應(yīng)用,但是沒有工具能夠代替掌握有真正技能的現(xiàn)實(shí)中的人。
當(dāng)你對眼前的工作感到寡不敵眾或不堪重負(fù)時(shí),千萬不要?dú)怵H。翻看一些資源,即使情況對你不利,但你也要利用機(jī)會來完成那些令人生畏的工作。
你是否已經(jīng)擁有對你有很大幫助的設(shè)計(jì)工具和資源呢?歡迎在下面的評論討論它們。[English]
轉(zhuǎn)載請注明:
作者:RockUX–WEB前端
出自:利用設(shè)計(jì)工具成為個人設(shè)計(jì)團(tuán)隊(duì)
- 目前還沒評論,等你發(fā)揮!