电子书阅读APP原型设计解析

我是比较喜欢纸质书的,一本好书,我总愿意买本纸质书,放在家里可以随意翻看,或一遍,或多遍,偶尔也会当花瓶放着。
阅读纸质书是视觉,听觉,触觉,嗅觉的享受,甚至连带着回忆都是美好的。
柔和不刺眼的纸张带来的视觉和触觉享受;翻书时的声音;优美的封面设计和装帧排版;时间和空间上的存在感;顺手翻书时的满足感,甚至可以涂鸦和标注 等等是我舍不得不拥有纸质书的原因。
但是,纸质书却又太笨重,随身携带好麻烦;带一本已经很累了,多本就更麻烦;再加上线下好多图书买不到,甚至作为消遣用的书也不值得买;何况现在碎片时间又那么多,这些都让我开始准备一些图书阅读app来。即使有时间静下来好好看书,我也不想因为软件的原因,破坏我的阅读好心情。
理想中的APP应该是这样的:
1)操作简单,快速上手,甚至不需要我操作,自然而然的;
2)阅读界面舒适,能让我长时间享受阅读,而不伤眼累手;
3)线上资源丰富,获取方便;本地资源格式支持全面;
4)能唤起纸质书的感觉,字体,排版,颜色,及营造出来的整体质感;
5)多终端能同步书籍及阅读记录;
6)像朋友一样做我的生活伙伴,而不仅仅是工具。合适的时间,地点关心我的阅读生活;
7)随时随地添加书签及阅读笔记。
即用户的需求和目标是能简单,快捷,舒适,友好的获取,及阅读 各类格式 及 内容的书籍,使阅读成为享受,让工具更好的帮助用户生活。
在尝试了多看阅读,豆瓣阅读,QQ阅读,等图书类阅读APP后, 却悲催的发现这些阅读类APP并不能让我满意。
主要表现在:
1)APP的操作不够便利,对用户的常用设置感觉并不是特别确定,关键是给了用户太多选择;
2)APP干巴巴的,没有丝毫情感,而不像一个朋友一样,恰到好处的陪伴我阅读;
3)APP不够聪明,不能很好的满足本地资源导入, 阅读条件设定等基本功能;
4)APP在线资源不能很好的满足个性化的需求,检索不够便利;
针对这些存在的问题,针对性解决方法有:
1)判定用户在 书架,书城,阅读界面的主要用户需求,然后为用户提供最有解决方案,而不是把所有权全部交给用户。
    例如,书架,用户通常会比较关注“最近阅读历史“,及”阅读进度“,还有书架中图书的排列问题 ,甚至个别用户还有书架分类的需求
          书城, 用户通常需要便捷的获取各种在线资源,也会在想读书时希望能给出一些读书建议;
          阅读界面,无论长时间还是碎片时间阅读,屏幕亮度,字体,主题,横竖屏切换,甚至夜间模式都是比较影响阅读体验的,也是较容易改善阅读体验的地方;
2)想想一下好朋友吧。恰当好处的关心,却不干扰你的私生活,与细微处见真情,一切都是默默进行的。提醒用户,建议用户,但不强制为用户做出选择。
    开启APP时, 用美好的图文给你感染;书架空空如也时,友好的提示你添加书籍;阅读时间过长,提醒你休息一下视线,或者活动一下;夜深了,根据灯光明暗度,时间等自动调整主题,屏幕亮度等,使不刺眼;当用户做出不合适的设置选择时,友好的提醒用户更改,但不强制;进入书城,为你挑书出谋划策,更适合你的口味;等等。
