大學(xué)院校庫(kù)網(wǎng)站建設(shè)優(yōu)化建議

2023-02-22    分類： 網(wǎng)站建設(shè)

C 端設(shè)計(jì)展示目前院校庫(kù)頁(yè)面院校分類邏輯有待改進(jìn)，排名顯示較為混亂不夠直觀，卡片有效信息不足，卡片設(shè)計(jì)刺激用戶點(diǎn)擊，需相應(yīng)增加跳轉(zhuǎn)鏈接提供更多有效信息， 原有頁(yè)面引導(dǎo)用戶引導(dǎo)性按鈕缺乏，影響用戶留存率和機(jī)構(gòu)咨詢率等指標(biāo)。
1 整體頁(yè)面設(shè)計(jì)頁(yè)面排版基本不變，上方分類欄設(shè)置“國(guó)家”優(yōu)先，改原有“全球”顯示為“國(guó)家”，，“專業(yè)排名”改為“專業(yè)”。頁(yè)面右側(cè)添加兩個(gè) icon，分別對(duì)應(yīng)原有的“智能匹配”和“一鍵咨詢（人工咨詢）”兩個(gè)功能，參考更新后功能名稱，整體布局如下圖 2.1所示。
原版 :

修改后:

2 頁(yè)面上方選擇菜單邏輯設(shè)置
（1）當(dāng)具體選擇排名類別時(shí)，下方院校僅顯示所選排名，其余排名隱藏，如圖2.2 所示。


（2）

院校內(nèi)容修改

院校排名支持不填，如麻省理工學(xué)院 THE排名不填，則在 THE 排名篩選下不顯示麻省理工學(xué)院。

B 端設(shè)計(jì)展示根據(jù)上述 c 端的改動(dòng)，b 端“機(jī)構(gòu)測(cè)評(píng)”頁(yè)面也相應(yīng)地需要做出一些改動(dòng)，如下所示。

設(shè)計(jì)展示

在院校庫(kù)編輯信息輸入界面，排名上方增加“排名”可下拉選項(xiàng)，對(duì)應(yīng)前端“排名”選擇，前端僅顯示已勾選排名，如下圖所示。
內(nèi)容編輯
院校庫(kù)——院校介紹界面設(shè)計(jì)
C 端設(shè)計(jì)展示目前，院校庫(kù)功能整體使用價(jià)值偏低，有效信息不足，且無(wú)核心功能與咨詢窗口跳轉(zhuǎn)設(shè)置，對(duì)平臺(tái)機(jī)構(gòu)咨詢率、銷售轉(zhuǎn)化率等指標(biāo)貢獻(xiàn)較低，為進(jìn)一步激活院校庫(kù)板塊，增設(shè)院校庫(kù)詳情介紹頁(yè)。
1整體頁(yè)面設(shè)計(jì)

整體由藍(lán)色框與四個(gè)白色信息卡片構(gòu)成，藍(lán)白框重疊，白框統(tǒng)一圓,4，白框間間距為 10，所有白框與?；?qǐng)D片左側(cè)對(duì)齊。

新頁(yè)面
2院校簡(jiǎn)介
背景設(shè)置為純藍(lán)，左側(cè)校徽?qǐng)D片大小為 100（含留白部分），無(wú)圓角。右側(cè)文字顏色統(tǒng)一為白色，院校中文名字體加粗，字號(hào) 20，與?；?qǐng)D片頂部平行； 院校英文名字號(hào) 14，字體不加粗；
第三行定位圖標(biāo)與英文名首字母對(duì)齊，顏色為#A6B9D1，圖標(biāo)寬 13，高15；位置文字位于定位圖標(biāo)后 1，字號(hào) 14；
分割線粗細(xì)為 1，白色，寬 251，左側(cè)與英文名首字母對(duì)齊；

第四行排名字號(hào) 14，不加粗，與英文名首字母對(duì)齊，排名間由分割線隔開，分割線粗細(xì)為 1，白色，寬 15。
3校園風(fēng)光卡片邊框底部白色填充，圓角 4，寬 373，高 128；

標(biāo)題字號(hào)為 16，顏色：#4C94F2，距卡片左側(cè)與頂部 1； 分割線居中，寬 357，粗細(xì) 1，顏色：#918F8F，距標(biāo)題 1； 照片大小 82，圓角 4，向左滑動(dòng)可看到其他圖片。4學(xué)校簡(jiǎn)介藍(lán)色標(biāo)題與分割線同上；簡(jiǎn)介內(nèi)容字號(hào) 14，左對(duì)齊，與標(biāo)題首字對(duì)齊。
學(xué)校簡(jiǎn)介
5專業(yè)列表藍(lán)色標(biāo)題與分割線同上；院系滾動(dòng)欄字號(hào) 15，無(wú)選中時(shí)顏色為：#505051， 選中后字體加粗，顏色為：#294184，向左滑動(dòng)可看到其他院系名稱；
專業(yè)學(xué)位展開前限制行數(shù)為 4，由中文名與英文名構(gòu)成，中文名字體加粗， 英文名不加粗，字號(hào)均為 14；
“展開全部”字號(hào) 16，顏色為：#4C94F2，距卡片下側(cè)邊緣約 1，居中；回收?qǐng)D標(biāo)顏色同上，大小 27。
6地理位置藍(lán)色標(biāo)題與分割線同上；左側(cè)貼紙圓形 40，圓形填充色為：#DEE7F8，中
間貼紙顏色為#294184，居于圓形中央，大小約 29（需根據(jù)貼紙實(shí)際情況靈活調(diào)整），貼紙間距為 12；
文字字號(hào) 14，黑色，類型字體加粗，具體內(nèi)容不加粗。

地理位置

B 端設(shè)計(jì)展示根據(jù)前端頁(yè)面設(shè)計(jì)，后臺(tái)對(duì)應(yīng)增設(shè)新功能。
1整體頁(yè)面設(shè)計(jì)后臺(tái)路徑為學(xué)院庫(kù)（一級(jí)）——學(xué)院庫(kù)（二級(jí)）——介紹；
整體排版，結(jié)合前端信息卡片與陳列方式，后臺(tái)相應(yīng)分設(shè)板塊與設(shè)置信息填寫順序。

整體頁(yè)面設(shè)計(jì)

整體頁(yè)面修改

2院校簡(jiǎn)介排名增加顯示與隱藏按鈕。

院校簡(jiǎn)介

3校園風(fēng)光圖片上傳數(shù)量限制 8 張，尺寸為 200*200px 像素以上，大小 2M 以下。
4學(xué)校簡(jiǎn)介內(nèi)容字?jǐn)?shù)限制，由運(yùn)營(yíng)人員結(jié)合前端實(shí)際情況進(jìn)行控制（前端控制在 5行）。
學(xué)校簡(jiǎn)介
5專業(yè)列表院系與對(duì)應(yīng)專業(yè)換行輸入。

專業(yè)列表
6地理位置內(nèi)容字?jǐn)?shù)限制，由運(yùn)營(yíng)人員結(jié)合前端實(shí)際情況進(jìn)行控制（前端控制在 2行）。
地理位置

當(dāng)前文章：大學(xué)院校庫(kù)網(wǎng)站建設(shè)優(yōu)化建議
網(wǎng)頁(yè)路徑：http://muchs.cn/news32/238882.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、用戶體驗(yàn)、搜索引擎優(yōu)化、網(wǎng)站維護(hù)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)