a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 網(wǎng)站 > 策劃運(yùn)營 > 正文

頁面原型的前世今生探尋

2024-08-27 11:56:13
字體:
供稿:網(wǎng)友
線框圖原型是網(wǎng)站核心策略“著陸”的重要步驟。將機(jī)巧的想法轉(zhuǎn)化為實(shí)際產(chǎn)品是一個復(fù)雜過程,這種復(fù)雜并不僅僅體現(xiàn)在技術(shù)層面,而更突出的表現(xiàn)在團(tuán)隊(duì)配合中;倘若三兩個人的迷你團(tuán)隊(duì),只需要很少的文檔就能夠達(dá)成協(xié)作一致;頁面原型作為從創(chuàng)意到執(zhí)行的中間文檔,貫穿整個團(tuán)隊(duì)的工作,對于大型項(xiàng)目和團(tuán)隊(duì)協(xié)作的確有些效果。作為線框圖系列教程的完結(jié)篇,本文將對頁面原型的前世今生進(jìn)行討論,探尋拋棄原型的敏捷之路。
 
以前不存在
最初,萬維網(wǎng)只是某些科學(xué)家的專利。在《畫地為牢的框架設(shè)計》中,曾經(jīng)提到過那種“極簡梳形”頁面,就是最基礎(chǔ)的一種萬維網(wǎng)應(yīng)用;如果編寫一個網(wǎng)頁就像書寫Word文檔那么容易,那么也就根本不需要線框圖原型。
 
最原始也就最本質(zhì),這是事物發(fā)展的一般規(guī)律。簡單Web頁面雖然質(zhì)樸,但的確是最接近內(nèi)容本質(zhì)的形式;商業(yè)給了Web大規(guī)模發(fā)展的契機(jī),也帶來了復(fù)雜網(wǎng)頁結(jié)構(gòu),從此有了導(dǎo)航、Banner、框架結(jié)構(gòu)……為了贏得高速發(fā)展,越來越多的商業(yè)WUI無差別的嫁接了平面設(shè)計的因子,其副作用是讓W(xué)eb逐漸離開了內(nèi)容本質(zhì)軌道。
 
紙繪草圖
曾幾何時,網(wǎng)頁設(shè)計是那些PS高手的天下(至少國內(nèi)是這樣);那些萌芽時期的網(wǎng)站策劃者為了“指導(dǎo)”視覺設(shè)計師的工作,創(chuàng)造性地開始用筆和紙勾勒網(wǎng)頁的樣子,使得最早的“低保真原型”出現(xiàn)了。
 
使用筆和紙進(jìn)行原型勾勒,是以最小的思維干擾完成網(wǎng)頁模擬。很多產(chǎn)品經(jīng)理、網(wǎng)站策劃師不斷的追求那些最新款的原型設(shè)計工具,而往往忽略了思維干擾問題。最初使用紙張作為原型設(shè)計工具,因?yàn)樵摲椒ú徽加脛?chuàng)作者多余的思維,不用去考慮原型是否精美,專注于設(shè)計規(guī)劃;那些新款軟件往往設(shè)置了強(qiáng)大的功能,讓創(chuàng)作者疲于應(yīng)付工具的使用,造成了思維干擾。所以,無論選擇何種方式進(jìn)行原型設(shè)計,只要能否像使用筆和紙那樣熟練自如就好,那就是適合你的設(shè)計工具,因?yàn)樗季S干擾最小。
 
線框圖原型的本質(zhì)
“線框圖的本質(zhì)是什么”?這個問題就好像在問“烤白薯的本質(zhì)是否為食物?”一樣庸人自擾。線框圖的本質(zhì)是圖,是一種建立在“視覺為先導(dǎo)”理念上的Web頁面勾勒形式。
 
