电子书阅读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

相关推荐

  • 初步谈谈iOS11的交互设计

    这是一篇很赶的文章。源于我看到iOS11的介绍后的一些想法,希望能在此跟大家聊聊。从iOS11的更新中我们可以看到苹果的两个方向:1、提升iOS的生产力;2、应用之间更加的无缝衔接和单应用的无声扩张。我们来看第一个…

    2017-08-01
  • AR与用户体验简析

    说道AR想必大家都不陌生,所谓AR就是增强现实技术,现在普遍的应用是在移动端,通过相机拍摄现实场景,并通过AR技术在屏幕上生成想要的图案,使能够栩栩如生的浮现在屏幕上,好似实物就在眼前一样。首先我们值得注意的是个人电脑和智能手机是所有人都想要拥有和使用的产品,一旦产品价格进入消费者能够承受的价位,爆发是完全没有问题的;其次,两者的核心技术其实都集中在CPU、显示屏等电子元件相关领域,这些产品的发展基本上都遵循摩尔定律,即18-24月性能...

    2018-02-27
  • 交互设计师面试问题:“了解 UE 吗?能否详谈一下?”应该这样回答...

    很多面试UE设计、面试交互设计师、面试产品经理(PM)、面试UI设计师的朋友经常被问到这个问题 面试官为你这个问题实际上想从你那里得到你对UE 基础概念,以及你是否具备用户体验设计的思维。 如果你被问到这…

    交互设计 2015-05-29
  • 【Mockplus教程】复制/克隆

    复制是将页面复制到内存中,克隆是直接创建一个和原页面内容一样的新页面。 1. 复制 选中需要复制的页面,鼠标右键单击,弹出的菜单中选择“复制”, 然后在需要粘贴的位置鼠标右击,在弹出的菜单中选择“粘贴”。 2. …

    Mockplus 2015-09-10
  • 用户体验的目标是做到“自然”

    不想错过精彩的荔枝话题,点击文章左上角关注“荔枝3十1”。每晚10:00点荔枝陪你说一事晚安文/励志妹图/荔枝工作室经作者授权发布用户体验的目标是做到“自然”导语“自然的体验是不需要用户去思考的。”1需要用文字来解释的交互不是好交互(1)我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iphone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解...

    2018-04-28
  • 逐渐兴起的对话式设计,你了解多少?

    对话式交互将逐渐改变人类的生活和习惯,未来的生活是怎样的正是我们所兴奋和期待的:)我以为使机器能与人沟通的关键是发展更好的对话系统。但我这想法并不对。成功的对话需要共通的知识和经验。它需要对四周环境、前后脉络、导致目前情况的历史背景以及当事人众多不同的目标和动机等都要有所领悟。现在我认为这正是当今科技的根本局限,这种局限阻碍了机器全面、拟人化地与人互动。人与人之间要建立共通的了解本来就很难,那我们如何寄望于机器建立这种关系?——唐纳德·A·诺曼

    2017-05-19
  • 视觉设计,是优秀产品不可或缺的一部分

    视觉设计的重要性跟这个世界看脸一样,不言而明。译者注:Huggies是一个婴儿尿不湿的品牌。译者注:有时候设计师会先收集一些图片文字之类的东西弄出一个合集,作为设计的参考和灵感来源,这类东西叫做moodboard。具体介绍可参考:https://en.wikipedia.org/wiki/Mood_board

    2017-05-07
  • axure7.0中文汉化包

    下载地址:axure7.0中文汉化包20150516 使用教程: Axure RP Pro 7.0 正式版 (不兼容 6 版) 简体中文语言包 本汉化包由小楼制作,我是UE网整理分享。 支持 Axure RP Pro 正式版 当前最新版本 7.0.0.3183 汉化方法:…

    2015-05-27
  • iOS 9 GUI PSD源文件下载&iOS 9 GUI Sketch 格式下载 (iPhone)

    iOS的9 GUI(iPhone) 在iOS中9的公开发行中GUI元素的Photoshop和Sketch模板。 [button type="success" text="PSD 格式下载" url="https://s3-us-west-1.amazonaws.com/facebookdesignresources/Facebook-iOS-9-Pho…

    2015-11-12
  • 别骂携程了,来看看Booking上如出一辙的“暗黑套路” 【UXRen译#182】

    作者:Roman Cheplyaka   |  翻译:林龙飞,校审:天蛙   近来,有很多网站和应用的设计者会诱导你做他们想做的。以下是来自timewellspent.io的例子: Youtube自动播放更多的视频来把用户留住; Instagram使用无限…

    交互专题 2017-10-25