• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 那些特别好用的App是如何设计的?首期揭秘:网易蜗牛读书

那些特别好用的App是如何设计的?首期揭秘:网易蜗牛读书

作者:沁园 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含App分析,App设计,用户体验,经验分享等相关知识,沁园希望在学习及工作中可以帮助到您

由于工作需要,手机里安装了N个应用,但是常用的都是那几个。常常是工作中遇到具体问题了,才会翻看好多App参考,觉得自己脑子里的「存货」太少了。希望自己在体验App的时候不仅仅是在「看」的层面,而是可以更深入地思考。

关于文章的结构,每篇我会先介绍这款App的大致情况,然后从我归纳的关键词的角度来具体阐述App的特点,中间会穿插一些我得到的设计启发。

想看作者更多好文欢迎搜索知乎专栏「沁园的设计小跑」。

进入正题,第一期体验的App是——网易蜗牛读书。

关键词:限制、情感、高效

产品目标

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

目标用户

  • 阅读者:心智成熟,文化层次较高,对阅读质量和自我提升有一定要求的人;每天读书的时间有限,愿意每天花一点时间来读书而不习惯一次性长时间读书;喜欢写读书笔记,发表书评。
  • 领读者:相关领域的大v,会写文章、推荐书籍、发表书评来扩大自己的影响力,以及为自己的公众号或者微博引流。有影响力的领读人可以吸引阅读者形成用户粘性。

关键词1:限制

1. 限制阅读时间

并不是指完全限制阅读时间,而是每天免费的阅读时长只有1小时。网上已经有很多人分析了这种以时间维度来购买的形式,我就不再细说了,仅分析对用户的影响。我觉得1小时的免费限制给用户营造了紧迫感和稀缺感。紧迫感让用户想更快地阅读书籍,提升阅读效率;稀缺感让用户更珍惜这段阅读的时间。产品通过「限制」来引导用户的方式和产品目标「为用户提供沉浸的电子阅读体验」是相一致的。

2. 兑换电子书限制

用户每阅读时长满1小时就会获得1个蜗牛壳,蜗牛壳可以兑换电子书,但是要求用户要先阅读这本书5分钟,才可以兑换。为什么要有这个门槛限制呢?我想是为了让用户在兑换前更加慎重,让用户思考自己是否真的需要这本书,再兑换。这样对于用户来说,兑换的书就是「来之不易」且「真正需要」的书,也就更有动力去阅读自己兑换的书,并产生成就感和满足感,而不是拥有了就置之不理了。

设计启发:前期通过给用户制造「限制」的方式来引导用户后期更好地使用产品。

关键词2:情感

1. 书桌

看到「书桌」这个比喻,一下子就让人联想到自己坐在书桌前认真阅读的画面。在这个忙碌且信息爆炸的时代,这种安静读书的感觉已经离我们越来越遥远,成为我们内心深处的一种向往和情怀。一些同类app会用「书架」,但是「书架」只是一个放书的家具,想想你自己书架上的书已经多久没有动过了?而「书桌」上的书往往是最近正在读的,因此「书桌」相比「书架」,和读书场景有更强的关联性。

设计启发:在要比喻的时候,可以想想不同喻体可以联想到的场景都有什么,选择更贴近产品定位的那个。

2. 用生命点赞

「用生命点赞」和单纯的点赞给人的感觉是不同的,更带有一些郑重感和幽默感。点击按钮以后会有一个比较好玩的动效,给用户带来愉悦感,点赞后,还会出现「已送1分钟时长给TA」的提示,给用户成就感和反馈。

设计启发:动效和文案都可以给动作增加情绪,吸引用户操作。想到Mediun网站的鼓掌按钮也有令人愉悦的动效。

3. 怼书专栏

我们常见的App都在用各种方式给用户推荐书籍,传达「读这些书你可以学到这些那些很有用你都读了吧!」。网易蜗牛阅读反其道而行之,推出「怼书专栏」,专门diss一些很火但是实际上很有问题的书,传达「这些书很火很好看但是实际上差得要命你别浪费时间看了!」,其实是从另一个角度帮助用户选书,而且符合目标用户「节省时间」的需求。

4. 拟物化设计

对于「书」的样式设计,不同于其他阅读App常见的「封面+阴影」样式,蜗牛读书的书是简洁化设计的立体书样式。同时,用一个书签的样式来展示阅读进度,和现实非常贴切,给人带来亲切感。

关键词3:高效

1. 只看书

书放在文章的末尾,有的用户可能文章还没有读完就想看推荐了什么书,提供了一个快捷查看书的按钮「只看书」。

2. 下拉松手可快速添加书签

相比于点击,滑动是更流畅更方便的动作,且不受按钮热区的限制。看了看京东阅读、豆瓣读书也都在使用这种下滑添加书签的交互设计。

3. Toast提示加入书桌

开始看一本新书约10分钟左右,会出现Toast提示是否加入自己的书桌。出现的时宜刚刚好,帮用户省去了手动加入书桌的麻烦。

以上就是我体验网易蜗牛读书这款App的思考,正好近期打算在专栏新开一个版块:App设计研习志,专门记录我体验一些App的思考和学习到的点。敬请期待~

「学习之道!如何解析优秀APP」

  • 《刚接触App设计的同学必读!App的解构与重构》
  • 《遇到一款好用的App,该用什么方法分析+学习?》
  • 《从这5个维度出发,让你的APP设计更精致!》
  • 《用百度外卖的案例,教你学会分析移动端产品的方法!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 这些设计细节,决定了谁月薪5000谁月薪50000!
  • 如何做好电商类App?来看这份对新版淘宝的设计思考!
  • 从交互角度,分析为什么我沉迷抖音,却不想刷微视?
  • Facebook 产品设计师:如何提高自己的设计审美?
  • 美团打车推出之际,来聊聊分时租赁的共享汽车
  • 用苏宁金融的案例,教你学会分析一款App
  • 那些特别好用的App是如何设计的?首期揭秘:网易蜗牛读书

相关文章

  • 2018-08-23刚毕业没作品?学会做UI 概念设计方案,也能打动面试官!
  • 2018-08-23火爆全网的天天P图“前世青年照”是怎么设计出来的?
  • 2018-08-23从微信「朋友圈三天可见」,分析背后隐含的设计原因
  • 2018-08-23如何超越读者预期,更大概率地写出一稿过的文案?
  • 2018-08-23不仅要考虑到一般情况,设计师还要为极端情况而设计
  • 2018-08-23高手怎么做设计?来看腾讯文档背后的品牌设计过程!
  • 2018-08-23实战经验!聊聊移动电商购物车的功能设计
  • 2018-08-23水彩自学第四集:水彩颜料常见问题和自用测评
  • 2018-08-23需求一直做不完?试试这个需求沟通和分析方法!
  • 2018-08-23以Apple Music为例,为你解读格式塔7大法则

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 制作手机上浏览的网页心得
    • 用实战案例,带你解读经典书籍《用户体验要素》
    • HTML页面编写的点点感受小结
    • 从幽灵按钮到空心元素,它们一直在流行
    • favico.ico---网站ico图标设置步骤
    • 你设计的图标,能顺利通过图标的可用性测试吗?
    • 是谁剥夺了设计师的话语权?来看资深设计师的总结!
    • 腾讯高级设计师:交互知识树系列之产品思维
    • 用户测试的基本步骤和沟通技巧
    • 高手课堂!3招搞定数字元素在Banner及专题页设计中的运用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有