線框圖產(chǎn)生原因是:大規(guī)模團(tuán)隊(duì)協(xié)作中的信息不對稱。試想,如果視覺設(shè)計師懂得人機(jī)交互原理,如果交互工程師熟練掌握Html語言,如果頁面架構(gòu)師深入理解產(chǎn)品策略,如果產(chǎn)品經(jīng)理能夠親自開發(fā)數(shù)據(jù)庫后臺,如果程序開發(fā)人員能夠規(guī)劃合理的頁面結(jié)構(gòu),如果內(nèi)容編輯能夠獨(dú)立進(jìn)行系統(tǒng)架構(gòu)……當(dāng)這些“如果”成為現(xiàn)實(shí),世界上壓根不想要線框圖!事實(shí)也證明,由一個人建立的個人主頁往往不是從線框圖開始的,因?yàn)橐磺斜M在掌握。
 
原型的窘境
以圖為本的線框圖,與Web本質(zhì)三要素的特征相悖,越來越顯得力不從心了。
 
說不清的為什么
產(chǎn)品經(jīng)理、網(wǎng)站策劃師為什么要進(jìn)行線框圖設(shè)計呢?理由會有很多,或者給視覺設(shè)計師一個參考,或者給程序開發(fā)人員進(jìn)行系統(tǒng)架構(gòu)提供參考,或者是給投資人描繪偉大藍(lán)圖……在這些理由中,能夠始終站得住腳的是“參考”二字;往往沒有多少最終頁面和線框圖是完全相近的,因?yàn)榫W(wǎng)站始終不是一個靜態(tài)產(chǎn)品,需要不斷的運(yùn)營修正;于是就有了奇怪的現(xiàn)象,當(dāng)網(wǎng)站的核心策略需要改變,無論功能還是交互上的改進(jìn),必須要從原型設(shè)計開始,如果脫離了線框圖,所有的部門無法工作。被原型所羈絆,是所有大型Web團(tuán)隊(duì)面臨的問題;是線框圖解決了工作流程的對稱,也是線框圖增加了信息同步過程,真是“成也蕭何,敗也蕭何”。
 
從來都不敏捷的中間件
為了達(dá)到一致,聰明的人類在工程項(xiàng)目中使用了“中間件”,類如印刷鈔票的雕版,配合標(biāo)準(zhǔn)件和流水線,能夠快速的產(chǎn)生大量完全一致產(chǎn)品。網(wǎng)站這個產(chǎn)品和快速消費(fèi)品有很大的區(qū)別,非常強(qiáng)調(diào)差異競爭;如果某個網(wǎng)站和其他網(wǎng)站非常類似,就是缺乏競爭力,就很難有立足之地。
 
頁面原型,是從創(chuàng)意到執(zhí)行的“中間件”,如果最終的產(chǎn)品必須是差異的,那么為什么要存在原型?在網(wǎng)絡(luò)服務(wù)競爭日益激烈的今天,很容易遇到這樣的現(xiàn)象:投資人迫切的希望產(chǎn)品面市,不斷的強(qiáng)調(diào)“敏捷”二字;為了尋找產(chǎn)品差異,網(wǎng)站仍然不斷的在原型范圍改進(jìn),造成與之配合的其他執(zhí)行部門停工待料。
 
折騰人的原型測試
在此,并沒有否定用戶研究的意思,但任何研究結(jié)論都應(yīng)該具有“普遍適應(yīng)性”。面對網(wǎng)站的差異化要求,普適性似乎是很難達(dá)到的,于是任何網(wǎng)站都需要從最基礎(chǔ)的用戶采樣開始,經(jīng)歷訪談、眼動儀、AB測試等復(fù)雜的流程,確立一個相對合理的原型。這些流程并不繁瑣,但可怕的是:此類“用戶研究”往往CaseByCase的單獨(dú)進(jìn)行,甚至變成網(wǎng)站之間的競爭資本。針對原型進(jìn)行測試,有多大的實(shí)際意義,智者見智;勞累的是那些研究人員,折騰的是那些采樣用戶;如果不以最終頁面提供給測試用戶,而僅僅提供設(shè)計原型,至少是一種對用戶的不尊重。
 
原型最終將向內(nèi)容回歸
原型要擺脫“視覺指南”的身份,就必須要回歸到Web內(nèi)容本質(zhì)上來,即“語義化”原型。
 
一直以來都認(rèn)為“懂得語義化Html是萬維網(wǎng)從業(yè)者的充要條件”,然而編寫頁面代碼的終究不是國人的母語,這也使得語義化愈加困難。曾經(jīng)有位計算機(jī)教授提出過“在屏幕上出現(xiàn)漢字本身就是一件匪夷所思的事情”的論調(diào),有些極端,但也有些道理。
 
