高校手机考试应用的设计

北京/UI设计师/5年前/230浏览
高校手机考试应用的设计
wang0407

在设计过程中,我们主要关注在学生在手机考试过程中的对信息的关注点、浏览方式以及信息显示的一致性等方面。

考试过程中学生是非常专注的,大脑在高速的运转,在与时间赛跑,所以我们把设计点聚焦在了信息显示上,美观性则放在次要的位置。

在设计过程中,我们从学生在手机考试过程中的对信息的关注点、浏览方式以及信息显示的一致性等方面进行了考量。

1.学生考试的流程和关注点

2.考试详情页面的信息展示

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

3.答题界面的操作流程和信息展示

大家都知道,在网页端人们的阅读浏览模式主要由2种:Z型和F型。

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

应用到手机考试里

4.试题界面的一致性和组件化

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


0
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
app
app
app
app
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
交互
交互
交互
交互
精选收藏夹
作品收藏夹
大家都在看
Log in