一款学习类产品的小练习

这是百词斩的一道UI笔试题。

1,百词斩计划出一款全新的独立视频 App, 内容是百词斩制作的常用英文词汇解说视频，（视频详见：tv.baicizhan.com ）用以满足用户在碎片时间学习英文的需求。

2,请列出这款App需要具备的至少三个功能点，并独立设计出这款App的三个主要界面，及说明页面之间的交互逻辑。

我大概分了三部分粗略的写了自己界面布局的思路。

Part 1

产品设计思路

百词斩设计新产品解说词汇视频应用，属于学习类产品，学习类的产品用户目标比较明确，使用产品是为了学习，增值自己，打开应用后使用产品的时间应该会比资讯类的时间长，因为资讯类产品用户可能看看有没有自己感兴趣的资讯，浏览一遍如果没有会很快退出，而学习类产品，用户的心态不一样，他们很多情况下，为了兴趣学习或者为了完成某任务（例如考四六级）。因此设计产品时，我们要考虑到产品的特性，然后在设计上满足到用户需求。所以我把产品的功能从下面两个方面考虑来设计：

a，产品是英语类产品，它的用户群目前在中国可能从中小学生到中老年人都有。而两个群体可能都是智能手机的新用户，学习使用软件能力相对较低。因此为了降低用户学习成本，设计产品中我以简单的交互方式设计。

b,学习是一个长久过程，如果只是观看词汇视频完成学习任务很可能会令用户感觉到学习的枯燥。

产品功能设计说明

1、我的课程（词汇）。这个是主要的，流程像百词斩一样，选择自己需要学习的词汇本（课程）后，在主界面显示自己所选择的词汇本。这个界面也有添加词汇本和删除词汇本的功能。

2、发现。发现这个功能我觉得也比较重要的。它内容包括一些有趣的英语解说视频，或者是搞笑的，或者是热点资讯等等......它有助缓解学习枯燥的这个痛点。它的使用场景很多，例如:

a,当一个用户学习时间比较长时（看词汇解说），他翻一下发现这个功能看看有趣的热门英语视频调节一下，放松一下。

b,当用户完成了当天的词汇任务，或者今天不想看自己的词汇时，他也可以打开应用浏览一下发现这个功能，看看英语有趣的视频（过程中也是在无形的学习）。发现的界面设计中有banner，有banner设计是因为百词斩有网店，而 banner可以推荐一些公司好的热门产品给用户了解 或者推荐一些英语线下活动等等。

3、缓存。离线缓存这个功能一般放次级，我把它抽出来放在第一级。是因为原因有三：

a,它是一个视频应用。即使它是1分钟以内的简短视频。但是在国内，流量对用户来说比较重要。

b,学习一门东西需要学习之外，还需要复习来巩固。离线缓存能方便不费流量的翻看。

c,移动端应用加上百词斩的视频简短，使用户的使用时间更碎片化，可能几分钟就看了几个解说视频。而它的简短使用户的使用场景更多，例如，坐公车，坐地铁，在排队，在等车，等等...这些没有WiFi的地方使用。

4、个人。属于个人的管理，方便用户收集或者设置个人的信息。这个界面有包括功能有收藏（发现有好资源有时间的时候看），播放记录（学习的记录），学习笔记（学习期间记录自己的领悟）等等。

产品功能图

Part 2

新用户的任务流程

界面交互和视觉设计说明

一、

ps，由于实习比较忙，没时间去设计首页的icon，就在它们的官网直接用了它们产品的字体（中高四六级研 等级的字体作为封面）。

二、

1. 设计首页［我的课程］用了两种视图给用户选择。想法是，第一种是目录列表设计（类似课程表）；第二种卡片式（类似一本书）；用户可根据自己喜好选择其一。

2.常用的交互方式有标签式、抽屉式、点聚式、跳板式、列表式等等。而标签和抽屉是比较普遍的，最终选择标签式是因为它比抽屉式的学习成本相对更低一点。也因为学英语的用户群体年龄跨度大。而标签式的优点有：

a. 清楚当前所在的入口位置

b. 轻松在各入口间频繁跳转且不会迷失方向

c. 直接展现最重要入口的内容信息

Part 3

效果图