需求:
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)模塊不同,需快速定位所需模塊
樣式方案:

優(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)本身功能交叉,使用多重維度,反而會影響使用效率

網(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)站,以便用戶使用同一臺電腦時快速定位歷史瀏覽狀況