|
三大職能要素：信息架構(gòu)、人機(jī)工程、視覺設(shè)計(jì)
對(duì)于電子商務(wù)網(wǎng)站來說，有三個(gè)重要的方面將成為整個(gè)用戶體驗(yàn)設(shè)計(jì)相關(guān)工作的支柱：信息架構(gòu)、人機(jī)工程和視覺設(shè)計(jì)。正如前面所說，我已經(jīng)挖到后面兩方面的相應(yīng)人員了，并著手招募信息架構(gòu)方面的人才。
我做了一個(gè)幻燈片，對(duì)相關(guān)部門進(jìn)行了宣講，描述了UX團(tuán)隊(duì)在補(bǔ)充進(jìn)信息架構(gòu)方面的人員之后會(huì)怎樣有效的改善設(shè)計(jì)流程。我將很多與市場(chǎng)需求相關(guān)的內(nèi)容文案、媒體文件等作為信息碎片，向大家描述信息架構(gòu)的職能是怎樣將這些重要信息通過線框圖原型有效的組織起來的；而人機(jī)工程交互設(shè)計(jì)方面，又是怎樣基于有效組織的信息架構(gòu)去提升可用性，改進(jìn)交互的；最后，我們的視覺設(shè)計(jì)師又是怎樣將所有這些整合起來呈現(xiàn)在頁面上的。
在招募到了信息架構(gòu)師之后，我就得到了一條完整的設(shè)計(jì)角色鏈條。
另外，我算了筆帳，并決定再引進(jìn)一名平面設(shè)計(jì)。還記得前面提到過的那個(gè)自由設(shè)計(jì)師嗎，公司付給他的薪水幾乎與全職設(shè)計(jì)師持平了，但限于兼職的性質(zhì)，我們幾乎不能與他面對(duì)面溝通，這使得視覺方面的工作進(jìn)度很難與新團(tuán)隊(duì)的步伐保持一致。一個(gè)全職的、優(yōu)秀的視覺設(shè)計(jì)師，除了在工作職能中的貢獻(xiàn)之外，對(duì)塑造用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的氣質(zhì)、性格和影響力等方面也會(huì)起到重要的作用。
改變團(tuán)隊(duì)觀念
UX團(tuán)隊(duì)的人員到位了，接下來要進(jìn)入一個(gè)相對(duì)困難的階段了——改變團(tuán)隊(duì)觀念。這里所說的團(tuán)隊(duì)不是指UX方面，而是整個(gè)公司內(nèi)部與項(xiàng)目設(shè)計(jì)開發(fā)相關(guān)的組織團(tuán)隊(duì)。我們需要改變的，是其他部門對(duì)于用戶體驗(yàn)團(tuán)隊(duì)在項(xiàng)目每一個(gè)階段中的產(chǎn)出成果的預(yù)期方式。正如前面講到的，當(dāng)我剛剛赴職時(shí)，UX團(tuán)隊(duì)內(nèi)部的角色劃分是相當(dāng)模糊的，在其他部門看來，其中任何一員都應(yīng)該是全能角色。當(dāng)時(shí)，視覺設(shè)計(jì)師在產(chǎn)品開發(fā)的每個(gè)階段都必須提供完整的“最終”視覺稿，然后其他相關(guān)部門會(huì)根據(jù)這個(gè)“原型”進(jìn)行接下來的評(píng)審等流程。
我知道，對(duì)于其他相關(guān)部門的那些多數(shù)沒有設(shè)計(jì)經(jīng)驗(yàn)的人來說，要讓他們拿著一份未完成的草稿或是線框圖來進(jìn)行分析和反饋，確實(shí)不是一件容易的事。但我嘗試著讓他們知道這些初稿和線框圖的價(jià)值——這些原型可以幫助整個(gè)團(tuán)隊(duì)盡快完成初期設(shè)計(jì)方案及后續(xù)迭代，而不必被那些與當(dāng)前階段無關(guān)的因素牽扯精力，譬如配色、元素的精確布局等。他們慢慢的明白了，線框圖并不等同于最終的視覺設(shè)計(jì)稿，它只是一種抽象，其最大的作用是幫助項(xiàng)目相關(guān)人員以及參與可用性測(cè)試的用戶在短時(shí)間內(nèi)針對(duì)最主要的問題進(jìn)行反應(yīng)和回饋，而無需等待視覺設(shè)計(jì)師花費(fèi)時(shí)間和資源去將大量尚未確定的元素呈現(xiàn)在高保真視覺稿中。
交互設(shè)計(jì)與可用性測(cè)試
正如下圖左側(cè)所示，線框圖不需要將頁面元素精確定位，不需要豐富多樣的配色，不需要看上去像任何最終稿。在進(jìn)入復(fù)雜且耗時(shí)的視覺設(shè)計(jì)流程之前，我們使用線框圖進(jìn)行了一些可用性測(cè)試，發(fā)現(xiàn)了很多潛在的障礙與缺陷，有效的避免了這些問題遺留到視覺稿中才被發(fā)現(xiàn)。公司曾經(jīng)的做法是，將可用性測(cè)試環(huán)節(jié)放在進(jìn)入開發(fā)階段之前的倒數(shù)第二部，也就是最終視覺設(shè)計(jì)流程之前；而我則將它向上游進(jìn)行了推進(jìn)，包括需求討論、評(píng)審等階段，因?yàn)槲覀�(gè)人覺得可用性測(cè)試更重要的作用是告訴你哪些東西不OK，而不是哪些東西OK；越早介入，越能發(fā)現(xiàn)問題，而不至于到即將進(jìn)入開發(fā)環(huán)節(jié)才告訴大家壞消息。
不僅要早，而且要盡量多的進(jìn)行可用性測(cè)試。強(qiáng)大靈活的設(shè)計(jì)工具可以保證對(duì)原型進(jìn)行迅速修改，為頻繁的測(cè)試奠定基礎(chǔ)。正像多數(shù)同行一樣，我們使用Axure。在一些成功的項(xiàng)目中，我們使用Axure設(shè)計(jì)交互模型，直接對(duì)這些原型進(jìn)行評(píng)審，驗(yàn)證了很多設(shè)想中的方案，從而為后面的視覺設(shè)計(jì)流程爭(zhēng)取了大量時(shí)間。
現(xiàn)在，我們甚至可以在對(duì)兩個(gè)用戶進(jìn)行可用性測(cè)試之后，就立刻調(diào)整和修改那些有問題的交互模型與設(shè)計(jì)元素——就在第三名測(cè)試者上手之前。當(dāng)有兩名用戶在頁面上的同一個(gè)地方產(chǎn)生了迷惑并停止操作流程時(shí)——他們通常會(huì)說“我不知道...我不太清楚需要怎樣做才能完成這一步...”——你就應(yīng)該知道這個(gè)地方一定是存在著什么問題的。
在實(shí)際項(xiàng)目中，我們有一個(gè)小原則小手段：搞清楚誰是當(dāng)前項(xiàng)目中最高級(jí)別的決策制定者，尤其是那些對(duì)視覺相關(guān)問題有最終決策權(quán)的人——不要將視覺稿過早的交給他們?nèi)ピu(píng)審，他們會(huì)對(duì)很多在設(shè)計(jì)流程初期無關(guān)大局的細(xì)節(jié)部分提出過多的意見，這會(huì)嚴(yán)重打亂設(shè)計(jì)師在流程初期的節(jié)奏。舉個(gè)例子，如果頁面里有很多的文字內(nèi)容，而設(shè)計(jì)師還沒有進(jìn)行到處理這部分內(nèi)容的階段，他們看到當(dāng)前的設(shè)計(jì)稿，多半會(huì)說：“在這里多做些圖標(biāo)來代替文字吧！”...優(yōu)秀的圖標(biāo)設(shè)計(jì)其實(shí)是一項(xiàng)很專業(yè)的工作，它需要設(shè)計(jì)師投入大量時(shí)間；每一個(gè)圖標(biāo)都必須通過全部的評(píng)審階段，并且要作為可用性測(cè)試中的專門一項(xiàng)，保證用戶可以全部理解。本質(zhì)上說，圖標(biāo)設(shè)計(jì)工作就好像是巫術(shù)——你要?jiǎng)?chuàng)造很多小巧的象形圖文，并保證他們能夠表達(dá)出正確的含義(下圖展示了設(shè)計(jì)師在制作圖標(biāo)時(shí)的一些手稿)。反饋意見所來自的決策者的級(jí)別越高，你就越難把它擱置下，哪怕它會(huì)打亂你的正常流程與步驟。
出處：Be For Web
責(zé)任編輯：bluehearts
上一頁 步步為營(yíng)的用戶體驗(yàn)設(shè)計(jì) [1] 下一頁 步步為營(yíng)的用戶體驗(yàn)設(shè)計(jì) [3]
|
第 1 頁 
第 2 頁 步步為營(yíng)的用戶體驗(yàn)設(shè)計(jì) [2]
