美文网首页产品交互设计
一款学习类产品的小练习

一款学习类产品的小练习

作者: Olek | 来源:发表于2015-11-29 19:36 被阅读115次

这是百词斩的一道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

效果图


相关文章

  • 一款学习类产品的小练习

    这是百词斩的一道UI笔试题。 1,百词斩计划出一款全新的独立视频 App, 内容是百词斩制作的常用英文词汇解说视频...

  • 高效提分!原来你离学霸只差这样一款app!

    一款集合了错题本、同步课堂、试题练习的学习软件 错题plus是一款专注攻克错题,小初高考试提分APP。难题拍搜,错...

  • 一款超级神奇的pp皂,粉瑟pp皂,居然这么好用,

    一次偶然的机会,我了解到了一款神奇的皂类产品,听人家说和其他的皂类产品不同,它是一款纯天然手工无皂基产品。我就拿来...

  • 小易折扣

    小易折扣是小易折扣团队研发的一款生活购物类产品,里面有丰富的产品分类,海量商品全球购,是一个全新的时尚购物模式,具...

  • 用游戏化理念设计产品(摘录)

    游戏化≠复制游戏:游戏化设计,并没有想象中简单。 事件背景: 运营小A在运营一款金融类产品,从数据的表现来看,用户...

  • [干货]来看工具类产品是如何变现的

    问:工具类产品不好好做你的工具变什么现?答:得活!!! 作为一款工具类产品,可以是系统工具、生活工具、娱乐工具、工...

  • 离谱的广告文案

    小琴是公司一名客服,因为人美音甜,公司各类产品的小视频都让她来拍摄。今天,小琴出于正义感,公然拒绝了一款产品视频的...

  • 知识付费还要不要入局?如何做好一款知识付费类产品

    作者: 写手运营小咖秀 51coo 知识付费还要不要入局?如何做好一款知识付费类产品? 2016年是知识付费的元年...

  • 2018-06-27社交形态

    最近在做一款短视频工具类产品,对于工具类产品的短板有了更深的认知,用户忠诚度不高,粘性不大,也就是这个原因,会对于...

  • 八、弹琴吧登录流程

    弹琴吧登录流程 一、概述 弹琴吧是一款手机乐器学习社区,想要练习学习吉他、钢...

网友评论

    本文标题:一款学习类产品的小练习

    本文链接:https://www.haomeiwen.com/subject/tpqjhttx.html