微信读书交互重设计

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-07-17
前言:正如微信读书的官宣——让阅读不再孤单。微信读书延续了微信一贯的社交性 ,弱化了电商属性的书城,更多聚焦于认真读书、发现好书以及读书交流方面。在众多读书APP中,像一股清流,没有太浓的商业气息。界面简约清爽,操作简单。当然也存在书籍太少等问题,该问题不在本次设计范围内。本文将从一些交互细节对微信读书进行重设计。

软件版本:微信读书2.2.0

使用设备:iphone7

操作系统:ios11.1.1

体验时间:2017-11-22

以下为微信读书的结构框架图:

1、操作按钮位置混乱。最下面的操作栏顺序不是很合理,建议将删除调至最左边,私密阅读在中间,移动在最右边,比较符合直觉的操作习惯。

用户可以对在架书籍进行自定义分组,其中“归档”是默认的分组,可以往分组里添加书籍。如图,当分组内没有书籍时,右上角是“修改分组”,里面的操作包括“修改分组名”和“删除分组”。当分组内有书籍时,右上角是“编辑”,点击以后变成左上角“修改分组”、右上角“取消”。但从书架页面(第一张图)可以看到,点击编辑后,左上角变为取消。 即按钮的位置是不规律的,不符合尼尔森有用性原则中的一致性原则。

建议将分组的“修改分组”与“取消”交换位置,就会与之前的操作位置相一致,避免用户产生困惑和误操作。

除此之外,想要分组书籍,只能通过“书架-编辑-移动”,建议可以在分组内直接添加书籍,点击添加,打开书架内未分组的图书,通过勾选加入此分组。

修改后如下图所示:

2、发现页右上角的FM42|3入口不是很明显,看上去像是个标签或者logo,并且,大部分用户不知道FM42|3的含义(包括本人)。建议修改为一个icon,让人明白是可点击的,然后里面的内容是一些电台节目。

3、读书界面按钮太多,显得很杂乱。如图,当电台在播放时,可以看到z轴悬浮3个按钮,同时页眉与页脚分别有4个按钮,且一些按钮展开后还有更多功能。面对这么多的按钮,有一些按钮还难以区分,用户使用起来成本较高,这时需要更清晰的逻辑。

首先将读书页面的所有功能整理如下:

改进意见:

a、“语音朗读 ”和“听书 ”这两个功能会使人困惑。笔者一开始误以为是同一个功能,后来发现语音朗读只是对文章的朗读,而听书是语音书评。这两个按钮在同一页面放开很容易混淆,合并在一起性质又不一样。对此,笔者认为可以将听书功能与文字书评合并,都是书评,只不过形式有所差异(一个文字、一个语音)。从而使“语音朗读”和“听书”不在同一个层级呈现,避免误解。

文字书评是通过“相关想法”功能实现的,“相关想法”入口较深,被收在读书界面右上角的“更多”里。“相关想法”包括精彩想法和好友想法,其中精彩想法是按章节顺序呈现的,如图。

将“相关想法”功能与“听书”功能结合,笔者对页面进行重设计如下图所示。新功能命名为“书评”,点击进入有三大模块“听书”、“精彩想法”和“点评书籍”,听书页面与原页面相似;精彩想法包括好友想法和网友想法。相比现有内容以瀑布流为呈现方式,笔者将内容进行了归类:好友想法在页面最上方,出现一条,剩余的可以点击展开箭头查看更多;网友想法按照文章章节划分,每一章呈现5~10条想法,同样可以查看更多 。“点评书籍”是对全书的点评,并可以给书籍打分,按钮在页面右上角。未点评状态时为黄色,点击进入评价;如果已点评,按钮将变灰,可点击,点击后显示“我”的评价。

b、“今天一起阅读本书的人 ”功能其实类似bilibili的当前共同观看人数。但bilibili仅仅是提供了人数,没有细致到个人信息,而微信读书则是有更浓的社交意味。页面内包括“书友”的个人信息、阅读时长、笔记、读书进度以及关于本书的想法。设想微信读书是希望能通过共同阅读来促进交友,再从社交中促进读书。

可以看到,该功能与“相关想法”功能有些重复,微信读书的做法是把“相关想法 ”收在“更多”里。而经过a中的改造,“相关想法”也就是“书评”的功能点增加了,不适合再被收起。此时将作为一个独立的按钮与“今天一起阅读本书的人 ”共同出现在一级页面。所以功能重复的问题就要用其他方式解决。

