• 
• 
• 
• 
• 
• 
• 

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

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

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

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

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

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

網(wǎng)頁(yè)的排版與布局思考 DW制作網(wǎng)頁(yè)的基本步驟 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理 CSS之兼容瀏覽器篇 英文版企業(yè)網(wǎng)站的設(shè)計(jì)注 站運(yùn)營(yíng)的四個(gè)關(guān)鍵詞 電子商務(wù)中用戶(hù)信息的應(yīng) 網(wǎng)站設(shè)計(jì)之設(shè)計(jì)步驟及思 響應(yīng)式網(wǎng)站布局分析與應(yīng) 網(wǎng)站首頁(yè)所應(yīng)該達(dá)到的幾 網(wǎng)站建設(shè)如何做好網(wǎng)站規(guī) 企業(yè)制作電商APP軟件 網(wǎng)站建設(shè)之美觀與營(yíng)銷(xiāo)需 如何處理好網(wǎng)站設(shè)計(jì)的細(xì) 做好內(nèi)外鏈的平衡度更利 奈薇建站網(wǎng)科技2016 網(wǎng)站建設(shè)的基本原則 網(wǎng)站導(dǎo)航理論與實(shí)踐 十分鐘讓你的外貿(mào)網(wǎng)站更 網(wǎng)站建設(shè)下一站-網(wǎng)絡(luò)營(yíng) 十大嚴(yán)重的網(wǎng)站設(shè)計(jì)錯(cuò)誤 優(yōu)化站內(nèi)搜索－讓用戶(hù)更 如果你被上個(gè)網(wǎng)絡(luò)公司傷 做網(wǎng)站公司哪一家比較好 網(wǎng)站建設(shè)的準(zhǔn)備工作 中小企業(yè)行之有效的網(wǎng)絡(luò) 2019年百度排名的算 網(wǎng)站為什么要改版你知道 網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)的差 信息架構(gòu)的流程引入 如何設(shè)計(jì)廣告的用戶(hù)體驗(yàn) 當(dāng)設(shè)計(jì)師遇上前端開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì)中的圖層疊加混 提高內(nèi)容類(lèi)網(wǎng)站的粘度要 網(wǎng)站推廣、網(wǎng)站宣傳的作 如何讓蜘蛛頻繁爬行你的 青島高端網(wǎng)站建設(shè)公司 制作自己的網(wǎng)站 如何按照百度做網(wǎng)站優(yōu)化 交互設(shè)計(jì)之出路選擇原則

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專(zhuān)業(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)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門(mén)戶(hù)