網(wǎng)站首頁設(shè)計方案

需求:

1.可以快速連接到各個系統(tǒng)中

2.便于后期拓展

網(wǎng)站設(shè)計原則:

1.網(wǎng)站首頁設(shè)計主要的關(guān)鍵點是突出整個網(wǎng)站的核心內(nèi)容,在網(wǎng)站頁面中,標(biāo)題、導(dǎo)航、鏈接這幾項是網(wǎng)站的基礎(chǔ)信息,是一個網(wǎng)站身份的像征,承載著向用戶表明網(wǎng)站立場、提供何種產(chǎn)品或勞務(wù)、網(wǎng)站自我介紹、如何聯(lián)系網(wǎng)站的重要使命,在設(shè)計頁面時,這些信息必不可少。

2.除了要顯示關(guān)鍵信息外,最重要的還是承當(dāng)中介,作為一個網(wǎng)絡(luò)的轉(zhuǎn)接點,這也是每一個網(wǎng)頁設(shè)計的關(guān)鍵任務(wù)。把網(wǎng)站所提供的產(chǎn)品或勞務(wù)通過版式設(shè)計、文案設(shè)計、色彩設(shè)計之后,展示在首頁適當(dāng)?shù)奈恢?,并使其不受其它信息元素干擾,甚至使其它元素為它(產(chǎn)品或勞務(wù))服務(wù)。


用戶畫像:

1.公司內(nèi)部使用

2.能夠凸顯企業(yè)文化

3.用戶分部各個職能部門,不同用戶使用系統(tǒng)模塊不同,需快速定位所需模塊

樣式方案:

chrome 瀏覽器入口頁

優(yōu)勢:

1.快速定位近期瀏覽次數(shù)最多的網(wǎng)站

2.簡明扼要的展示

劣勢:

1.數(shù)量有限,最多8個,數(shù)量過多,會影響整體版面設(shè)計(太多了會顯得很亂)

2.用戶無法自定義使用哪8個網(wǎng)址

結(jié)論:

不適合本次需求,因為目前內(nèi)部系統(tǒng)較多,如果都顯示,會顯示很亂;如果分帳號顯示,就會出現(xiàn)多系統(tǒng)多賬號登錄(本系統(tǒng)登錄一次賬號,跳轉(zhuǎn)到其他系統(tǒng)仍需再次賬號登錄),影響用戶體驗



小米商城首頁

網(wǎng)址:https://www.mi.com/

優(yōu)勢:

1.分級明確,重點突出

2.左邊欄和上邊欄交叉呼應(yīng),將產(chǎn)品維度進行多重劃分

劣勢:

1.左邊欄欄位內(nèi)容和組別固定,不易變動修改

2.新產(chǎn)品以及明星產(chǎn)品均布局在上邊欄,以便突出顯示,對用戶有一定的導(dǎo)向型

3.左邊欄和上邊欄均存在,出現(xiàn)產(chǎn)品交叉,如不熟悉網(wǎng)站結(jié)構(gòu),易對用戶造成困擾

結(jié)論:

根據(jù)此次的需求,不易采用這種多維度選擇機制,公司內(nèi)部部門和系統(tǒng)雖有交叉,單也是人員交叉而非系統(tǒng)本身功能交叉,使用多重維度,反而會影響使用效率



聯(lián)想商城首頁

網(wǎng)址:https://www.lenovo.com.cn/

優(yōu)勢:

1.banner占據(jù)絕大篇幅,入眼有明顯提醒作用,廣告和宣傳意圖明確

2.僅有上邊欄,單維度導(dǎo)航,易于用戶查找

劣勢:

1.因為是單維度導(dǎo)航欄,需要用戶明確需求系統(tǒng)和職能劃分,方可快速定位

2.需要充實banner內(nèi)容,否則網(wǎng)站會出現(xiàn)內(nèi)容空洞

結(jié)論:

此方案較為適合此次需求,用戶無需定義過于復(fù)雜的維度,單維度維護即可,簡單便捷,以上方案均需要用戶充實內(nèi)容,以便更好的展示企業(yè)文化


推薦方案:

推薦方案一

網(wǎng)址:http://demo.cssmoban.com/cssthemes3/cpts_549_vc/index.html

推薦理由:

1.保留上側(cè)導(dǎo)航欄,支持三級目錄分級選擇,可擴展性強

2.滾動banner,用于重要信息展示

3.可作為企業(yè)文化宣傳入口使用

方案:

1.只保留圖片部分功能,用于劃分現(xiàn)有系統(tǒng),同時展示公司重要信息內(nèi)容以及企業(yè)文化

2.因此網(wǎng)站承接多個外部系統(tǒng),在登錄此網(wǎng)站時無需密碼,如對接系統(tǒng)需要賬號登錄,需用戶自行登錄

3.會預(yù)留位置,用戶存儲近期瀏覽的網(wǎng)站,以便用戶使用同一臺電腦時快速定位歷史瀏覽狀況

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容