3)本地资源读取时,根据格式,大小,文件夹位置,文件名称等多种因素替用户做出智能选择,但同时为用户提供更改的入口;
4)根据用户的阅读历史,购买历史等提供个性化的建议,同时借助优秀的编辑推荐,提供合理化建议;甚至可以引入第三方,比如豆瓣的书单历史等为用户服务; 同时,给用户寻找资源提供便利,比如扫描线下ISBN号,QR码等或许资源。
我的阅读类APP思维导图如下:
62822630gd79c36bee535amp69
电子书阅读APP原型设计解析
QQ阅读APP(Android v3.5)试用体验:
初始开启:
主打情感牌, 四幅图文,无不触动使用户的心绪。例如 1) 夜间模式 (乐趣 是被窝里的小天地) 2) 分享 (爱情是和TA在一起的甜蜜)等;
再次开启时,app首页, 没有有效的引起用户共鸣。可以增加初始过场动画,用图,字等传达情感;
进入APP后:
主要组织结构:
1) 书架
现状:
①书架为空时,可以通过右上角的“导入”按钮,选择文件夹后,进入扫描阶段;
②通过左上角的“云”图标按钮,进入用户登录,以便云同步;
③扫描结束,呈现所有可识别格式的文件列表,默认全不选;用户滑动列表选取书籍;
④登录账户后,APP提供PDF格式支持,默认不支持;
不足:
①书架为空时,没有很好的提示用户添加本地资源 或者 获取在线资源;
②书架里默认展示默认书籍封面;点击封面进入书籍阅读界面, 初次进入有新手使用帮助(点击屏幕可弹出菜单);
③扫描结果列表里,没有提供筛选条件,尤其是文件很多的时候除了逐个挑选,便只有全选, 非常不方便; 也没有根据“大小,格式,文件名,文件夹”等信息筛除无效书籍;
④默认不集成PDF插件支持,只有登录账户后才可以;
⑤默认只标记最近一个阅读过的书记文档;湿的阅读与未阅读过的书籍文档没有明显区分;
⑥书籍很多时,一行三本的排列方式,导致书籍选取发生困难, 缺少通过格式,大小,文件夹,排序等快速检索的方式;
优点:
①书架可自定义分组,默认分组有在线,本地; 并可导入书籍;
②书架页面有登陆功能,以便云收藏;并使书籍可跨平台阅读;
2)书城
现状:
提供了各类导航( 排行榜, 分类导航,搜索导航, 以及着陆页导航)
不足:
①资源量不足,尤其是高质量,耐看的图书资源较少;图书资源更偏重娱乐化,网络文学,这可能与QQ自身的资源与用户定位更相关;
②排版过于密集,琳琅满目,但没有重点;图书的图片显得稍小,不能很清晰的看到;
③CTA(行动召唤按钮)指示不清晰, 部分章节免费,全部免费,收费等信息没有明确暗示,且阅读时没有提示,易使用户阅读过程中受挫。
④在具有积极性意义的“邀请用户加入书架”弹窗中,“确定”与“取消”并列时,“确定”按钮放在了左侧,不是很利于转化;
优点:
①架构比较清晰,可以方便的返回与深入,页面跳转也比较顺利;
②大量用户的评论对于书籍的选定还是有一定帮助;
③页面加载进度条设计的比较优雅合理,不抢占用户视线,又能起到合理提示作用;
④分享方式多样,长按图书名称可以发送图书给微信好友;
3)阅光宝盒
现状:
账户管理;阅读插件管理;笔记管理;及反馈功能
不足:
① 名字让人非常困惑,看不明白;进入后,更是让人看不明白;
4)阅读界面
现状:
阅读:
拟物化(书籍)书籍效果;电量,时间,阅读页数进度,阅读百分比;左右侧滑动翻页;
菜单呼出时:
目录及笔记,进度跳转,自动阅读,横竖屏切换,亮度调整,阅读背景调整,字体调整,高级设置();返回按钮,书签;分享与喜欢功能;
不足:
阅读
① 没有书名及章节名提示;
② 阅读页数进度 与 阅读百分比 实际上为同一功能,没必要全部出现;
③开启上滑下滑调整亮度功能后,下滑动作对用户操作要求太高,不利于阅读时使用。
④自动阅读 不能调整自动翻页时间, 扫描仪扫描效果过于动态化,导致视线不够集中,易受到干扰;
⑤左上角返回路径不明确, 由章节目录进入阅读后,无有效途径获知当前路径。
菜单呼出时:
① 设置项太过复杂,将所有的选择都交给了用户;没有为用户做最优选择。 例如屏幕亮度,翻页效果,阅读背景,字体及大小,颜色,翻页键(音量键,屏幕点滑方式)等;
② 进入夜间模式“拉台灯”效果不易被察觉,暗示不够明显。首次使用也没有暗示。
优点:
菜单呼出时:
①拟物化的“拉台灯”效果。
我的原型设计示例:
62822630gd79c96f6b36damp6962822630gd79c97084013amp6962822630gd79c9706f46aamp6962822630gd79c9714e684amp6962822630gd79c9738b084amp6962822630gd79c9746627eamp6962822630gd79c9741f140amp6962822630gd79c97523b7bamp6962822630gd79c976396e0amp69

