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

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

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

修改后:

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


（2）

院校內(nèi)容修改

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

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

設(shè)計展示

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

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

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

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

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

地理位置

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

整體頁面設(shè)計

整體頁面修改

2院校簡介排名增加顯示與隱藏按鈕。

院校簡介

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

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

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

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

廣告

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

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