办事大厅还是10年前的旧模样?
业务图标丑到爆?
服务入口找了半天依旧找不到?
在这个用户至上的新时代,用户体验设计已经成为众多门户塑造自我形象、留住用户的关键,而高校亦是如此。近日,中南民族大学摒弃了使用了近7年的旧门户,紧随近年来高校IT平台视觉设计潮流趋势,从“土肥圆”华丽变身成为“高富帅”。
下面,进入小智独家探秘时间,一起走进中南民族大学(以下简称民大)新网上办事大厅~~~
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
1.民大风采首页展示,归属感爆棚
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△民大老界面登录页
△民大新界面登录页
新界面以中华56个民族的风采合照作为首页展示,直接展现出民大作为“中国少数民族骨干计划”重点高校,为民族团结、促进各民族优秀文化融合、发展而努力的服务态度。这样的首页展示效果让每一个进入民大办事大厅的用户迅速找到归属感、安全感。
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面欢迎页
与中规中矩的老界面相比,改变了毫无特色的首页照片以及配色,给予用户良好的视觉享受,从颜值上提升了用户对学校的“第一印象”。而登录后直接显示包含姓名的欢迎语,预示着用户即将体验到一段“定制化”的一站式办事之旅。
2 分屏展示推荐应用,省去查找烦恼
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△老界面首页
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面首页
从旧门户入口登录后,直接进入办事大厅,密密麻麻的文字让用户无从下手,而新界面在首页采用了“三页分屏滚动设计”,针对“教师、学生、游客”三种用户类型分别展示推荐服务与常用服务。
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面搜索页
如果用户在首页无法找到相关服务,可直接在导航栏的中间找到搜索框,输入关键词即可找到。相对于信息量巨大的旧页面,新页面更加“定制化”、“人性化”、“便捷化”。
3 应用卡片灵活接入,快速浏览、选择对应服务
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△老界面办事服务导航
老界面的门户展示,通知、公告、简报占比达8成,而真正与用户直接相关的个人服务系统仅占1成,无论是快捷入口还是导航栏中的“各类应用”,功能图标都不够完整、杂乱无章,用户无法快速找到实质性办事应用。
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面办事服务页
与老套的模板化界面展示相比,民大的新界面将占比较大的公告应用与服务应用统统变成卡片,用户可以自主选择应用卡片,通过拖拽的方式排列组合。这样的卡片式设计模式,让用户不仅可以快速浏览进入对应服务模块,更能根据工作特性选择卡片顺序,以人为本,让服务门户真正成为一站式服务与信息汇聚平台。
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面卡片定制栏
4 环抱式工作台设计,功能导航触手可及
既要保证用户最大程度地查看到应用内容,又要保证用户最快速找到各类导航,民大新门户将谷歌设计引入其中---让导航“藏”在侧滑抽屉里,释放了更多的空间给主要内容。
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面边侧导航栏拓展示意图
打开两侧的拓展按钮,按照用户习惯从左往右分别是“收藏/可用的应用与卡片”、“中心桌面”、“消息提醒和任务推送”。节省页面空间,并将跳转和等待时间降到最低,做到导航触手可及且美观实用。
5 6套自带主题来袭,高校定制皮肤即将开启
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
△新界面皮肤选择页面
细心的智迷一定发现,以上小智展示的办事大厅界面的背景不是光秃秃的白,而是有统一的主题背景。这就是民大新门户隐藏的加分项哦,为了迎合用户不断变更的审美要求,目前新办事大厅提供了6套主题皮肤。
![告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅 告别“土肥圆”,终成“高富帅”,独家探秘中南民族大学新网上办事大厅]()
氮素,6套皮肤就可以满足挑剔的用户们吗?
新的网上办事大厅除了自带皮肤之外,还有一个王炸功能---自定义皮肤(吓得小智都变了颜色)。学校管理人员只要通过后台调整样式定制中的颜色或者上传图片,形成皮肤包并上传至服务器即可完成随心定制皮肤。目前后台共有12套数量的限制,也就是说,12套可以完全为学校自主定义的皮肤!
这么任性的机会,民大一定不会错过啦!近期,学校将开展皮肤定制工作,究竟民大会给诸位带来怎样的最炫民族风呢,小智邀请大家拭目以待哦!
小智总结
创新,要从需求的角度而不是供给者的角度下定义。中南民族大学一鼓作气,摒弃使用近7年的旧门户,从用户角度出发,吸取当下最新的门户设计理念,并使用定制化服务。从此,“杂乱无章无从下手”,“实质应用入口难找”,“首页界面简单粗暴”的用户吐槽将一去不复返!等待中南民族大学新网上办事大厅用户的,将是全新豪华享受~
不过,关于中南民族大学的主题Design,各位智迷们有什么金点子呢?欢迎积极留言哦~~~小智将会把各位智迷的想法转达到中南民族大学,一旦被采用,小智还会派发红包好礼!