UI/交互设计规范

网易蜗牛读书--分析

2017-07-09  本文已影响2165人  骨骨1

(用来记录体验过程中可学习的点,以及有疑问的地方)


这是什么样的产品

1.Slogan

每天免费读书1小时

2.产品定位

网易蜗牛读书致力于为热爱阅读的用户提供沉浸、简洁的电子阅读体验,并希望与用户一起构建起立体化、全方位的移动阅读社区,满足不同阅读层次用户的个性化阅读需求

3.给谁用(目标用户)

给谁用

4.用来干什么(主要功能)

用来干什么

5.功能架构

功能架构

功能分析

1.领读

这是什么功能:有人给你推荐书籍。

为什么有这个功能:解决用户不知道读什么书的痛点。

谁来推荐书籍

1)专业领读人,有丰富阅读经验或在在某一领域深耕的平台认证领读人。

2)普通读者,因书评优秀被推至首页。

3)蜗小牛官方定期推荐书单

个人感受

功能是希望通过领读者的推荐,让用户找到优质的对胃口的书籍。但个人感觉并没有真正达到领读的目的。

1)文章内容感觉类似微信订阅号只不过多了几本书,有些是公众号文章照搬并无书籍推荐(那么意义在哪儿?)

2)推荐的书评内容不一定符合每个人胃口,试了几个账号 领读列表内容完全一致。

3)好奇每天的领读是根据什么推荐的,看了下,并不是根据点击量。

建议

1)可不可以个性化推荐

2)或者可以搜索某个领读者

(额 后来发现分类的搜索 可以搜人 这个人就是领读人,本以为是书籍作者。。。)

3)或者搜索某本书的相关书评

另外,个人觉得得到的每天听本书有领读的作用,通过讲解一本书的方式,让用户对这本书有个大致了解,有兴趣了自然会进行深度阅读。

亮点:

1)下拉刷新时的文案很有趣 —— ”快放手,蜗牛要刷新了“

2)比较用心的设计

书评下方会显示点击量 和 推荐书本数量。

书本数>1,正常显示;

书本数=1,书籍放首页显示,可直接点击阅读,不用点击书评正文再点击阅读;

书本数=0,不显示书本数量,只显示点击量。

书本数=1时

3)书评正文,可以选择"只看书"

有疑问的地方

1)浏览往下翻很多时,没法直接回到顶部。。双击顶部也不行。。

2)书评正文,关注作者后,"关注"按钮消失,不能立马取关。

两个取关渠道:①点头像进入作者页 ②或者到"我的"—关注/粉丝。

取关时,会有确认取关的拦截。

3)评论不能删除,点赞不能撤销

①对领读文章进行评论,不能删除 点赞不能取消

② 对书籍进行评论,同样不能删除 点赞不能取消

是在强调评论 点赞是很慎重的行为?

4)书评正文,点举报按钮没有拦截。。。万一是不小心点了怎么办?


2.写书评

写书评

亮点

1)奖励机制

①首次发布免费获得30分钟的时间奖励 ②推到首页奖励>奖励时间3天

2)左上角的字数提醒

如果我在写书评 看到统计的字数 会有成就感

3)书评写一半关掉会自动保存,下次打开会留存之前没写完的记录

4)插笔记,

①右上角的"取消"按钮代替左上角返回按钮,操作时,不用绕道左上角点返回

②笔记是亮点,下面具体写

5)"加书"提供两个渠道①书桌②搜索

并且此时的搜索 只提供搜书,而分类里的搜索 可以搜书 可以搜人,加以区分觉得很棒。

6)可以设置隐私只写给自己看微信阅读就不可以

有疑问的地方

1)写书评"发布"按钮在右上角,而评论时的"发送",在右下方便操作。

为什么写书评时的"发布"放右上角?是因为下面按钮多放不下??


3.分类

分类

书城的功能通过分类实现,不同于其他APP的书城看上去好像什么都有却不知道应该点哪里。

功能优点:界面,简单干净,没有那么多干扰因素造成选择困难。

①有明确书籍,通过搜索实现②无明确书籍浏览榜单和分类

亮点

1)找不到书籍时,可以反馈 蜗牛求书。私信的方式 图片加文字。

(这两天才有的功能 但没有微信阅读反馈机制细致 微信阅读需要提供书名和作者)

2)搜索:提供两种方式①大家都在搜②最近搜索

3)分类内页的界面设计,没有单调的摆放书籍,而是搭配“”引用文字”。

视觉上有阅读感,同时用文字阐述了分类,让人对此分类产生兴趣。

分类内页

4.书籍详情页

书籍详情页 书籍详情页—作者

亮点

1)界面设计:符合网易的风格,简单干净充满细节。蜗牛的整体风格也是这样,简约清新,很舒服,淡咖啡色充满书香气。

对比微信阅读的书籍详情页

微信阅读—书籍详情页

书籍详情页这个页面其实是想要用户产生阅读或者加入书桌的动作的,蜗牛阅读表现的就跟"蜗牛"两字一样,不急不慢,页面没有干扰因素,有主次。

2)显示了在读人数,但颜色明显弱化,蜗牛的产品定位是为读者提供沉浸简洁的体验。

点击在读人数,可以看到全部和关注的人,他们的阅读时间以及进度。

在微信阅读里这个是亮点功能,因为他的定位偏社交。而蜗牛阅读定位更偏阅读本身。

3)评论处只显示前两条和最后一条回复,中间的收起,提示"展开中间xx条"

同样的,书籍评论不能删除 点赞不能撤销。。

书籍详情页—点评

4)阅读按钮在右,加入书桌在左。(微信阅读的按钮刚好相反)

更希望仔细考虑后选择阅读而不是加入书桌,因为习惯性加入书桌这个动作会产生囤积,与产品定位不符。

