C 端設(shè)計展示目前院校庫頁面院校分類邏輯有待改進,排名顯示較為混亂不夠直觀,卡片有效信息不足,卡片設(shè)計刺激用戶點擊,需相應(yīng)增加跳轉(zhuǎn)鏈接提供更多有效信息, 原有頁面引導(dǎo)用戶引導(dǎo)性按鈕缺乏,影響用戶留存率和機構(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)
院校排名支持不填,如麻省理工學(xué)院 THE排名不填,則在 THE 排名篩選下不顯示麻省理工學(xué)院。
B 端設(shè)計展示根據(jù)上述 c 端的改動,b 端“機構(gòu)測評”頁面也相應(yīng)地需要做出一些改動,如下所示。
在院校庫編輯信息輸入界面,排名上方增加“排名”可下拉選項,對應(yīng)前端“排名”選擇,前端僅顯示已勾選排名,如下圖所示。
院校庫——院校介紹
界面設(shè)計C 端設(shè)計展示目前,院校庫功能整體使用價值偏低,有效信息不足,且無核心功能與咨詢窗口跳轉(zhuǎn)設(shè)置,對平臺機構(gòu)咨詢率、銷售轉(zhuǎn)化率等指標(biāo)貢獻(xiàn)較低,為進一步激活院校庫板塊,增設(shè)院校庫詳情介紹頁。
1整體頁面設(shè)計
整體由藍(lán)色框與四個白色信息卡片構(gòu)成,藍(lán)白框重疊,白框統(tǒng)一圓,4,白框間間距為 10,所有白框與?;請D片左側(cè)對齊。
新頁面
2院校簡介
背景設(shè)置為純藍(lán),左側(cè)校徽圖片大小為 100(含留白部分),無圓角。右側(cè)文字顏色統(tǒng)一為白色,院校中文名字體加粗,字號 20,與校徽圖片頂部平行; 院校英文名字號 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)題首字對齊。
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ù)貼紙實際情況靈活調(diào)整),貼紙間距為 12;
文字字號 14,黑色,類型字體加粗,具體內(nèi)容不加粗。
B 端設(shè)計展示根據(jù)前端頁面設(shè)計,后臺對應(yīng)增設(shè)新功能。
1整體頁面設(shè)計后臺路徑為學(xué)院庫(一級)——學(xué)院庫(二級)——介紹;
整體排版,結(jié)合前端信息卡片與陳列方式,后臺相應(yīng)分設(shè)板塊與設(shè)置信息填寫順序。
2院校簡介排名增加顯示與隱藏按鈕。
3校園風(fēng)光圖片上傳數(shù)量限制 8 張,尺寸為 200*200px 像素以上,大小 2M 以下。
4學(xué)校簡介內(nèi)容字?jǐn)?shù)限制,由運營人員結(jié)合前端實際情況進行控制(前端控制在 5行)。
5專業(yè)列表院系與對應(yīng)專業(yè)換行輸入。
6地理位置內(nèi)容字?jǐn)?shù)限制,由運營人員結(jié)合前端實際情況進行控制(前端控制在 2行)。
當(dāng)前文章:大學(xué)院校庫網(wǎng)站建設(shè)優(yōu)化建議
網(wǎng)頁路徑:http://jinyejixie.com/news32/238882.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、用戶體驗、搜索引擎優(yōu)化、網(wǎng)站維護、全網(wǎng)營銷推廣、網(wǎng)站策劃
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)