之前搞了兩篇響應(yīng)式Web設(shè)計(jì)方面的譯文，包括響應(yīng)式Web設(shè)計(jì)的概念、組成要素及基本的實(shí)現(xiàn)思路，以及怎樣通過CSS3 Media Query進(jìn)行設(shè)計(jì)開發(fā)；今天換個(gè)口味，來點(diǎn)兒務(wù)虛的。本文作者從一名用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)leader的角度出發(fā)，簡(jiǎn)要介紹了UX設(shè)計(jì)相關(guān)工作在公司內(nèi)部是怎樣步步為營(yíng)的從無(wú)到有展開的。沒有不切實(shí)際的大道理，也沒有什么技術(shù)細(xì)節(jié)的講解，通篇更像是作者對(duì)工作中典型階段的回顧與總結(jié)，包括團(tuán)隊(duì)組建、理念及影響力的培養(yǎng)、部門協(xié)作、項(xiàng)目介入方式等方面。廢話不多說，走著。

多數(shù)時(shí)候，新的方式方法不會(huì)被很容易的付諸實(shí)踐。特別是在舊有習(xí)慣已經(jīng)根深蒂固的情況下，前行過程中的每一個(gè)階段，在參與者看來，都好像是一種很新奇的玩意兒。不是所有人都喜歡新鮮事物，但是作為確切目標(biāo)的執(zhí)行者，大家必須學(xué)會(huì)新的思維方式與實(shí)踐方法，并貫徹到實(shí)際工作中。

在本文中，我（英文原文作者）將以公司網(wǎng)站的改版項(xiàng)目作為思路梗概，進(jìn)行工作的回顧總結(jié)，并分析我們的團(tuán)隊(duì)是怎樣在整個(gè)改版過程中步步為營(yíng)的貫徹用戶體驗(yàn)設(shè)計(jì)思路的。下面的插圖展示了改版前后兩個(gè)版本之間的顯著變化。

UX設(shè)計(jì)團(tuán)隊(duì)（UED）組建伊始

最近，我被法國(guó)的一家主流電子商務(wù)網(wǎng)站聘請(qǐng)去組建一個(gè)用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)。在我赴職之前，這里的UX團(tuán)隊(duì)基本就是一個(gè)愿望良好但組織松散的項(xiàng)目委員會(huì)，成員包括一名項(xiàng)目經(jīng)理、一名功能及技術(shù)規(guī)范撰寫人員，以及一位自稱是人機(jī)工程專家的自由職業(yè)平面設(shè)計(jì)師。當(dāng)這個(gè)委員會(huì)無(wú)法就某個(gè)最終設(shè)計(jì)方案達(dá)成一致時(shí)，他們會(huì)投票；通常的結(jié)果是，他們會(huì)接受全盤接受彼此的方案，因?yàn)橥镀苯Y(jié)束時(shí)，開發(fā)周期所剩下的時(shí)間已經(jīng)不允許他們做任何的修改和迭代了。本質(zhì)上說，這個(gè)UX團(tuán)隊(duì)對(duì)于所謂的“以用戶為中心的設(shè)計(jì)（UCD，user-centered desgin）”或是交互測(cè)試等沒有任何實(shí)際的進(jìn)程規(guī)劃。

“用戶體驗(yàn)”的概念適用于任何地方，但要使這個(gè)概念有足夠的吸引力和影響力，以至于可以在組織或公司內(nèi)部形成這樣一個(gè)令人尊敬的部門，你首先要解決一筐的問題。無(wú)論這個(gè)團(tuán)隊(duì)中是否有真正意義上的管理角色存在，用戶體驗(yàn)設(shè)計(jì)的相關(guān)工作其實(shí)一直存在于整個(gè)組織中，只是在執(zhí)行方式與注意力是否集中等方面，會(huì)有很大差異。組建UX團(tuán)隊(duì)、樹立精神與目標(biāo)并將其作為團(tuán)隊(duì)核心價(jià)值焦點(diǎn)——這需要一個(gè)緩慢而穩(wěn)健的過程，我們不能寄希望于所有的問題都能在一夜之間被解決。

然而，很多人都希望，正式組建起來的UX團(tuán)隊(duì)可以為那些一直以來困擾著他們的問題帶來答案。其實(shí)，“用戶體驗(yàn)設(shè)計(jì)”并非用來獲取答案，它應(yīng)該為項(xiàng)目執(zhí)行方式的選擇提供建議，或是為更好的設(shè)計(jì)開發(fā)流程創(chuàng)建架構(gòu)。所以，一開始，我做了很多“傾聽”的工作，去了解各方面的問題和意見——比如參加了一些項(xiàng)目評(píng)審會(huì)，或是與設(shè)計(jì)師進(jìn)行交流。在這些傾聽與交流的過程中，有一點(diǎn)我需要清楚，就是在項(xiàng)目的實(shí)際進(jìn)程里，到底是哪些角色對(duì)設(shè)計(jì)方案有最終決策權(quán)。我還要了解目標(biāo)市場(chǎng)，了解有哪些潛在因素會(huì)使正確的方案在經(jīng)濟(jì)上缺乏可行性；在項(xiàng)目中期，我還必須與IT及軟件架構(gòu)等相關(guān)團(tuán)隊(duì)有效配合。

做過傾聽與交流的工作之后，我就可以寫自己的“腳本”了：我和那些會(huì)與UX團(tuán)隊(duì)密切配合的上下游團(tuán)隊(duì)做了進(jìn)一步的深入交流，特別是產(chǎn)品部以及前端開發(fā)人員；在了解了他們?cè)陧?xiàng)目中的實(shí)際作用和角色后，我開始從公司內(nèi)部挖人……我招募到一名人機(jī)工程顧問，專門做眼動(dòng)跟蹤及其他的可用性研究；從市場(chǎng)部搞來一名有標(biāo)準(zhǔn)化UI設(shè)計(jì)實(shí)踐經(jīng)驗(yàn)的實(shí)習(xí)生。有了這些人才，我們的UX團(tuán)隊(duì)開始吸引人們的目光了；我們收到了越來越多的關(guān)于提升產(chǎn)品用戶體驗(yàn)的研究需求，并且開始逐的步集約規(guī)范內(nèi)部的設(shè)計(jì)流程。

三大職能要素：信息架構(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)在頁(yè)面上的。

在招募到了信息架構(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)前階段無(wú)關(guān)的因素牽扯精力，譬如配色、元素的精確布局等。他們慢慢的明白了，線框圖并不等同于最終的視覺設(shè)計(jì)稿，它只是一種抽象，其最大的作用是幫助項(xiàng)目相關(guān)人員以及參與可用性測(cè)試的用戶在短時(shí)間內(nèi)針對(duì)最主要的問題進(jìn)行反應(yīng)和回饋，而無(wú)需等待視覺設(shè)計(jì)師花費(fèi)時(shí)間和資源去將大量尚未確定的元素呈現(xiàn)在高保真視覺稿中。

標(biāo)簽： 用戶體驗(yàn) Web設(shè)計(jì) UX設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。