提高手机读书软件界面阅读效率的交互设计研究

黄 欣 朱 华 江南大学设计学院 214122

【文章摘要】

随着互联网的发展，手机阅读广受欢迎。良好的界面交互设计能够提高用户的阅读效率，增加用户使用阅读应用的愉悦感，同时也能提高产品的用户黏度。移动端因其设备的独特性，决定了其设计模式的独特性。要能方便用户使用和浏览，需要对阅读类应用的交互界面架构进行反复推敲和验证。

【关键词】

手机读书软件；交互设计；阅读效率

1 单屏容量的设计

费茨法则（Fitts’ Law，1954）是一则人机交互法则。它阐述了：快速移动到目标的时间是从目标的距离和目标大小的功能。目标距离越远，目标面积较小，然后移动到目标的耗时较长的。它则适用于手或手指进行实体触摸或显示器上用指针虚拟指向。因此，在手机或者是Pad 设备的阅读类应用软件交互界面设计上，要考虑到单屏能够容纳的信息，要尽可能的让用户获取更多的阅读容量。

第一，正文翻页。网页的实质是“控制”。控件显示一个页面的内容，避免单用户太多的信息；控制网页流量，提高页面响应速度。事实上，用户找到他想要的信息在第一页，会很“懒惰”地翻页。SOSO 的搜索结果，在一个单一的用户搜索行为占比确认这种行为模式。我们的设计策略：触摸屏的网页页面显示更多的信息（联系方式决定连续滚动屏幕在非常低成本倒装）；根据选择信息类型；控制扩大控制的反应区，使操作尽可能轻；触摸屏网页常见的翻页控件，根据内容区分互动模式：

翻页控件的选择考虑因素从内容页面，内容组织模式的性质和大小。

在设计正文阅读的翻页时，想到文本包含翻页控制仅限于屏幕或更少（320pixels×480pixels）。创意出发点是：限制页面的纵向长度，保证后续文本模块后曝光。此外，如果一个网页的文本长度不受限制在屏幕范围内的跳页需要快速向上滚动的文本区域的顶部，下一跳是容易引起用户的视觉迷失。

然而，这个假设是很高兴的，但是带来了很多困难，实现。限高措施第一，必须全文角半角字符的统计数字，相对消耗的性能；当文字配有图片，图片的空间不是一个精确的控制屏幕切换时；此外，单屏容量的变化，将需要重新计算和排版。所以在平衡，决定翻盖设计文本的纵向延伸的方式目前常见的，即7 号对应的页面模式。

2 菜单合理交接的设计

导航菜单是移动应用设计中最重要的部分之一。总结一下，导航栏的重要性：（1）浏览完Logo 后，导航栏是用户第一个看到的组件；（2）引导用户，不让用户在各种功能中迷失；（3）导航栏的作用也类似于索引，快速帮助用户找到所需信息。导航栏设计的三大要点，想能够让导航栏更加优雅、美丽、响应式。

第一，让菜单看起来简洁。现今的阅读应用往往用繁杂的装饰来做突出。其实大可不必，通过字体、悬停效果、留白可以设计出简约、优雅的极简主义风格导航栏。

第二，做响应式设计。响应式设计的特点是集中式构图的大小来创建页面，你可以根据使用环境中的用户行为和设备（系统平台，屏幕大小，屏幕方向）进行相应的布局。

第三，合理放置菜单的位置。导航菜单的布局分为水平布局和垂直布局水平式导航菜单的好处是明显，清晰可见，大家都会知道导航条在上方，而且不是那么占据空间。而垂直的导航菜单可以兼容不同的屏幕尺寸。

进行菜单的结构设计，首先要考虑按照用户任务来确定菜单的组织。首先确定任务菜单选项和结构，其次要考虑显示屏幕上选项的数目。菜单中的每一条选项和按钮相当，一般具有下列几种类型：命令项、菜单项和窗口项。命令项和命令按钮一样，用来执行一条命令。例如大多数应用软件在“文件”菜单下有“退出”命令，单击它即可以推出软件系统。子菜单项是一组相关的命令，它们将以子菜单的形式出现。软件中的菜单根据功能需要项数变化很大，小的可能只有几个选项，大的可能包含数百条选项。菜单的组织类型一般有单一菜单、线状序列菜单、树状结构菜单、循环网络以及非循环网络菜单等，目前树状结构菜单是最常见的菜单结构。

