好網(wǎng)站的定義
相信任何接觸網(wǎng)站業(yè)務(wù)的人，無(wú)論是建站客戶(hù)，抑或是上海網(wǎng)站制作供應(yīng)商，都會(huì)在腦海中思考“什么才是好網(wǎng)站”這個(gè)問(wèn)題。
對(duì)于這個(gè)問(wèn)題，不同的人因?yàn)榻?jīng)歷經(jīng)驗(yàn)不同，會(huì)有不一樣的答案。行業(yè)外的人員，會(huì)說(shuō)“高端大氣上檔次的就是好網(wǎng)站”；行業(yè)內(nèi)的人員，會(huì)說(shuō)“基于用戶(hù)體驗(yàn)為中心的原則而設(shè)計(jì)的網(wǎng)站才是好網(wǎng)站”。
很顯然，不同的人員對(duì)于好網(wǎng)站的定義是不一樣的。即便如此，我們也不能忽略一個(gè)事實(shí)，那就是當(dāng)一個(gè)優(yōu)秀的站點(diǎn)呈現(xiàn)在人們的眼前時(shí)，無(wú)論你是否專(zhuān)業(yè)，你都會(huì)一眼認(rèn)定這就是你心目中的好網(wǎng)站。
作為一個(gè)在建站行業(yè)摸爬滾打近十年的我想說(shuō)，如果一個(gè)網(wǎng)站呈現(xiàn)出了它的目標(biāo)用戶(hù)所需要的內(nèi)容又散發(fā)出與之自身適合的外觀風(fēng)格，那么它就是一個(gè)好的網(wǎng)站。
上海網(wǎng)站制作的五個(gè)層次
想告訴大家一個(gè)確定的事實(shí)，一個(gè)擁有著絕佳用戶(hù)體驗(yàn)的網(wǎng)站，事實(shí)上是由一系列完整的決策組成的：網(wǎng)站看起來(lái)的樣子如何、它如何運(yùn)轉(zhuǎn)、它能讓你做什么。
這些決策彼此依賴(lài)，告知并影響用戶(hù)體驗(yàn)的各個(gè)方面。已經(jīng)被無(wú)數(shù)人驗(yàn)證并認(rèn)可的決策依據(jù)來(lái)源于五個(gè)層面，即戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。
五個(gè)層面中的每一個(gè)層面都是根據(jù)它的前置層所決定，即戰(zhàn)略層決定了范圍層、范圍層決定了結(jié)構(gòu)層、結(jié)構(gòu)層決定了框架層、框架層決定了表現(xiàn)層。
戰(zhàn)略層
當(dāng)一家企業(yè)決定上海網(wǎng)站制作的時(shí)候，他們是帶著一些期許的。同樣的，當(dāng)一個(gè)用戶(hù)去搜索一個(gè)網(wǎng)站的時(shí)候，他也是帶著期許來(lái)瀏覽這個(gè)網(wǎng)站的。
戰(zhàn)略層的工作就是要回答好以下的兩個(gè)問(wèn)題：
1.企業(yè)要通過(guò)網(wǎng)站得到什么？【這個(gè)問(wèn)題描述了網(wǎng)站的目標(biāo)】
2.瀏覽用戶(hù)想通過(guò)網(wǎng)站得到什么？【這個(gè)問(wèn)題闡明了用戶(hù)的需求】
當(dāng)一個(gè)網(wǎng)站能都清楚地表達(dá)企業(yè)要展示的內(nèi)容，以及確切地知道用戶(hù)想要什么的時(shí)候。這個(gè)網(wǎng)站就在邁向好網(wǎng)站的路上，完成了至關(guān)重要的一步“戰(zhàn)略層定義”！
范圍層
當(dāng)我們對(duì)彼此的期許熟諳于心，我們就可以將這些期許通過(guò)有計(jì)劃地梳理落實(shí)到紙面。網(wǎng)站是由一個(gè)個(gè)的頁(yè)面構(gòu)成，每個(gè)頁(yè)面需要展示什么內(nèi)容，需要多少?gòu)堩?yè)面，當(dāng)你擁有一個(gè)明確的戰(zhàn)略層規(guī)劃，那么你就知道這些頁(yè)面范圍該如何界定。
界定范圍是一個(gè)有價(jià)值的過(guò)程，同時(shí)可以產(chǎn)生有價(jià)值的產(chǎn)品。網(wǎng)站的范圍層定義，其實(shí)是在做兩件事，一是過(guò)程，二是產(chǎn)品。
過(guò)程的價(jià)值在于，當(dāng)網(wǎng)站處于立項(xiàng)初期的時(shí)候，我們有非常多的各種各樣的天馬行空的想法，過(guò)程能迫使我們?nèi)タ紤]潛在的沖突和產(chǎn)品中粗略的地方，我們能確定現(xiàn)在能解決哪些事情，而哪些必須推遲解決。
產(chǎn)品的價(jià)值在于，它是一個(gè)參考點(diǎn)，可以明確網(wǎng)站要完成的全部工作。產(chǎn)品的定義，可以保證在設(shè)計(jì)過(guò)程中不會(huì)出現(xiàn)模棱兩可的情況，即便出現(xiàn)，也會(huì)有一把衡量的標(biāo)尺，而不至于無(wú)從下手。
結(jié)構(gòu)層
當(dāng)一股腦的內(nèi)容涌入你的腦海，尤其是還沒(méi)有分類(lèi)的時(shí)候，你無(wú)法快速有效地獲取到內(nèi)容的輕重緩急，內(nèi)容的表現(xiàn)也會(huì)大打折扣，為了百分百還原甚至加倍放大內(nèi)容的力度，我們需要對(duì)內(nèi)容做結(jié)構(gòu)分層。這件工作并不陌生，你之前聽(tīng)過(guò)的信息架構(gòu)和交互設(shè)計(jì)正是它。
信息架構(gòu)要求創(chuàng)建分類(lèi)體系，這個(gè)分類(lèi)體系將會(huì)對(duì)應(yīng)并符合我們的網(wǎng)站目標(biāo)、希望滿(mǎn)足的用戶(hù)需求，以及將被合并在網(wǎng)站中的內(nèi)容。
交互設(shè)計(jì)考慮的是內(nèi)容呈現(xiàn)的先后，以及內(nèi)容節(jié)點(diǎn)之間的關(guān)聯(lián)規(guī)則。
這兩方面的工作都遵從于正向推理和反向驗(yàn)證的方法，即從前至后再?gòu)暮笾燎?，通過(guò)正向和逆向的雙重推演去驗(yàn)證一個(gè)流程設(shè)計(jì)的合理性。在推演的過(guò)程中，網(wǎng)站目標(biāo)和用戶(hù)需求始終以線(xiàn)索的方式鑲嵌在全生命周期的流轉(zhuǎn)中，并保證其始終被滿(mǎn)足。
所需都在，所在都有價(jià)值，是結(jié)構(gòu)層完美的真實(shí)寫(xiě)照。
框架層
框架層的工作，其實(shí)就是布局設(shè)計(jì)的工作，主要體現(xiàn)在三方面：導(dǎo)航設(shè)計(jì)、界面設(shè)計(jì)、信息設(shè)計(jì)。這些工作的目的是，讓用戶(hù)瀏覽網(wǎng)站時(shí)感覺(jué)更容易和輕松。
導(dǎo)航設(shè)計(jì)，旨在幫助人們找到想要的東西。全局導(dǎo)航、局部導(dǎo)航、輔助導(dǎo)航、上下文導(dǎo)航、友好導(dǎo)航、網(wǎng)站地圖和索引表，這些都是導(dǎo)航設(shè)計(jì)的存在形式。
界面設(shè)計(jì)，旨在將雜亂無(wú)章的內(nèi)容有序地歸類(lèi)和分層。諸如圖片、圖標(biāo)、視頻、文本、復(fù)選框、單選按鈕、下拉菜單、多選菜單這些元素，該單獨(dú)呈現(xiàn)還是一起上陣，你需要考慮一個(gè)合理的方案來(lái)確定如何擺放。期間還要統(tǒng)籌兼顧到視重、平衡和點(diǎn)線(xiàn)面的設(shè)計(jì)原理。
信息設(shè)計(jì)，旨在將無(wú)序的內(nèi)容調(diào)整為有序的內(nèi)容。你可以用數(shù)學(xué)中的合并同類(lèi)項(xiàng)法則來(lái)理解這一調(diào)整過(guò)程。我們?cè)诔尸F(xiàn)內(nèi)容的時(shí)候，可以按照樹(shù)狀結(jié)構(gòu)來(lái)逐層呈現(xiàn)。
表現(xiàn)層
表現(xiàn)層處在五層模型的頂端，是用戶(hù)進(jìn)入網(wǎng)站首先就會(huì)感知到的部分。在這一層，內(nèi)容、功能和美學(xué)融為一體進(jìn)而產(chǎn)生一個(gè)最終的設(shè)計(jì)，完成其他四層的共同目標(biāo)，并同時(shí)滿(mǎn)足用戶(hù)的感官感受，呼應(yīng)企業(yè)的品牌形象。
在這一層，我們需要用到不可背離的美學(xué)設(shè)計(jì)法則，需要用到風(fēng)格字體排版等多種設(shè)計(jì)手法，需要用到赤橙黃綠和三原色的配色法則。在這一層，視覺(jué)設(shè)計(jì)師可以讓一件泥塑搖身一變成為萬(wàn)世景仰的青花瓷，也可以讓一頁(yè)宣紙經(jīng)由筆墨的點(diǎn)染成為萬(wàn)古流芳的經(jīng)典之作。
