網(wǎng)站的設(shè)計和建設(shè)離不開高質(zhì)量的前期策劃,網(wǎng)站策劃做得好,可以避免很多無謂的返工和重復(fù),而且對于網(wǎng)站的后期推廣、維護等也具有非常重要的作用。本章內(nèi)容圭谷設(shè)計與大家一起分享網(wǎng)站策劃必知的6項要點。
關(guān)鍵詞
網(wǎng)站主題
分析資料
網(wǎng)頁設(shè)計的本質(zhì)
用戶體驗
網(wǎng)頁文案
設(shè)計切入點
主要內(nèi)容包括
網(wǎng)站的主題一定要明確
分析背景材料3種途徑
用戶體驗設(shè)計4個要點
達到“設(shè)計”目的5個要點
網(wǎng)頁界面設(shè)計的4個切入點
網(wǎng)站文案寫作的4項技巧
2.1 網(wǎng)站的主題一定要明確
網(wǎng)站的設(shè)計,最終是要給瀏覽者一個實實在在的獲取有效信息的載體,因此就必須要有一個十分明確的主題,然后在設(shè)計主題的指導(dǎo)下,運用各種設(shè)計技巧來表現(xiàn)網(wǎng)站的內(nèi)容。本節(jié)內(nèi)容,我們一起從瀏覽者類型、主題、內(nèi)容3方面一起來體驗如何明確網(wǎng)站的設(shè)計主題。
2.1.1 按照用戶類型確定表現(xiàn)形式
網(wǎng)站的設(shè)計首先要有一個明確的主題,明確地告知瀏覽者,網(wǎng)站主要提供的服務(wù)是什么,網(wǎng)站可以解決的問題是什么?否則,忽略了自身的特點,一味使用絢麗的圖像來堆疊,一味使用眼花繚亂的動畫來點綴都是不可取的。
如圖2.1所示是一家教育培訓網(wǎng)站,該網(wǎng)站就是要滿足有培訓需求、希望獲得一份滿意工作的應(yīng)往屆大學畢業(yè)生、初入職場的年輕人,所以在內(nèi)容的表現(xiàn)上采用了多入口、多形式的交互方式,便于網(wǎng)站訪問者快速進行培訓咨詢。
首先網(wǎng)站明確了訪問的3類用戶群:
1 參加培訓意向特別強烈的瀏覽者;
2 猶豫不決的瀏覽者;
3 潛在的培訓人員。
對于意向特別強烈的瀏覽者,以“免費試聽”+“實訓案例展示”作為載體,設(shè)計既簡單又實用的網(wǎng)站界面。同時,為了便于瀏覽者選擇,采用了明度、飽和度較高的黃色按鈕來提示瀏覽者點擊,如圖2.1所示。
對于猶豫不決的瀏覽者,通過解答疑問、課程展示、培訓形式多樣化等作為載體,運用高明度、輕松的色彩來設(shè)計網(wǎng)站的界面,無形中為瀏覽者營造一種輕松的學習氛圍,如圖2.2、圖2.3所示。
對于潛在的培訓人員,通過采用視覺沖擊力較強的banner圖像為瀏覽者創(chuàng)造一個良好的印象,通過就業(yè)實例展示、師資力量展示等作為設(shè)計載體,最大限度的降低瀏覽者的內(nèi)心顧慮,提升網(wǎng)站的可信度,如圖2.4、圖2.5所示。
2.1.2 明確的主題清晰的內(nèi)容
一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站都要圍繞這個主題,也就是我們在青島網(wǎng)頁設(shè)計之前要明確這個網(wǎng)站有什么目的,用來做什么。例如大眾化的電商網(wǎng)站主要以銷售大眾化的商品為主,所以設(shè)計的主題自然就要圍繞簡單、易用來展開,反之,如果是設(shè)計奢華、高端的珠寶、皮草等產(chǎn)品的網(wǎng)站,自然就要圍繞高端產(chǎn)品所表達的生活質(zhì)量、商品所包含的藝術(shù)性、商品的拓展價值等方面來確定設(shè)計的主題。然后,在具體的設(shè)計中所有頁面都是圍繞著這個設(shè)計主題來制作頁面的具體容。具體來說,我們所設(shè)計、提供的內(nèi)容應(yīng)該準確的回答好以下4個問題的答案:
1 為誰提供服務(wù)和產(chǎn)品(信息);
2 企業(yè)能提供什么樣的產(chǎn)品和服務(wù)(信息);
3 網(wǎng)站的目的消費者和受眾的特點是什么;
4 企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式(風格),如圖2.6所示。
2.2 分析背景材料3種途徑
任何企業(yè)設(shè)計網(wǎng)站都應(yīng)該站在瀏覽者的角度去思考問題,而作為設(shè)計師,更應(yīng)該考慮到用戶的特征和需求,這樣才可以制作出可以為企業(yè)帶來盈利的網(wǎng)站。所以,作為初學者的我們在開始接觸網(wǎng)站設(shè)計工作之前應(yīng)該首先找到目標企業(yè)的相關(guān)資料進行必要的分析,做到了解資料、熟悉背景、明白需求。本節(jié)內(nèi)容筆者與大家一起分享分析背景材料的3個途徑。
2.2.1 網(wǎng)站所屬行業(yè)的資料分析
設(shè)計網(wǎng)站之前首先需要對網(wǎng)站所屬行業(yè)的資料進行分析,做到明白行業(yè)的網(wǎng)站基本特征。對此,筆者認為可從以下3方面展開。
01 平面媒體資料的分析,主要包括對行業(yè)內(nèi)同類企業(yè)的宣傳冊資料的分析及同類行業(yè)的VI形象設(shè)計資料的分析,因為這些資料代表了行業(yè)內(nèi)企業(yè)的基本形象和對外展示的基本內(nèi)容
02 分析網(wǎng)站所屬行業(yè)的同類電視、網(wǎng)絡(luò)、移動媒體類視頻廣告。在目前移動化信息共享時代,這些視頻類廣告是人們接觸最多的廣告,通過分析這些廣告,我們可以了解企業(yè)對外宣傳的主要訴求點及廣告創(chuàng)意的表現(xiàn)形式,當然也包括一些基本的色彩搭配,如圖2.9、圖2.10所示。
03 分析行業(yè)的發(fā)展歷史及前景。
這些資料一般可參考一些具有權(quán)威性的網(wǎng)站所發(fā)布的數(shù)據(jù)統(tǒng)計。作為設(shè)計師,了解一些基本的行業(yè)數(shù)據(jù),便于設(shè)計出既符合企業(yè)當前需要,又預(yù)留未來網(wǎng)站改版和更新的余地。
2.2.2 同類網(wǎng)站及競爭對手網(wǎng)站的分析
對于網(wǎng)站所屬行業(yè)競爭對手資料的分析,有助于加深設(shè)計師對整體行業(yè)的把控,同時還可以提醒客戶,當資料不完整時給予必要的提示,當網(wǎng)站的功能不完善或不完整時也便于與客戶展開必要的交流。
當設(shè)計師對競爭對手的網(wǎng)站資料進行分析完成以后,基本上就可以對企業(yè)網(wǎng)站的風格定位、基本需求、同類網(wǎng)站的優(yōu)缺點等有了一定的認識,這樣更便于設(shè)計師按照企業(yè)的需要找到創(chuàng)意的切入點,發(fā)揮自己的優(yōu)勢,設(shè)計出更為完善和符合瀏覽者喜好的網(wǎng)站。如圖2.11所示為韓國最大的化妝品集團Amore Pacific愛茉莉太平洋旗下的品牌網(wǎng)站,主要代表性產(chǎn)品有夢妝多效礦物修容BB霜、夢妝隔離霜、夢妝眼霜、夢妝粉餅等。我們發(fā)現(xiàn)該網(wǎng)站十分簡練,在突出產(chǎn)品的質(zhì)量和功效的同時,通過健康、清秀的模特,也為我們傳達出了靚麗、健康、時尚的生活觀念,如圖2.11所示。
所以,設(shè)計師明白了競爭對手及同類網(wǎng)站的資料就可以在設(shè)計產(chǎn)品內(nèi)容頁面的同時還可以設(shè)計出企業(yè)所包含更深層次的傳播訴求。
TIPS
提示:很多時候,客戶只會說我們想要和某個公司類似的網(wǎng)站,具體的規(guī)劃及要求都不會十分明確,需要我們在了解企業(yè)資料的基礎(chǔ)上給予必要的引導(dǎo)。
2.2.3 背景資料的自我積攢
就像一位網(wǎng)友說的那樣,美女長得美,但是后天的美容同樣很重要。網(wǎng)頁設(shè)計師如果希望獲得更大的發(fā)展和設(shè)計作品質(zhì)量的提升同樣需要注重對設(shè)計資料的自我積累。
在信息技術(shù)飛速發(fā)展的今天,設(shè)計師已經(jīng)不是簡單地通過套用幾個模板就可以得到用戶認可的初級階段了,更多時候需要我們加強自我的知識積累。例如,在目前情況下,我們可注意搜集一些與手機網(wǎng)站、Ipad平板電腦等移動網(wǎng)站有關(guān)的行業(yè)資料,這樣我們的設(shè)計價值也會隨著時代的發(fā)展而不斷發(fā)展。下面筆者為大家總結(jié)了關(guān)于網(wǎng)頁設(shè)計師需要關(guān)注的兩個領(lǐng)域。
01 手機電子商務(wù):主要是考慮到4G時代的到來,移動互聯(lián)網(wǎng)必然會引起各個企業(yè)和商家的重視,那么一直相對應(yīng)的手機網(wǎng)站的設(shè)計也就隨之升溫。
02 淘寶商城:移動互聯(lián)時代,人們的碎片時間也將成為商家必爭的領(lǐng)域之一,而類似B2B、B2C這種成熟的網(wǎng)絡(luò)銷售模式必然需要及時地改版和服務(wù)質(zhì)量的提升,那么與之相對應(yīng)的淘寶界面設(shè)計、淘寶商城界面設(shè)計也就成為網(wǎng)頁設(shè)計師可以拓展自我技能的“白領(lǐng)”領(lǐng)域。如果您有興趣,可閱讀一下本系列圖書的另一本姊妹書《淘寶店面設(shè)計從入門到提高》。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3