62822630gd79c97705a0camp6962822630gd79c9781ccfeamp6962822630g7bf60f279868amp69

62822630gd79c979f72ecamp6962822630gd79c97a09197amp6962822630gd79c97ae6afbamp69

62822630gd79c97bf374eamp6962822630gd79c97cecdd9amp6962822630g7bf60f2f3eadamp69

62822630gd79c9b5051fbamp6962822630gd79c9b61762damp6962822630gd79c9b74ae20amp6962822630gd79c9b7e0f8aamp69
原作者:马之舟 

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/6049/

(0)
iouedioued
上一篇 2015-06-11 08:39
下一篇 2015-06-11

相关推荐

  • 设计总结|基于大屏设计的QQiPad主题

    主题一直是QQiPad比较薄弱的一块,在用户的强烈呼声下,项目组决定在6.5版本上线新的主题,为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点?应该如何设计?在此分享本次主题设计总结。

    2017-05-09
  • 阿里设计师实战案例解读内容化设计

      前言 如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享,手淘的设计师和业内的同学们一起做…

    交互专题 2017-08-07
  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09
  • 交互设计师的60日计划第十六天

    周五综合症:不想做事...今天把昨天的需求做完善,与产品经理讨论其中的一个问题,然后将细节标注清楚,但是产品最终还没有确认。除此之外,一直在帮要晋级的一个视觉同事想文案,最后得出结论,还是得多读书,书到…

    交互专题 2015-08-20
  • 情绪板的制作方法:写给设计师的全方位使用指南

    在设计上图片比其他要素更容易让人理解,所以我们可以利用情绪板(英: Mood Board),来使设计工作更加流畅,缩短制作的时间、改善工作流程。

    2017-05-11
  • 人机交互的四次重大变革【UXRen译#166】

    作者:Frank Diana   |  翻译:Chen Jing,校审:Duke     早在2013年,随着智能手机的普及,我写了一篇文章《下一代用户体验Next Generation Experiences》。文章从动态变化的视角来审视用户体验,会发现忽略基础…

    交互专题 2017-08-07
  • Axure RP 7.0 安装教程

    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。•可以在公众号后台回复『042』或『Axure RP』获取下载链接。安装步骤:❶下载并解压安装包。❷双击安装程序。❸同意,并下一步。❹选择安装路径,下一步。❺下一步。❻取消勾选,点击Finish结...

    2018-03-20
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • 5个2016年UI/UX设计趋势

    随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

    2017-05-26
  • 如何识别和避免“暗黑用户体验”

    作者:Emily Stevens | 翻译:沙喵〜 审校:Moli用户体验设计是一门创造独特奇妙体验的学问——但设计的产出并不都是像彩虹一样美好灿烂的。即便是本质上强调用户友好的设计产业也会有黑暗的一面,而这些黑暗的欺骗性的设计模式比你想象的更为普遍。去年,用户体验设计公司Sigma点名指出,好几家知名零售商利用欺验性的暗黑用户体验设计从用户那儿赚了更多的钱。出现在耻辱榜上的有电商巨头Amazon、快时尚电商Boohoo.com(英国)...

    2018-03-20