服务热线 400-660-8066

上海网站建设
首页 站内资讯

上海网站建设

站内资讯
上海网站建设 / 站内资讯 / 行业资讯 / 正文

大学院校库网站建设优化建议

来源: All文章
发布时间:2023-05-17 11:30:09

  C端设计展示目前院校库页面院校分类逻辑有待改进,排名显示较为混乱不够直观,卡片有效信息不足,卡片设计刺激用户点击,需相应增加跳转链接提供更多有效信息,原有页面引导用户引导性按钮缺乏,影响用户留存率和机构咨询率等指标。

  1整体页面设计页面排版基本不变,上方分类栏设置国家优先,改原有全球显示为国家,,专业排名改为专业。页面右侧添加两个icon,分别对应原有的智能匹配和一键咨询(人工咨询)两个功能,参考更新后功能名称,整体布局如下图

  2.1所示。

  原版:

  修改后:

  2页面上方选择菜单逻辑设置

  (1)当具体选择排名类别时,下方院校仅显示所选排名,其余排名隐藏,如图

  2.2所示。

  (2)

  院校排名支持不填,如麻省理工学院THE排名不填,则在THE排名筛选下不显示麻省理工学院。

  B端设计展示根据上述c端的改动,b端机构测评页面也相应地需要做出一些改动,如下所示。

  在院校库编辑信息输入界面,排名上方增加排名可下拉选项,对应前端排名选择,前端仅显示已勾选排名,如下图所示。

  院校库院校介绍界面设计

  C端设计展示目前,院校库功能整体使用价值偏低,有效信息不足,且无核心功能与咨询窗口跳转设置,对平台机构咨询率、销售转化率等指标贡献较低,为进一步激活院校库板块,增设院校库详情介绍页。

  1整体页面设计整体由蓝色框与四个白色信息卡片构成,蓝白框重叠,白框统一圆,4,白框间间距为10,所有白框与校徽图片左侧对齐。

  新页面

  2院校简介

  背景设置为纯蓝,左侧校徽图片大小为100(含留白部分),无圆角。右侧文字颜色统一为白色,院校中文名字体加粗,字号20,与校徽图片顶部平行;院校英文名字号14,字体不加粗;

  第三行定位图标与英文名首字母对齐,颜色为#A6B9D1,图标宽13,高15;位置文字位于定位图标后1,字号14;

  分割线粗细为1,白色,宽251,左侧与英文名首字母对齐;

  第四行排名字号14,不加粗,与英文名首字母对齐,排名间由分割线隔开,分割线粗细为1,白色,宽15。

  3校园风光卡片边框底部白色填充,圆角4,宽373,高128;

  标题字号为16,颜色:#4C94F2,距卡片左侧与顶部1;分割线居中,宽357,粗细1,颜色:#918F8F,距标题1;照片大小82,圆角4,向左滑动可看到其他图片。4学校简介蓝色标题与分割线同上;简介内容字号14,左对齐,与标题首字对齐。

  5专业列表蓝色标题与分割线同上;院系滚动栏字号15,无选中时颜色为:#505051,选中后字体加粗,颜色为:#294184,向左滑动可看到其他院系名称;

  专业学位展开前限制行数为4,由中文名与英文名构成,中文名字体加粗,英文名不加粗,字号均为14;

  展开全部字号16,颜色为:#4C94F2,距卡片下侧边缘约1,居中;回收图标颜色同上,大小27。

  6地理位置蓝色标题与分割线同上;左侧贴纸圆形40,圆形填充色为:#DEE7F8,中

  间贴纸颜色为#294184,居于圆形中央,大小约29(需根据贴纸实际情况灵活调整),贴纸间距为12;

  文字字号14,黑色,类型字体加粗,具体内容不加粗。B端设计展示根据前端页面设计,后台对应增设新功能。

  1整体页面设计后台路径为学院库(一级)学院库(二级)介绍;

  整体排版,结合前端信息卡片与陈列方式,后台相应分设板块与设置信息填写顺序。

  2院校简介排名增加显示与隐藏按钮。

  3校园风光图片上传数量限制8张,尺寸为200*200px像素以上,大小2M以下。

  4学校简介内容字数限制,由运营人员结合前端实际情况进行控制(前端控制在5行)。

  5专业列表院系与对应专业换行输入。

  6地理位置内容字数限制,由运营人员结合前端实际情况进行控制(前端控制在2行)。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr