松果

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

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

 

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

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

 

「顺序练习-全真考题」

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

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

 

「模拟考试」

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

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

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

 

动图来感受一下~

预览一下原型~

 

组件库预览

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

 

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

 

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

 

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

 

资源分享:

驾考宝典高保真原型

驾考宝典低保真原型

驾考宝典组件库

驾考宝典页面库

 

原文地址:xiaopiu工坊

作者:Ms.Piu

 

转载请注明:韦德1946 » 驾考宝典原型资源分享

登录收藏

学UI就上韦德1946!越努力,越幸运!

“韦德1946www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
如何设计规范的原型图?如何设计规范的原型图?
社交类app「微光」原型分享社交类app「微光」原型分享
智能家居类App「米家」 原型分享智能家居类App「米家」 原型分享
「腾讯官方小程序」原型分享 第四季「腾讯官方小程序」原型分享 第四季
交互设计师的日常与定位交互设计师的日常与定位
「微信官方小程序」第三季「微信官方小程序」第三季
如何制作一款APP的设计规范文档?如何制作一款APP的设计规范文档?
「微信官方小程序」原型分享 第二季「微信官方小程序」原型分享 第二季
「微信官方小程序」原型分享 第一季「微信官方小程序」原型分享 第一季
在线教育「慕课网」网页版原型分享在线教育「慕课网」网页版原型分享