两者重复的地方主要在“想法”上,“今天一起阅读本书的人 ”有关于本书的想法,“相关想法”则更是想法的聚集地,这样重复显得臃肿多余。

但进一步分析可知,“今天一起阅读本书的人 ”和“书评”功能侧重点不同,“今天一起阅读本书的人 ”侧重于人,“书评”侧重于评论。所以可以通过弱化“今天一起阅读本书的人 ”中关于想法的部分。具体实现方法是在“今天一起阅读本书的人 ”页面隐藏“关于本书的想法”,然后用户可以通过点击名片进入个人主页查看他人相关想法。

c、当前页脚有4个按钮,分别是抽屉式导航入口、进度条、亮度模式、字体。亮度模式和字体都是对阅读体验的调整,可以整合到一起。这样可以腾出位置放置“书评”功能。进度条使用频率相对较高,可以直接显示出来。最终页脚改进如下:左下角为目录、书签、划线等功能的抽屉式导航入口,调整亮度、颜色、字体、字号统一放在一个按钮内,“书评”功能放置在右下角,进度条直接显示于三个按钮上方。

结合以上修改意见,读书界面的最终结构框架如图所示:

(更多中的功能除了“相关想法”被挪出以外,其他功能仍保留,这是为了防止例如“点评书籍”、“书籍详情”一类功能入口太深,降低可用性而做的保险措施。)

4、微信读书支持纯划线摘录,或者划线摘录并写想法。划线可以在抽屉式导航中找到,如图(左),但是没有列出相应划线的想法。这点掌阅做的比较好,把划线和想法都罗列出来,让用户可以轻松看到自己对该书的所有想法,用户体验更好,如图(右)。

5、微信读书可以丰富一些手势操作。如图为多看阅读的多种手势操作,下拉:添加书签;上拉:关闭图书;双指左/右滑动:打开/关闭抽屉式导航。

6、语音朗读时不能通过点击任意某句话开始播放,只能拖动进度条,而进度条不够准确。可以参考音乐播放器中点击相应歌词直接从该句歌词开始播放的形式,长按某段文字直接从该段文字开始朗读。

7、掌阅写想法可以“所有人可见”,也可以“仅自己可见”。而微信阅读个人想法不能选择“仅自己可见”(私密阅读的想法是私密的,但公开阅读的想法无法进行隐私设置),需要改进。

8、笔者发现,阅读时选中一段小于14字的文字会跳出如图左所示功能条,包括复制、划线、写想法、查词典、分享和纠错。而当选中一段大于等于14字的文字时会出现如图右所示功能条,包括复制、划线、写想法、录音、分享和纠错。也就是说字少时是查词典、字多时是录音。这种设计应该是考虑到查字典时通常是查字词,所以字数较少。而录音通常需要录比较长的句子。但是这样的智能切换在实际操作中容易出现问题,比如一段话刚好只有13个字,那就不能录音了?所以建议按钮上都呈现出来,即选中文字后跳出功能条,包括复制、划线、写想法、查词典、录音、分享和纠错7个按钮。

9、掌阅自定义设置较多,比如可以设置行间距、翻页方式、护眼模式等,但这些属于比较次要的功能,微信读书可以在满足产品大方向的前提下逐渐完善。

10、从产品角度看, 微信读书定位于读书社交,但目前做的远远不够。仅仅是分享想法和好友关注,还没有涉及到读书群的概念。比如可以开设作者专栏,建立一个由作者为导向的兴趣社群,书迷们可以在社群内互动,交流读书心得,甚至可以逐步发展线下活动。当然,这也是要看微信读书的产品定位的,暂时是笔者一个不成熟的设想。

