驾考宝典原型资源分享

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

马上就要暑假了,肯定会有很多小伙伴会选择学车!我记得我当时学车时,互联网还远远没有现在这么发达,科目一考试中的习题集都是自己吭哧吭哧从书店背回来的现在随着互联网科技的进步,手机上有大量的驾校、学车的App,用户只需要轻轻点击几下就可以模拟科目考试,重点难点都给你标注出来了,为考驾照提供了极大的便利。

今天我们分享的原型资源就是功能全面的学车APP-驾校宝典,它里面有很多的功能值得参考,我在下面的文章中会详细的介绍这些功能,原型资源已经放在文末,小伙伴们记得下载哦!

这次的原型资源里包含了「报名」、「驾考」、「发现」、「买车」、「我的」这几大功能版块,其中囊括了「搜索查找」、「社区讨论」、「预约咨询」等页面,以及「模拟考试」和「顺序练习」等流程、

我这次着重介绍的就是「驾考」这个版块,只要涉及考试或答题功能的产品都是可以借鉴参考的,做教育类别或产品中需要模拟答题流程的小伙伴们一定不要错过!在「驾考」这个版块中驾考宝典会按照不同的科目顺序来进行设计,例如:在科目一里它巧妙的划分为「顺序练习-全真考题库」和「模拟考试」这两个入口,这两个功能的参考借鉴价值是非常高的,说不定会为你进行产品设计提供一些新的思路。下面我们来看它具体是如何设计这些内容的!

「顺序练习-全真考题」

首先进入真题库后顶栏可以选择两种模式:答题模式和背题模式,这两种模式的页面的区别并不大,答题模式是直接连续性的选择答题,背题模式是显示正确答案,并在习题下方显试题详解,以及考友总结、习题答错率、精华点评,这些设置是可以在答题过程中让用户了解习题的难点和易错点。这种方式的优势就是即时性强,随点随看,所以可以应用到一些问答的形式的页面当中,提出问题后又快速的给出答案,并且给出注解。

驾考宝典原型资源分享

在「全真考题」的两侧会有一些用来巩固知识点的分支内容「专项练习」、「我的错题」、「成绩」「随机练习」这些分支内容可以帮助用户完成不同题型的专项练习,以及常错题目的集锦和最终考试成绩的记录,不要小看这些功能点,这些小的功能点都是可以帮助用户清晰的了解自己的能力水平,增加考试通过的概率,所以我们在搭建产品时可以借鉴这种虽然小但是有效增加用户留存时间的方式。

「模拟考试」

模拟考试是完全模拟考试时的情境,无论是考试类型、考试时间、合格标准、出题规则、完全按照官方标准来进行,让用户很快的能够沉浸到考试情境当中,抓住用户的注意力。

它在模拟考试首页会有一个选项是优先考未做题,这样设计的目的可以选做用户未做过的选题,这样也不会遗漏知识点,模拟考试的目的更多的是帮助用户更快更好的去通过考试。你在搭建自己的项目的时可以参考模拟考试的流程设计,保证用户在使用产品的过程后得到最优的结果。

驾考宝典原型资源分享

文字表述了这么多,我更建议你下载原型资源后自己实际去操作了解一下这些模拟答题功能,真正的实际操作去体验一下原型中的流程,学习一下它的功能设计。也可以利用我们给出的资源快速搭建自己的项目,节省时间。

动图来感受一下~

驾考宝典原型资源分享

预览一下原型~

驾考宝典原型资源分享

组件库预览

驾考宝典原型资源分享

这些组件这么好,该怎么使用呢?

1、进入 xiaopiu 精选广场的组件库/页面库,搜索「驾考宝典」,在搜索出的组件库右下角点击「引用为我的公用库」。

驾考宝典原型资源分享

2、或直接进入「驾考宝典」,然后点击右上角的引用按钮~

驾考宝典原型资源分享

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

驾考宝典原型资源分享

资源分享:

驾考宝典高保真原型

驾考宝典低保真原型

驾考宝典组件库

驾考宝典页面库

原文地址:xiaopiu工坊

 收藏