干货预警:功能型小程序的前后台原型设计( 三 )

登录页

采用的是账号密码的登录方式,账号密码由管理后台创建,打开小程序后默认弹出数字键盘,同时input框加入“autofocus”属性,焦点直接聚焦在账号输入框内

干货预警:功能型小程序的前后台原型设计

首页(无数据状态、有数据状态)

无数据时加上创意性的slogan以此达到激励效果;有数据时采用经典的卡片式设计,页面简洁明了。

头部可根据老师的不同状态进行筛选,实时查看到录入的客户已经进入到了面试的什么阶段。

干货预警:功能型小程序的前后台原型设计

录入教师页面

采用经典的移动端Form表单设计,同时上传文件的功能直接利用从微信的会话列表拉取。为了防止新手不知道如何上传文件,我做了一个教程页“如何导入微信文件”进行上传文件的引导来告知其如何一步步进行文件的上传。

推荐阅读