2.1 单一菜单。有些任务采用单一菜单就可以满足单一的应用。比如在阅读类应用进行书籍删除时要求用户在“是/ 否” 二项菜单中做出选择。单一菜单中可以有两个或多个选项，用户每次可选择其中之一或确定多个选择。单一菜单可以在当前工作区中弹出，也可以在主显示改变时，一直保存在单独的窗口或数据区中。

2.2 线状序列菜单。线状序列菜单提供了简单有效的手段，用一组相关联的菜单，指导用户贯穿整个决策过程，是决策过程结构化。线状序列菜单设计原则：（1） 标题，居中或左对齐；（2）选项的布置，编号和含义，不同选项组分割，输入选择号或用上下箭头选择；（3）指导说明，指导说明文字位置相同；（4）出错信息，用户做了不可接受的选择，应该在指定位置显示出错信息；（5）状态报告，目前处于菜单结构的那一部分。

2.3 树状菜单。当一组选项的数目增加的处理一般智力，我们通常被分为几类，类似的选择组成一组，最后一个树结构的形成，例如，微软的word 软件的菜单栏。对设计树状菜单影响的因素有：（1） 深度和宽度，菜单树的深度（层数）与宽度（每层的项数）的设计将影响用户的操作速度。多次试验的结果表明层数过多会严重影响用户的操作速度。当菜单很大时，一般倾向于选用宽而浅的菜单树；（2）树状结构菜单的语义分组：在复杂的系统中要对菜单项进行恰当的分组是非常难的，但总的还是有一些可以遵循的方法，如按照逻辑类似分组、按照任务分组等。

2.4 循环网络菜单。循环网络菜单允许用户在父辈菜单及子菜单之间或者子菜单之间进行切换，而不必重新回到父辈菜单后再转到子菜单。网络菜单的问题是用户容易迷失。因此，在网络菜单结构中要注明菜单项所在的层次或者注明距离主菜单的距离、或提供各种导航等帮助信息。

3 阅读动态流程的设计081

软件开发

Software Development

电子制作

早期的网页主要是运用flash 来达到动画的炫酷效果，随着H5 和CSS 的发展， 在软件应用中可以在不影响效果的情况下达到更加流畅的动画效果。与此同时， 移动应用端的动态设计效果也同样显著的改善了用户体验的感知度，使用户更加容易操作。由于移动终端尺寸的多样性，在阅读应用交互界面设计时还应该考虑到多平台的跨越和拓展，要充分考虑到用户体验的一致性。动态效果可以增强产品的功能的可识别性，拓展了用户的感官体验。如进程类演示动画，从前是从0 到1 的跳转，加入了动画效果后，有了一个过渡的页面，让复杂难以可视化的程序语言转化为了动态的可视化语言。既可以带给用户安全感，另外也舒缓了因为等待而产生的急躁感。

除了依靠冗沉的动画效果，亦或是硬件优良的终端设备，我们还应考虑动画应该出现的时间、环境以及用户的使用习惯。动画能带来一系列的美的体验，同时也要避免过度设计，过多的动画效果会让用户在使用阅读软件时不能聚精会神，分散用户的注意力。动画是为解决用户需求而存在的，应当时刻紧守用户体验这一底线，通过探索浏览器的性能和用户的操作习惯来研究动画的可拓展性，让用户体验更加顺畅。

【作者简介】

黄欣，民族：汉，出生年月：1984 年10 月，籍贯：江西抚州，学位：学士，职位：教师，职称：讲师，研究方向： 视觉传达。

朱华，民族：汉，出生年月：1965 年6 月，籍贯：江苏无锡，学位：硕士，职位：教师，职称：副教授，研究方向：视觉传达。