Elng平台调整升级需要重构原有培训业务且加强体验优化,伴随而来的是后台菜单架构以及导航的重整。其次是通过培训发布流程页面,重新撰写一套适用性强、复用性高的平台组件设计规范。
本次的设计挑战在于:1.有限时间内快速熟悉课务相关流程,设计出平衡业务、用户体验和开发的设计方案;2.如何切实落地信息架构设计的菜单改版。
管理平台端通过利益相关者访谈和现有系统和平台体验走查,前者用于了解业务层的需求、岗位角色使用情况、使用痛点和诉求。后者则是根据尼尔森可用性原则,走查平台现有培训发布流程和其他核心功能,发现总结体验优化点。
门户端另外使用问卷调查方法,了解学生用户对门户各模块的满意程度与使用痛点,探索与发现体验需求,为后期交互及视觉设计提供设计目标
根据调研发现,找出三项调研中的共性问题和优化点。整理使用角色、角色工作的一天(使用场景梳理)提炼与整合需求,形成初步的概念功能清单。与业务方和产品经理讨论敲定功能和优先级。
通过上述的调研结论,整合需求并与产品业务线上会议评审共同确认需求及优先级
如何把调研结论和需求转化设计目标?
因式分解与合并同类项。首先对所有数据按照用户体验五要素进行战略层、范围层、结构层和框架层和表现层的分解。其次找到业务目标和用户诉求的契合点。再通过SKS方法拆成:设计目标(愿景目标)—设计策略(措施)—设计点(具体落地)。
使用交互稿来与业务、产品共创优化交互方案。本阶段的阶段的设计挑战:1、具体流程业务的不熟悉,业务细节其实也有很多值得综合推敲的点,所以我们多次现场和线上和业务产品共同梳理核心业务逻辑图;2、交互稿业务反应看不懂页面间的跳转关系,于是使用axure做了动态图演示,同时也方便后期开发理解。
业务流程图梳理 User Flow
交互全量稿 whole wireframes page
动态核心流程交互稿 Key Flow Interaction Effect
使交互稿与业务、产品评审确认后开始输出概念视觉方案。多方评审通过视觉方案后开始延展至其他典型页面中。 根据栅格系统规范设计界面,设计稿使用1920*1080尺寸进行设计。还有后续的图标设计与切图。开发阶段结束后,设计师从交 互和视觉两个维度对已开发界面进行还原度走查。
梳理完成核心业务的页面后,走查后台和门户两端页面,找出特殊组件,归纳一般组件。我负责后台的页面,并且组织设计组员内部评审达成共识后,再和产品与开发确认可落地组件。搭建iconfont图标库对接开发。
返回顶部