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

相关推荐

  • 准备入行交互设计之前,先来搞清楚这些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-03
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • 浅谈APP交互设计师是一个什么样的职位

    这篇文章算是一篇对APP交互设计师重新阐述的一篇常识文章。希望对哪些想要从事APP交互设计师的小伙伴们有一定的基础认识。
    今天跟大家从下面4个方面来聊聊APP交互设计师到底是一个什么样的职位。

    2017-05-29
  • 【交互设计】怎么让引导页不再是无用小透明?

    前言在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有“这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友…

    2017-08-04
  • 为流畅的交互体验,创建完美的用户流程

    如果有人问你:你怎样定义“流程”这个词,或者说举一个案例来进行描述,你会怎么说?这篇译文,作者给出了详细的解答。一是外文文章一般与当地的文化有关,所以翻译成中文很多时候都失去了它原来的味道,让中国读者感到有点不顺畅,这个是很正常的,很多小说翻译成中文阁主也不爱看。所以为减少这个情况的影响,阁主会在文章后加上阁主自己对文章的总结和建议~以下是原文~

    2017-04-28
  • 从一个弹窗的关闭按钮引发的讨论和思考

    作者:李逍遥(UXRen翻译组管理员,UI设计师)   弹窗的右上角有个关闭按钮,功能好像跟下面的取消确定差不多,都是操作完成后弹窗关闭。咋的一看好像很多余,是不是多余呢,因为设计规范的时候碰巧遇到这个问题。…

    交互专题 2023-03-03
  • 是时候聊聊具有直觉性的UI和交互设计了

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。“想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。”“心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。”(如果你仔细观察,会发现这个时候的设计师将纸的纹理运用到窗口上,此处的设计和Material Design 中纸的隐喻不谋而合,这又何尝不是一种潜意识的引导呢?)

    2017-05-16
  • 杀死转化率的4大 UX 错误

    转载自:吆喝科技,转换率优化(Conversion Rate Optimation, CRO)逐渐受到越来越多的关注。资本雄厚的公司通过增长黑客团队与持续优化作后盾,也影响越来越多人搭上 CRO 的风潮。整体来说,重视对网站效果的测试…

    2016-10-25
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 听Google设计团队讲述新logo是如何被设计出来的

    [核心提示] Google 为什么要换 logo,这个新 logo 是以什么样的理念和思路设计出来的?来听听 Google 设计团队自己的解释吧~

    2017-06-04