• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 為什么網(wǎng)頁設(shè)計(jì)不應(yīng)強(qiáng)調(diào)分工

為什么網(wǎng)頁設(shè)計(jì)不應(yīng)強(qiáng)調(diào)分工

網(wǎng)站工程師 于2020-02-25 11:58發(fā)表 閱讀次數(shù) 2217次

JunChen在最近的一篇《為何XHTML原型會(huì)失敗》中說出了一個(gè)實(shí)質(zhì)問題，即在快速變化的互聯(lián)網(wǎng)公司中，非XHTML原型只是“看上去很美”而已。 　　究其原因。除了JunChen提到的“難以維護(hù)”以外，對(duì)設(shè)計(jì)和開發(fā)人員精力的消耗也是一個(gè)重要方面。 　　讓我們來看一個(gè)典型的流程： 　　用戶研究員進(jìn)行用戶研究，根據(jù)結(jié)果編寫了研究報(bào)告（比如角色模型和使用場(chǎng)景）； 　　交互設(shè)計(jì)師按照用戶研究報(bào)告，設(shè)計(jì)了線框圖； 　　視覺設(shè)計(jì)師拿到線框圖，和交互設(shè)計(jì)師討論并溝通后，進(jìn)行視覺設(shè)計(jì)并輸出高保真視覺原型； 　　前端開發(fā)工程師拿到視覺原型，在和交互設(shè)計(jì)師及視覺設(shè)計(jì)師溝通后，進(jìn)行編碼工作，輸出HTML文件； 　　用戶研究員開始可用性測(cè)試，并將問題反饋給交互設(shè)計(jì)師； 　　回到第一步，直至用戶研究員（或其他的什么人）認(rèn)為質(zhì)量合格。 　　這一看似合理的流水線作業(yè)存在什么問題呢？讓我們來仔細(xì)分析一下： 　　1、困惑的交互設(shè)計(jì)師 　　用戶研究是一個(gè)漸進(jìn)式接近真相的過程，其結(jié)果不可能一步到位。尤其在研究初期，哪些因素會(huì)對(duì)產(chǎn)品設(shè)計(jì)有較大影響，哪些因素實(shí)際無足輕重，這是沒有辦法事先準(zhǔn)確預(yù)估的。這就造成當(dāng)交互設(shè)計(jì)師在依照研究結(jié)果設(shè)計(jì)時(shí)，發(fā)現(xiàn)研究結(jié)果不能給自己的設(shè)計(jì)以有力的支撐。 　　比如，當(dāng)兩種交互方式都可以達(dá)到同樣目的、而從已有的數(shù)據(jù)中又無法判斷用戶會(huì)喜歡哪種時(shí)，交互設(shè)計(jì)師就會(huì)猶豫不決。從資源的角度來考慮，請(qǐng)研究員再一次制訂計(jì)劃、招募用戶并實(shí)施研究，是不太可能的；更不用說設(shè)計(jì)兩種原型并分別測(cè)試了。因此此時(shí)交互設(shè)計(jì)師只能依據(jù)自己的經(jīng)驗(yàn)，或者進(jìn)行押寶。 　　此外，交互設(shè)計(jì)師還面臨一個(gè)頗為尷尬的問題：由于處于流程中的中間環(huán)節(jié)，缺少堅(jiān)實(shí)的硬性產(chǎn)出，他很難、甚至沒辦法證明自己的工作價(jià)值。一方面，交互設(shè)計(jì)是一種偏“軟”的技能，它目前沒有、將來也很難產(chǎn)生一個(gè)標(biāo)準(zhǔn)化的量尺來考量其自身的質(zhì)量?？捎眯詼y(cè)試可以做到部分量化，比如完成時(shí)間、出錯(cuò)次數(shù)等，但十幾個(gè)人（一般甚至更少）的數(shù)據(jù)在統(tǒng)計(jì)學(xué)上是沒有任何意義的。而且，有多少用戶能理解那種低保真的原型呢？另一方面，就算用Axure等軟件制作可操作的原型然后拿去做測(cè)試，各個(gè)業(yè)務(wù)部門會(huì)相信測(cè)試結(jié)果么？沒錯(cuò)，你可以強(qiáng)硬一些，比如采取“如果業(yè)務(wù)部門不參與觀察測(cè)試，就算自動(dòng)放棄決策時(shí)的發(fā)言權(quán)”這樣的辦法，可這只能說你有工作方法，這實(shí)在無益于專業(yè)技能的提升。而且有多少設(shè)計(jì)師可以強(qiáng)勢(shì)到讓所有的業(yè)務(wù)部門閉嘴的？ 　　實(shí)施社會(huì)分工的目的之一，就是實(shí)施標(biāo)準(zhǔn)化的作業(yè)。而當(dāng)流水線中某一環(huán)節(jié)的產(chǎn)出物質(zhì)量，是隨著其作者的經(jīng)驗(yàn)而變化時(shí)，也就是說質(zhì)量并不能定量控制時(shí)，分工的意義就不復(fù)存在，這一生產(chǎn)方式也就不可能按簡單復(fù)制的方式擴(kuò)張規(guī)模。 　　2、交互、視覺和前端間的溝通成本，和可能的不愉快 　　在交互設(shè)計(jì)師和視覺設(shè)計(jì)師交接工作時(shí)，溝通不可避免。視覺設(shè)計(jì)師要充分領(lǐng)會(huì)交互設(shè)計(jì)師的意圖，這需要溝通；反過來視覺設(shè)計(jì)師給交互設(shè)計(jì)師的線框圖提意見，這也需要溝通。尤其在整個(gè)部門缺乏UI規(guī)范時(shí)，溝通成本可能會(huì)高得嚇人。比如交互設(shè)計(jì)師認(rèn)為某處需要用3級(jí)標(biāo)題（比如h3），到了視覺這里直接用了一行紅字。所以常常覺得“有那時(shí)間費(fèi)力溝通，還不如直接改了算了”。結(jié)果改完了交互設(shè)計(jì)師心里會(huì)想“你怎么也不和我打聲招呼就改了”，不愉快就這么來了。 　　到了前端開發(fā)那里，問題就更復(fù)雜了。首先，前端開發(fā)需要實(shí)現(xiàn)所有細(xì)節(jié)，而出于資源上的考慮，這些細(xì)節(jié)未必都會(huì)由交互和視覺設(shè)計(jì)師的產(chǎn)出物覆蓋到（比如同一頁面上僅有一處文字有微小變化，那么線框圖和視覺稿要分別做兩份嗎？），那么前端開發(fā)就需要經(jīng)常和前面兩者溝通；其次，如果前端開發(fā)發(fā)覺設(shè)計(jì)稿的實(shí)現(xiàn)難度或成本太高，那么情況就更為棘手，最麻煩的莫過于要重新設(shè)計(jì)交互原型。 　　當(dāng)然，上述問題基本都能靠溝通解決，問題是，你愿意花多少時(shí)間去溝通呢？從這個(gè)角度來說，敏捷開發(fā)的溝通成本是最低的，因?yàn)闇贤ň褪钱a(chǎn)出。而反過來上述流程的溝通成本很高，因?yàn)闇贤ㄊ怯脕斫忉尞a(chǎn)出的，是產(chǎn)出成本之外的“額外成本”。 　　3、瀑布模型與生俱來的缺陷 　　上述流程是一個(gè)典型的瀑布模型，一旦在可用性測(cè)試階段發(fā)現(xiàn)問題，就需要重新再走整個(gè)流程，其效率之低可想而知。此外，由于涉及到的環(huán)節(jié)和人員不少，流程走得次數(shù)越多，出問題的機(jī)會(huì)也越多。最常見的是各個(gè)環(huán)節(jié)的產(chǎn)出物版本控制困難，甚至根本沒有版本控制，結(jié)果往往造成項(xiàng)目組中每個(gè)人拿到的產(chǎn)出物（如Demo）都不一樣，這是一個(gè)非常可怕的風(fēng)險(xiǎn)，會(huì)給項(xiàng)目過程和質(zhì)量帶來非常嚴(yán)重的影響。 　　我對(duì)這個(gè)問題采取過“文檔管理＋版本控制＋減少分工”的方法，效果很好。這個(gè)后文會(huì)闡述，這里先不展開。 　　4、無技術(shù)含量可言的重復(fù)勞動(dòng) 　　在一些頁面調(diào)整不大的日常項(xiàng)目中，交互設(shè)計(jì)師用2小時(shí)做的原型，到了前端那里可能半個(gè)小時(shí)就把HTML搞定了，如果用CSSEdit那樣的工具，實(shí)現(xiàn)過程甚至更快、更愜意。那么，為什么要把原本一件很小的工作硬生生地拆成兩部分來做呢？ 　　舉一個(gè)非常常見的例子：業(yè)務(wù)部門提需求說要改某某宣傳文案，如果按照上述流程，交互先做線框，給到視覺確認(rèn)，然后到前端修改，往最快了說也得半小時(shí)吧。而若交互設(shè)計(jì)師直接改HTML，十分鐘搞定。 　　有人說找到相應(yīng)的模板還要時(shí)間呢，這好辦，做個(gè)可搜索的模板庫就好了。我們?cè)鴧⒖糄ocBlock規(guī)范做過VelocityDoc，效果很好。 　　5、破壞了網(wǎng)頁設(shè)計(jì)工作本身的美感 　　網(wǎng)頁設(shè)計(jì)是技術(shù)和藝術(shù)的結(jié)合，一個(gè)優(yōu)秀的設(shè)計(jì)師不僅大量吸收傳統(tǒng)的設(shè)計(jì)知識(shí)（如平面設(shè)計(jì)），更懂得如何利用合適的技術(shù)去帶來藝術(shù)上的創(chuàng)新。這個(gè)過程是相輔相成的，硬性拆開只會(huì)限制設(shè)計(jì)師的創(chuàng)造力。 　　這就好像搞油畫的必須要掌握不同染料和畫布的性質(zhì)，搞雕塑的既要有創(chuàng)意又有能動(dòng)手（你能想象出一個(gè)雕塑家只管創(chuàng)意而從不親自去實(shí)現(xiàn)嗎）一樣，使用技術(shù)來展現(xiàn)藝術(shù)，借助藝術(shù)去探究可能的技術(shù)。 　　據(jù)說Apple的工業(yè)設(shè)計(jì)師都要清楚地理解各種材料的特點(diǎn)的，如果只讓他們畫圖，Unibody這樣的杰作又如何誕生？ 　　說了半天問題，下篇中我們來看怎么解決。

為什么網(wǎng)頁設(shè)計(jì)不應(yīng)強(qiáng)調(diào)分工相關(guān)標(biāo)簽：網(wǎng)頁制作，網(wǎng)站建造，網(wǎng)站設(shè)計(jì)，網(wǎng)站建設(shè)公司

相關(guān)熱點(diǎn)推薦

網(wǎng)站中視覺元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識(shí)別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計(jì)中關(guān)于al 好設(shè)計(jì)應(yīng)該是平凡的設(shè)計(jì) 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計(jì)基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點(diǎn) 新站快速推廣經(jīng)驗(yàn)，百度 為中文而設(shè)計(jì)的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計(jì)師可以走得更 專業(yè)設(shè)計(jì)網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計(jì)的幾點(diǎn)知識(shí) 青島網(wǎng)站制作哪家強(qiáng) 交互設(shè)計(jì)的8項(xiàng)黃金法則 設(shè)計(jì)良好網(wǎng)頁的4項(xiàng)原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個(gè)階段 青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)談 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步 基本搜索引擎優(yōu)化策略 新人做站之網(wǎng)站定位與網(wǎng)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