談一談網(wǎng)站策劃、UI和設(shè)計(jì)之間的關(guān)系
[ 來(lái)源:CHINAZ用戶投稿 | 作者:佚名 | 時(shí)間:2008-09-03 11:58:25 ]
相信很多朋友都聽(tīng)過(guò)"100萬(wàn)"的故事，講的是一個(gè)有名的工程師去檢修一個(gè)高科技儀器，最后他就在一個(gè)地方畫(huà)了一條線，卻要價(jià)100萬(wàn)。結(jié)果付錢(qián)的人不滿意了，一條線值100萬(wàn)嗎?最后這個(gè)工程師給出的回答是："找出這條線在哪里999999元，畫(huà)線1元"。
這個(gè)故事很巧妙地說(shuō)明了策劃和UI的關(guān)系。不少人都認(rèn)為，UI不就是把客戶給的"公司、產(chǎn)品介紹"等內(nèi)容，在WORD中畫(huà)一畫(huà)框架，定一下位置嗎?其實(shí)，這是一種比較膚淺的認(rèn)識(shí)，因?yàn)閁I只是網(wǎng)站策劃一種最簡(jiǎn)要的表現(xiàn)形式，但卻遠(yuǎn)不是網(wǎng)站策劃的全部。
網(wǎng)站策劃要做的是，對(duì)客戶的需求進(jìn)行全面翔實(shí)地分析、采集、整理和創(chuàng)意提升，在之中要考慮到設(shè)計(jì)制作、技術(shù)開(kāi)發(fā)上的難點(diǎn)要點(diǎn)和亮點(diǎn)。一個(gè)優(yōu)秀的網(wǎng)站策劃人員要具備市場(chǎng)、網(wǎng)站制作、管理、廣告等很全面的知識(shí)，并要有很強(qiáng)的學(xué)習(xí)能力、針對(duì)客戶和項(xiàng)目組的雙向溝通能力。
而這正是業(yè)界銷(xiāo)售、技術(shù)型人員經(jīng)常忽略的問(wèn)題，他們中的很多人喜歡把客戶的需求進(jìn)行"學(xué)舌式"的傳達(dá)，客戶說(shuō)怎么做我照單全收或單純抵制。但客戶并非專業(yè)的網(wǎng)站建設(shè)人員，他想要什么樣的東西，他自己有時(shí)并不清楚。所以如果什么都去依賴客戶，客戶會(huì)覺(jué)得公司不夠?qū)I(yè)，而公司也總會(huì)圍繞著客戶改來(lái)改去，很顯然，這會(huì)一方面大大降低公司完成項(xiàng)目的效率，另一方面在無(wú)形中還極大增加了公司的成本。
網(wǎng)站策劃的作用，就是要脫離這種片面地思考，站在全面的角度去引導(dǎo)和幫助客戶，去發(fā)掘整理和提升他的需求，這樣做出來(lái)的產(chǎn)品才會(huì)是客戶真正想要的。也因?yàn)檫@種合作是建立在引導(dǎo)、溝通的基礎(chǔ)上，所以就會(huì)很具有延續(xù)的商業(yè)價(jià)值。這也正是專業(yè)廣告公司在做方案之前，為什么要做相當(dāng)大量市場(chǎng)調(diào)查的原因了。
所以，UI看似只是簡(jiǎn)單的框架，但在背后支持它的卻是繁雜的網(wǎng)站策劃。事實(shí)上，沒(méi)有一個(gè)好的策劃，做出來(lái)的UI也是沒(méi)有多少價(jià)值的。
而在設(shè)計(jì)的過(guò)程中，設(shè)計(jì)師也要根據(jù)策劃和UI，充分發(fā)揮自己的設(shè)計(jì)特長(zhǎng)進(jìn)行網(wǎng)站創(chuàng)作，將策劃的思路通過(guò)設(shè)計(jì)的形式表現(xiàn)給客戶，這樣才會(huì)有的放矢。我們認(rèn)為，好的設(shè)計(jì)作品，一定是經(jīng)過(guò)網(wǎng)站策劃和設(shè)計(jì)師反復(fù)溝通、不斷磨合制作而成的。
由此，就不難看出三者之間的關(guān)系了：策劃是根本，UI是手段，設(shè)計(jì)是工具。簡(jiǎn)單來(lái)說(shuō)，在大客戶市場(chǎng)的激烈競(jìng)爭(zhēng)中，經(jīng)過(guò)專業(yè)網(wǎng)站策劃的設(shè)計(jì)作品不一定有最強(qiáng)的競(jìng)爭(zhēng)力，但沒(méi)經(jīng)過(guò)專業(yè)網(wǎng)站策劃的設(shè)計(jì)作品一定沒(méi)有競(jìng)爭(zhēng)力!
因?yàn)闆](méi)有客戶會(huì)喜歡與自己的需求不符的產(chǎn)品，他們總喜歡我們能為他考慮更多!
一、UI示意圖
二、實(shí)戰(zhàn)案例分享
1、接到項(xiàng)目后，我們的策劃和設(shè)計(jì)師去蘇州科技文化藝術(shù)中心，親身感受整體建筑和各個(gè)主體功能區(qū)域的設(shè)計(jì)風(fēng)格。經(jīng)過(guò)設(shè)計(jì)師的理解，確立了以下內(nèi)容：
頁(yè)面整體色調(diào)采用該中心在實(shí)際建筑和VI中通用的咖啡色;
提出金雞湖畔的整體設(shè)計(jì)思路。
2、策劃通過(guò)分析客戶需求，提出首頁(yè)的定位，即信息量要豐富，品牌的表達(dá)也要突出。策劃將這個(gè)定位傳達(dá)給設(shè)計(jì)師，所以我們?cè)谑醉?yè)的設(shè)計(jì)上可以看到：
包括新聞、劇目信息、檢索、活動(dòng)等在內(nèi)的內(nèi)容;
主體位置突出了大劇院的整體形象展示;
策劃和設(shè)計(jì)反復(fù)溝通，確定內(nèi)容板塊的大小和位置，一方面保證內(nèi)容展示到位，另一方面保證不影響設(shè)計(jì)的美觀。
3、 策劃在客戶需求的基礎(chǔ)上，進(jìn)行了創(chuàng)意提升，發(fā)掘出客戶沒(méi)有主動(dòng)提出但會(huì)對(duì)客戶有足夠吸引力的需求。
從客戶的實(shí)際應(yīng)用去發(fā)掘新的創(chuàng)意需求：
因?yàn)樘K州科技文化藝術(shù)中心結(jié)構(gòu)龐大，在演出旺季的時(shí)候演出信息眾多，如果按照常規(guī)的在后臺(tái)編輯發(fā)布節(jié)目信息的做法，會(huì)給工作人員帶來(lái)很大壓力。所以，我們提出了"節(jié)目自動(dòng)上架下架"的功能，即讓系統(tǒng)幫助工作人員自動(dòng)去完成這個(gè)繁雜的工作。
從市場(chǎng)運(yùn)作和廣告的角度去發(fā)掘新的創(chuàng)意需求：
我們注意到會(huì)員的互動(dòng)在原有網(wǎng)站上做得很不夠，而這也正是一個(gè)網(wǎng)站在建好后，能否發(fā)揮其市場(chǎng)價(jià)值的重要保障。所以，策劃將會(huì)員的互動(dòng)從以前的一個(gè)欄目擴(kuò)展到整站，并且提出了郵件直投的功能。
從用戶體驗(yàn)的角度去發(fā)掘新的創(chuàng)意需求：
經(jīng)過(guò)策劃和設(shè)計(jì)師現(xiàn)場(chǎng)考察后，我們認(rèn)為該中心規(guī)模宏大，各個(gè)功能區(qū)域都很有特色。如果單純靠圖文介紹的形式去向用戶展示，用戶的體驗(yàn)度就會(huì)大大降低。所以，我們提出了3D全景展示和IMAX影廳動(dòng)畫(huà)展示的思路。
三、其它案例分享：
案例：張江高科
上圖設(shè)計(jì)稿是：策劃人員與客戶溝通之前，網(wǎng)麒所出的設(shè)計(jì)效果
案例：張江高科
上圖設(shè)計(jì)稿是：策劃人員與客戶溝通之后，網(wǎng)麒所出的設(shè)計(jì)效果
案例：三一科技
說(shuō)明：產(chǎn)品的展示方式、活動(dòng)展示等內(nèi)容都是客戶沒(méi)有明確說(shuō)明，完全由策劃人員提出。
案例：光明乳業(yè)。說(shuō)明：客戶相當(dāng)看重網(wǎng)站品牌的傳達(dá)，
但是客戶提交的資料并沒(méi)明確具體內(nèi)容，完全由策劃人員發(fā)掘和提升。
