一、需求
目前主要包括三种角色的页面,需要公用reactjs的material-ui的组件,设计一个语言学习类的web应用网站。
有三种角色: admin,学生(student), 老师(teacher),
每个人登录以后能够看到或者编辑的内容不同。
左边有一个tab列表,主要是导航栏,里面包括:
Organization(组织),admin可以新增组织,每个组织下面可以下挂学生、书籍、课堂
Books(书籍),是一组课文的集合,可以用来分享给不同的组织或者课堂, 学生可以访问下载。
Texts(课文),是单独的一篇课文。每个学生根据所属的组织或者课堂,看到对应的books,然后可以到books下面学习对应的课程。学过的课文会记录到用户的课文列表里。
Classes(课堂小组),由老师创建,可以增加成员,分享课文到课堂。
初步需要先能够把这些页面完成。
目前已经有初步的XD设计文稿原型图。也有了IOS的app和android的应用程序,风格可以借鉴。
二、设计要求
需要采用material-ui 的设计模式,把一些公用的组件先设计出来, 界面的style方面目前花的时间可以少一些,可以借助ant-font等一些开源的icon或者素材集,主要是需要方便前端开发复用各种components,保证UI体验的统一性。设计完一个界面,可以一起来沟通一下结果。
三、合作模式
按照一个礼拜一个迭代的模式,后续还有更多的用户管理和报表,以及词典管理等界面,这块根据需要,可以灵活安排时间。能够持续的保持沟通。