欢迎批评指正,欢迎补充!

  • 微信读书APP中的翻页方式如何设置
    答:今天给大家介绍一下微信读书APP中的翻页方式如何设置的具体操作步骤。1. 解锁手机后,进入桌面,找到“微信读书”APP,打开。2. 进入主页面后,点击右下角的“我”选项。3. 然后在我的页面左上角点击如图图标。4. 进入“设置”页面,找到“翻页方式”选项,点击。5. 如图,我们有两种方式:“左右...
  • 那么多读书 App 为什么强烈推荐微信读书?
    答:体验卡允许你阅读部分精选书籍,而付费会员则享有完整书库的阅读特权,每年仅需228元,有时还有折扣优惠。起初,我设定了一个目标,通过积累体验卡来升级为会员。微信读书提供了多元化的攒卡途径,比如阅读时长和参与团队活动,一年内我竟然攒了惊人的1095天体验卡。这表明其对用户的吸引力和活动设计的巧妙...
  • 蜗牛读书vs微信读书竞品分析
    答:● 蜗牛读书,则主打深度、沉浸式阅读,在产品设计和体验上,秉承网易一贯的优雅、简洁风,突出核心功能,营造良好的读书氛围,符合蜗牛读书的产品定位。 ● 总的来说,微信读书在书籍内容、功能上要丰富一些,蜗牛较为简约。微信读书上线已有一年半,已经过了几个版本迭代,而网易蜗牛刚上线一个月,作为第一个版本,从外界反...
  • 微信读书-赠一得一功能体验
    答:1.邀请语+分享者微信昵称,可以直观的看到是谁发起的邀请,同时邀请语增加了情怀感;2.领取按钮,用户操作简单可获取收益清晰;3.规则文字,规则简单对于新用户可以很快了解到什么是无限卡怎么用。解读:领取用户页面呈现,形成新的传播,对于拉新还是蛮好的设计 整体体验感知 1.活动规则简单,分享和参与...
  • QQ阅读和微信读书哪个好一点?
    答:QQ阅读和微信读书都是中国市场上非常受欢迎的数字阅读平台,它们各有特点和优势。以下是根据搜索结果中提供的信息对两者进行的比较:产品定位与特色:QQ阅读3:定位为海量原著的移动阅读APP,拥有丰富的热门影视原著资源,例如《琅琊榜》、《云中歌》等。它还提供了多种阅读功能,如自定义阅读背景和字体颜色...
  • 微信读书删除卡片推荐的隐藏功能
    答:评价:从使用场景的分析来看,这对用户来说是一个较大可能会出现的场景,但出现的频率不会特别高。而采用隐藏删除操作长按才出现提示,这种设计具有发现门槛,基本上用户要通过多次探索尝试才会发现,发现之后能给用户带来一定的惊喜感,属于深度用户才可能体验到的层面。微信读书的这个设计符合对不常用功能...
  • 微信读书的玩法有哪些?
    答:这是读书排行榜的入口,如图所示:4.关注标签的设计 微信读书APP,结合了微信APP的社交属性,让这个APP也带有了一些社交成分在内。 谁会关注自己? 一部分是微信好友,另一部分是微信APP的其他读者。在关注好友中,你可以看到:微信好友有哪些人在用微信读书APP阅读。互相关注,才能在排行榜列表中显示,主要是满足了我们的...
  • 感天动地!喜大普奔!「微信读书」终于有网页版了
    答:一直以来喜欢用微信读书,支持微信登录,较丰富的资源和较好的交互操作(下滑添加书签,长按划线复制等)。最重要的是有 阅读时长排名 ,其实这个功能一开始我是很抵触的,感觉有点烦,读书竞赛的感觉,用得时间长了不得不佩服产品设计对人性心理的把握:本来上去随便看看,然后看到有朋友十几甚至几十小时...
  • 还有哪个读书app
    答:该app拥有多种类别的书籍,包括畅销小说、经典文学、科普知识等,可以满足不同读者的需求。同时,微信读书还具有一些特色功能,如阅读记录统计、社交互动分享等,为读者带来更好的阅读体验。此外,微信读书还提供个性化的推荐服务,能够根据读者的阅读习惯和喜好,推荐相应的书籍。其简洁明了的界面设计和流畅的...
  • 微信读书墨水屏版是否仅限于特定墨水屏品牌设备?
    答:值得注意的是,尽管安装包以APK格式为主,理论上所有基于安卓系统的墨水屏设备,包括常规安卓设备,都可兼容安装,这为用户群体提供了更大的灵活性。打开微信读书墨水屏版,用户会发现它的界面设计极其精简。主屏幕清晰明了,仅包含搜索栏、书架和商店,顶部的搜索栏便于快速定位,中间的书架展示书籍,底部...