高校手机考试应用的设计
北京/UI设计师/6年前/247浏览
版权
高校手机考试应用的设计
在设计过程中,我们主要关注在学生在手机考试过程中的对信息的关注点、浏览方式以及信息显示的一致性等方面。

考试过程中学生是非常专注的,大脑在高速的运转,在与时间赛跑,所以我们把设计点聚焦在了信息显示上,美观性则放在次要的位置。
在设计过程中,我们从学生在手机考试过程中的对信息的关注点、浏览方式以及信息显示的一致性等方面进行了考量。
1.学生考试的流程和关注点

2.考试详情页面的信息展示
考试前和考试后学生关注的信息是不一样的:考试前,学生更专注于考试相关信息和说明;考试结束后,学生最关心的是考试成绩。

3.答题界面的操作流程和信息展示
大家都知道,在网页端人们的阅读浏览模式主要由2种:Z型和F型。

在手机端,由于屏幕的限制,一屏内显示不了太多的内容,所以往往页面会比较长,需要上下滑动。内容的类型较多时,也常使用tab或者多个页面来分担信息的显示,需要用户左右点击/滑动进行切换。

应用到手机考试里

4.试题界面的一致性和组件化
我们的考试里包含了9种题型,且试题多由老师自己创建,题干、选项和答案解析里都可能存在各种规格的图片、音视频等素材。面对比较多的题型和元素,我们首要考虑的是界面的一致性,其次才是美观性。我们将题干、选项、附件显示和信息反馈的各个状态等进行组件化,在不同的题型中复用这些组件,从而确保各类试题界面的保持一致。

0
举报
声明
4
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
推荐登录即可同步推荐记录哦
4登录即可加入我的收藏
评论登录即可评论想法
分享分享


















































































