主页 > 洞察 > 设计沙龙 > APP设计
  • 十款优秀的知识教育类APP界面设计赏析

    adinnet / 2020-06-17 11:22 /APP设计

       今年受疫情的影响,大家都在打算做教育类APP,艾艺 挑选了十个不错的知识教育类APP界面设计分享给大家。希望这些在线教育产品为大家提供宝贵的灵感和经验。

    1、有道精品课

    有道精品课.png

       有道精品课是网易旗下在线教育平台,专注为你打造高品质的名师直播课程!

       根据设计渐进展示原则,在每个屏幕上只显示必要的内容,如果用户在做选择,那么给他们显示足够的信息,然后在各自的页面上展示详情,避免在某个界面过度展示所有细节。

    有道精品课界面设计.jpg

       有道精品课我的课程页界面中只放了正在学习的课程以及课程相关的学习日历和今天需要学习的章节, 学习目标很集中方便用户直接点击到章节快速进入学习,他把其他的学完课程和失效课程不需要用户再关注的课程藏到了查看全部课程的入口里正是符合渐进展示原则

       点击进入学习,进入课程列表页,把加微信群和成长记录按钮做大了,方便用户更快找到自己的学习组织群,也方便了用户查看自己的学习成长路径。课程表随后就是课后作业和领取资料等巩固学习此课程相对应的功能,方便用户更好的学会此课程。

    2、高途课堂

    高途课堂.png

       高途课堂是美国纽交所上市公司跟谁学旗下专注于中小学的K12在线教育机构

       首页直接把课程分类放在顶部展示出来,比较适合课程多的APP,根据尼尔森的十大可用性原则中的第十条要为用户提供帮助文档帮助性内容原则。选课咨询放在了一个比较重要的位置,方便用户了解选课常见问题来更好的选择课程,不要让你的用户迷茫而退出界面。

    高途课堂app界面.jpg

       用户在需要花大额费用购买的课程时是非常谨慎的,需要从很多方面打消用户的顾虑,高途课堂APP中课程详情页的服务介绍写上了线上直播、三年回放、练习批改,讲义邮寄四大课程特点让用户放心购买。

    没有购课前把课程评价放到了课程详情的前面方便用户更真实地了解课程效果,这里有客服咨询和辅导老师添加入口,全方位讲解打消用户的购买顾虑。

       试听模块单独做出来了能更好地控制试听内容的质量。点免费试听直接跳出了横屏并放大了试听视频很方便,

    3、开言英语

    开言英语.png

       开言英语是一款主打北美主播情景对话式实用英语的英语学习软件。

       在教育中,学英语是最需要坚持的,如何帮助用户坚持学下去一直是个很大的难题,在开言APP中设计了用户一进来是学习页而不是课程选择页,不让用户去选择课程而直接让用户去体验营立马学习。

       心理学有个席克定律说:如果人们有更多选择,就需要更长的时间做出抉择。某些情况下,需要花费的时间太长了,以至于他们根本做不出决定,因为决定的负担太沉重。

    开言英语APP界面.jpg

       在发现页里,顶部有等级的展示是个亮点,让用户关注到自己现在所处的等级激励用户向更高等级行动。

       下面的免费专区、按主题学、按等级学,会员专享分类也非常好,因为他把平台的没有英语学习目标用户、有英语学习场景目标用户、有明确考证等级目标用户、VIP用户这四类用户都对应提供了入口了,让所有进入平台的用户都能快速找到自己想要的入口选择到合适的课程。

       设计要做到全力维护用户的注意力,在阅读的时候,总是会有事物分散我们的注意力。因此,在设计界面的时候,能够吸引用户的注意力很关键,千万不要将界面的周围设计得乱七八糟。

       体验营页的亮点是课程图放很大占了最大部分的重心区,目标很集中没有太多干扰,维护了用户的注意力。

    开言英语APP体验营页.jpg

       左滑可以看到下一个课程但是是需要你学完第一课才能解锁这个课程的,有种好奇的神秘感,其循序渐进也是学习的王道。整个体验课学完会解锁一个学习锦囊,里面有优惠券蹦出,有种升级打怪捡到装备的感觉,比那种一上来就给你优惠券的要珍惜一百倍。

    开言英语APP用户体验.jpg

       要实现用户体验目标需要一个核心的任务路径,用户要依照这个路径完成其核心任务并达成目标。开言英语课程学完下面紧跟着相应的拓展学习和课程评论,保持了用户路径完整,帮助用户更好的学习以及快速反馈课程质量。

    实现用户体验目标.jpg

       简单的测试,最后的得分勋章,让用户能获得一些成就感。做测试题的体验也非常好,墙裂建议下载体验。

    4、百斩词

    百斩词.png

       百词斩是由成都超有爱科技有限公司针对英语学习开发的一款“图背单词软件”。软件为每一个单词提供了趣味的配图和例句,让记单词成为一种乐趣。

       我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也使得上手容易,使用起来也更方便。如果一个屏幕支持两个或两个以上的主题,立马会让整个界面看起来混乱不堪。

     百斩词app界面.jpg

       要说关注用户学习这块的百斩词APP做的最狠,满屏放大,一眼看去都不用思考就知道点哪里了,层次划分明确让界面看起来很简洁,该有元素的都有,不该有的消失不见。

       苹果的首席设计师乔纳森·艾弗说:「好的设计无需认知门槛」,好的设计不需要任何指示用户就知道如何操作。

       其训练页界面也是做的很优秀,特别是那些图标画的很适合让用户提前预知了里面的题型。

    5、网易有道词典

    网易有道词典.png

       有道词典是由网易有道出品的全球首款基于搜索引擎技术的全能免费语言翻译软件。有道词典通过独创的网络释义功能,轻松囊括互联网上的流行词汇与海量例句

       现在很多APP都有同质化的问题,模块相似,普遍的banner下面金刚区一排大图标,没有一点新意。但有道的这个页面就与众不同,没有banner,三个分类图标做成了三个色块,里面放一个小图标和相应的文字,突出了文字让用户看清楚这些图标表达的是什么,特别的让人眼前一亮。

    网易有道词典app.png

       它不像其它APP硬凹出相关意思的图标,之前有一种理论是说图形比文字更快地让人接受到信息所以大家对画图标很是钟爱,但这个理论要建立在这个图标是大家都已经产生了共识的,大家都知道这个图标所代表的意思的,可现实是已经在用户脑海里产生共识的图标是非常少,下面这种突出文字放小图标的做法比花里乱哨地堆上用户看不懂的图标要更快让用户接受到信息。

       根据设计原则区别对待一致性,如果屏幕元素各自的功能不同,那么它们的外观也理应不同。反之,如果功能相同或相近,那么它们看起来就应该是一样的。这里很多不同模块都做了形式上的区分。      

    6、读白背单词

    读白背单词.png

       读白背单词是北京点点看看科技有限公司旗下的一款教育App。

       界面设计需要划分优先级

       功能优先级:把握核心需求,突出亮点功能。

       内容优先级:内容分级,突出核心内容。

       交互优先级:主要路径清晰,减少干扰和分支。

       视觉优先级:重要的视觉信息第一眼看到,主要次要信息有所区分。

    读白背单词app界面.jpg

       刚一打开这款APP惊讶到想抱设计师大腿,视觉真香,优先级把握得死死的。这款APP也是把学习模块设为了重心。非常推荐体验。

       它还运用了奖学金激励、团队激励、任务激励等各种激励方法,为了能让用户像玩游戏一样不停地学英语,这款APP真的是煞费苦心了。

    7、网易云课堂

    网易云课堂.png

       网易云课堂,是网易公司打造的在线实用技能学习平台,该平台于2012年12月底正式上线,主要为学习者提供海量、优质的课程,用户可以根据自身的学习程度,自主安排学习进度。

       这款APP与众不同的点在于它的课堂直播版块

    网易云课堂app界面.png

       可能是直播课程太多,它做小了头像把课程标题突出课程版块变小来放更多课程,因为直播课程是免费的,所以没有做任何详情大把文字的介绍,点进去就是直播页,爱看不看的架势,但又温柔地设计了提醒功能,如果你想看它就提醒你8点来看。

    8、作业帮直播课

    作业帮直播课.png

       作业帮是中小学在线教育领军品牌,累计8亿用户,每10个中小学生有7个在作业帮学习。作业帮直播课为作业帮旗下名师直播课辅导品牌。

       由于在APP内不能直接扫描二维码让用户加到客服微信,需要用户自己保存二维码到相册后再发到微信上然后再识别二维码添加客服,添加客服路径复杂导致很多用户可能会放弃添加。

    作业帮直播课app界面.jpg

       而作业帮的作法是在APP上点击按钮后跳小程序客服然后引导用户触发小程序客服发送二维码引导用户添加,减少用户操作路径,方便用户更快添加到人工微信客服咨询,可以借鉴。

       还有一种方式是用户点按钮就是复制微信号然后平台自动转跳到微信粘贴加客服微信。

    9、千聊

    千聊.png

       千聊由腾讯众创空间孵化,是国内领先的在线知识社区。千聊是一个专注于知识分享的平台,通过直播的形式让您直接找到各个领域的专家、老师、达人。

       如果运营很在乎用户的活跃互动可以试试这种形式,点击右下角的的参与互动按钮页面翻转到互动页,

    千聊app界面.jpg

       热销排行榜非常适合课程多的平台,最受欢迎的那个课更容易让用户点击购买。        

    10、虎课网

    虎课网.png

       虎课网隶属于财牛(上海)教育科技有限公司,是一个案例式短视频设计教学平台,

       1、这个平台的学习逻辑有点特别,设定了非VIP用户一天只能学一个课程,若想无限多学需要加入VIP,没有课程介绍的那种长图,对于大家都了解的课程是可以这样做的,因为课程多又好不怕用户不学。配了图文教程方便用户仔细放大学习。

       2、分类清晰

    虎课网app界面.jpg

       以上就是上海ui设计公司「艾艺」分享的十款优秀的知识教育类APP界面设计赏析相关内容,希望能对大家有所帮助,如果想要了解更多这方面的内容,请持续关注网站内容的更新。    

       APP界面设计 找艾艺,14多年的UI设计经验,技术实力雄厚,为上百家知名教育企业提供过软件开发设计服务,客户口碑好,老品牌值得您的信赖!

       咨询热线:17702199087(同微信),发送您的需求,即可免费获取专属的UI设计方案和报价哦!

上一篇:八款精致的电商App交互设计分享 下一篇:绿植APP设计:12款购买绿植App界面设计的优秀案例