試想,如果直接提供語義化的Html作為“原型”,且所有的配合人員都深入的了解Html語義,那么可以拋棄線框圖這個礙手礙腳的中間件,讓“原型”本身即為最終產(chǎn)品,事半功倍。
 
要搭建一個全都懂得語義原型的團(tuán)隊(duì)是一件很難的事情,但也不是完全沒可能,曾經(jīng)有產(chǎn)品設(shè)計人士使用Html頁面制作原型文檔,效果不是非常理想,因?yàn)椴皇撬械呐浜险叨级肏tml語義。
 
尋找替代“線框圖原型”的方法是寫作本套教材的基本出發(fā)點(diǎn),于是有了這個的解決方案:建立一套以母語為基準(zhǔn)的Html語義轉(zhuǎn)換系統(tǒng)。
 
<商標(biāo)>網(wǎng)站策劃機(jī)構(gòu).jpg</商標(biāo)>
<一級標(biāo)題>網(wǎng)站策劃師</一級標(biāo)題>
<自然段>這是一個漢語Html語義轉(zhuǎn)換系統(tǒng),它能夠幫助整個團(tuán)隊(duì)理解深入理解語義,搭建標(biāo)準(zhǔn)的頁面原型。</自然段>
 
只要使用正則表達(dá)式,配合開發(fā)語言就能夠把上面這段語義原型片斷轉(zhuǎn)換為下面的Html代碼:
 
<img src=”網(wǎng)站策劃機(jī)構(gòu).jpg”>
<h1>網(wǎng)站策劃師</h1>
<p>這是一個漢語Html語義轉(zhuǎn)換系統(tǒng),它能夠幫助整個團(tuán)隊(duì)理解深入理解語義,搭建標(biāo)準(zhǔn)的頁面原型。</p>
 
夢想著有一天,產(chǎn)品設(shè)計人員只需要用Html語義寫出頁面的邏輯架構(gòu),交互設(shè)計師、視覺設(shè)計師、程序開發(fā)人員就能夠發(fā)揮自己的專長,輕松的將“原型”轉(zhuǎn)化為實(shí)際的網(wǎng)絡(luò)產(chǎn)品,而壓根再不需要什么線框圖了。

【免責(zé)聲明】本站內(nèi)容轉(zhuǎn)載自互聯(lián)網(wǎng),其相關(guān)言論僅代表作者個人觀點(diǎn)絕非權(quán)威,不代表本站立場。如您發(fā)現(xiàn)內(nèi)容存在版權(quán)問題,請?zhí)峤幌嚓P(guān)鏈接至郵箱:admin@vevb.com,我們將及時予以處理。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 日本久久久久久久久久 | 国产乱精品一区二区三区 | 欧美黄视频在线观看 | 美女视频黄的免费 | 日韩精品四区 | 色欧美综合 | 人人射人人草 | 黄页网站大全在线观看 | 91精品国产综合久久久久久蜜臀 | 日韩欧美一区二区三区久久婷婷 | 国产一区二区三区免费观看 | 亚洲欧美激情精品一区二区 | 日韩精品一区二区三区在线观看 | 婷婷免费视频 | 一区二区国产精品 | 久久久久久久久久一本门道91 | 中文字幕二三区不卡 | 亚洲国产精品一区 | 国产精品久久国产精麻豆99网站 | 视频一区在线观看 | 欧美国产激情 | 欧美成人一区二区三区片免费 | 亚洲免费综合 | 石原莉奈一区二区三区免费视频 | www欧美| 欧美久久成人 | 国产综合在线视频 | 亚洲第一黄色 | 天天操天天碰 | 91中文字幕在线 | 国产精品99久久久久久动医院 | 成人免费一区二区三区视频网站 | 天天操夜夜操 | 久久久久久成人 | 99精品视频在线 | 欧美一二三区在线 | 欧美日韩午夜 | 欧洲成人午夜免费大片 | 久久亚洲国产精品 | 免费观看一级毛片 | 亚洲成人精品网 |