体制内新人入职一个半月,在此分享由我具体实施的某政务信息化系统用户体验升级改造(进行中)的实践
背景:单位内某信息系统上线后,使用效果一直未达预期,系统本身建设上来看,无论是用户访问的便捷性,还是后台编辑内容的易操作性,都不尽如人意,造成推广应用困难,面临审计压力,加之其他数个系统的运行维护和改造费用对单位经费造成负担,单位内信息系统相关工作已成为一大包袱。
action:入职了解相关情况后,我试图结合自己的专业能力,针对系统不足进行改造。我虽然不是专业的视觉设计师,但凭借数年积累的开发经验,在先进开发技术和工具的帮助之下,斗胆针对该系统的视图层做了一次再设计,一人包揽设计和开发,经过两周的努力,目前成效如下(由于诸多非技术因素,暂未上线投入使用):
- 移动端适配:使用媒体查询技术,一套代码,兼容移动端和桌面端极大提升了用户访问的便捷性。对比起原有设计给人又重又慢的感觉,整体框架显得更轻松、清秀。
- 针对不同实体,重新设计不同 UI 样式:针对新闻动态、民族医药单方、药品库、传承人、学习课件等不同的内容实体设计不同的 UI 展示载体。
- 文章内容排版的再设计:原编辑器技术老旧,无法过滤用户复制带来的样式,也无法保证兼容 word 等编辑器的样式,造成用户复制内容到系统后样式错乱,文章排版不一。为了兼容原有数据,我编写代码过滤掉文章内容中 html 元素自带样式,使用 @tailwindcss/typography 统一优化所有文章排版样式。todo: 后续需要在系统后台集成一个兼容 markdown 的富文本编辑器,方便用户编辑,还可以在文章页面做 TOC 等。
- 筛选器的再设计:原界面中所有筛选器的元素平铺展示,造成界面视觉感受杂乱,我结合筛选元素数量多少和用户使用习惯,使用合理的组件(如 ListBox 等)重新设计和实现了筛选器。
- 从用户操作出发,优化诸多问题:例如用户在任意页面点击登录,登录成功后跳转到当前正则浏览的页面,而非主页等。 ...
细节太多,不胜枚举。
另对体制内信息系统建设和信息化管理工作也逐渐形成些许见解,后续分享之