那些有趣的交互设计 —— App-百词斩(上)

每天学习几个优秀的交互设计案列,假以时日,必将在设计产品时,笔下生花~

今天,扒一扒百词斩中那些可爱的交互设计们(IOS)~

App整体分为两个部分,背单词和爱阅读。使用流程很流畅,背单词的过程被拟为一位少侠在江湖中过五关斩六将的过程,在爱阅读模块中可以下载独立的百词斩爱阅读app.

1、单词-开始背单词

首次登录后,首先要设置学习计划,选择想要学习的词本。系统会默认定制每天背单词的个数,并计算出完成所选词本需要学习的总天数,你也可以在首页中自己调整计划。

点击开始背单词,会出现一个类似于“挥剑”的音效。进入背单词页面后,页面会自动开始读单词,并附加例句。单词的下面是四张图,你要选择哪一张图是所读单词的意思。如果这个单词你已经很熟悉了,你也可以选择斩,(点击时也会出现斩的音效)意思就是这个单词已经掌握了,不再需要学习了。若选择正确会进入单词的具体释义页面,在该页面可以收藏单词或报错,点击继续做题后,返回继续背单词的页面。

这种背单词的形式还很有趣的,很像幼儿园里小朋友看图识物的场景。

那些有趣的交互设计 —— App-百词斩(上)_第1张图片
背单词

2、单词-训练

这个模块主要是复习,快速及深度复习在背单词模块中学习到的单词。有根据中文选择英文、根据英文选择中文,默写、组合拼写、读句填空,通过不同的方式加深对单词的印象,达到记住单词的效果。

在训练模块中有一个单词电台,里面分为单词音频及真题音频,当你在不能集中于手机操作的场景下,可以选择该功能,就像听书一样听每个单词的中文释义及英文读音,可以左右滑动,选择不去听已经掌握了的单词。

那些有趣的交互设计 —— App-百词斩(上)_第2张图片
单词电台

3、单词-发现-单词对战

发现模块中有小讲堂、学习小班、单词对战和斩家活动。单词对斩这个小模块很有意思,里面有排位赛和练习赛,进入对应模块时,会为你自动匹配对手,进行背单词比赛。游戏思维的背单词方式很是有趣,不过这样的设计也有顾虑,万一一直输就会没有了兴致,所以在匹配对手上要做很多的功课。

那些有趣的交互设计 —— App-百词斩(上)_第3张图片
单词对战

在主业务之一的背单词中,除了放入了自家的淘宝店外,没有其他的广告,真的是一家走在自己节奏里的公司,以后肯定也会越走越好。当程序在后台运行,您重新打开app时,还有一个很精美的页面,上面是一个单词,背景图是那种可以当壁纸的精美图,简直是视觉的享受~

那些有趣的交互设计 —— App-百词斩(上)_第4张图片
背单词

整体使用流程很流畅,背单词的过程就像一位少侠在江湖中过五关斩六将的过程,不管是音效还是图标设计都与这样设想的场景保持统一,这个app我真的很喜欢~

你可能感兴趣的:(那些有趣的交互设计 —— App-百词斩(上))