029-88811692
網(wǎng)站建設(shè)資訊詳細(xì)

上海網(wǎng)站制作的策劃框架

發(fā)表日期:2023-02-13  作者:云浪  瀏覽:  

好網(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)站。

微信截圖_20230213205117.png

作為一個(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)典之作。

來(lái)源聲明:上海網(wǎng)站制作的策劃框架》系云浪科技編輯或采編整理,以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)及時(shí)與本站聯(lián)系。