5)能看到5个读者评论(点赞数排序),其余通过查看更多展示在新页面(时间排序)

有疑问的地方:

1)简介能展开能收起,但收起的体验不好。。

2)评论能展开,但不能收起,是功能不重要才这样?操作频率较低?

3)"推荐书评"和“”猜你喜欢“”放在了书籍详情页的最下方

书籍详情页下方为什么要放这两个功能?


5.书桌(最喜欢的一个功能啦 哈哈

书桌——有书

书桌——无书

书桌功能个人认为最能体现产品目标:沉浸阅读。我能看到的是我需要的东西,不需要的不要出现。保持桌面整洁是沉浸阅读第一步,所以觉得蜗牛阅读这个设计特别棒,帮助用户养成良好的习惯。

亮点

1)界面设计,卡片式设计,模拟真实书桌样式。

2)桌面最多只能放3本书籍

①0本书籍时,会自动推荐一本,发现更多链接到分类的在读榜

②<3本书籍,书籍+发现更多

③>3本书籍,3本+1查看全部

3)特别有心的是,3本书会的排序会根据我最近阅读进行调整。

3)进度条显示,打开书桌能看到每本书的进度,特别像真实的场景。

4)点击评论,展开方式的交互特别棒。但是下滑查看评论,"写评论"按钮不能固定。

查看评论的交互

5)我的书桌—阅读历史

保留阅读历史,方便查看直接加入书桌

6)整理书桌

只有"置顶"和"删除"两个操作按钮,并没有分档等功能,不宜放太多书籍,目的也是希望随看随清,不希望囤积。但整理书桌层级是不是有点深了,需要点3步

有疑问的地方:

1)阅读历史不好删除,要是我不小心点的书该怎么清理?

2)为什么书桌要有读者评论,此处评论好查看,但写评论优先级较低

6.阅读时长(最具创新的功能)

每天免费阅读1小时 购买阅读时长

阅读时长有两个亮点:①每日免费领取1小时阅读时长②按时长购买而不是按书购买

1)每日免费领取1小时阅读时长,帮助用户养成每日阅读习惯。

①1小时不是自动赠送,需要进入书桌才会弹出,点击领取,有"要开始读书"的郑重感。这个免费领取的动作本身比每天默认赠送要有意思。

②试了下,同一个设备,最多两个账号可以领取 哈哈

2)购买时长,按天按月或按年计算。

按天是自然天,比如买了7天的时长,7天到了,时长结束,哪怕你1分钟没有阅读。逼你珍惜时间。个人觉得是比按书购买便宜的,只要你保持阅读的习惯。

7.阅读

引自"皮囊" 引自"目送"

亮点:

1)阅读页标题颜色不是千篇一律的,会根据书皮颜色而变化,很符合书籍气质。如上面两张图。这么做的好处①真的超级舒服 算是阅读时的小惊喜②不会视觉疲劳

2)常用功能:

①划线,记笔记,词典,分享。搜索 和 纠错优先级次要,颜色字号弱化。

3)加书签的方式:①点击右上角②下拉可自动添加书签 松手清除书签

4)写笔记时,可添加标签,方便记了很多笔记之后,通过标签直接搜索找到笔记。

5)笔记展现的方式特别好(类似IOS相册)

两种筛选方式:①按书名:书—章节 ②按时间:年—月

笔记小细节:①切换到章或月时,点返回 旁边会自动出现关闭按钮,直接关闭 不用一层一层的返回 ②在浏览笔记时,向下滑动时的细节,(下图)属于"皮囊"的内容 浏览结束之前 “皮囊“”是固定不动的,按章节时同样的效果

浏览笔记时的小细节

有疑问的地方:

1)有百科功能——"搜索",但点搜索后 出现两个结果①本书其他地方出现相同内容的页面②百度百科,不太理解为什么这么设计。有①这样的需求吗?

2)写笔记时,几个不好的体验

①选择笔记样式,总觉得操作别扭,点完笔记样式不知道在哪里找回标签。。

建议:既然分享时可以切换笔记样式,那么写笔记时是否可简单一点,不用太花哨

②添加标签的操作不太方便,添加标签只会保留最近3个标签,是不是会造成重复操作?但如果保留所有添加过的标签又明显不合理,如何优化比较好?

③写笔记,总感觉界面特别拥挤。。。也许上面引用的文字可以不用全部展示,收起处理是不是更好?(下图)

写笔记界面

3)阅读页面

页面底部,时长提醒一直存在是不是不合理?倒计时10分钟或者5分钟显示是不是更好?

4)写完笔记是否可以立马分享?现在的操作是写完想分享 需要再次点击(微信阅读可以立马分享)蜗牛没有这么做的原因是不想产生干扰?

部分操作总结

1.找书并阅读

找书渠道

2.哪些地方可以评论

1)评论书籍

入口:①书籍详情页 ②阅读页面底部③阅读完一本书结尾处④书桌

为什么是这几个入口?哪个优先级比较高?

2)评论书评,入口:领读页面

3.哪些地方可以分享

1)分享首页领读书评

2)分享领读人

3)分享书籍(①书籍详情页②阅读书籍时)

4)分享笔记(①阅读时②我的笔记)

4.购买时长的入口(集中在书桌入口,因为看书时才会需要买时长)

1)书桌顶部

2)阅读页面①底部倒计时②右上角购物车③时间用完翻页时自动出现

3)我的—购买时长

5.写书评的入口(可以看出比较鼓励写书评)

1)首页领读右上角——"写书评"

2)书桌——顶部时长——写书评赚取时长

3)我的——明显的按钮"写书评"






上一篇下一篇

猜你喜欢

热点阅读