科技与出版, 2019, 38(3): 89-92 doi: 10.16510/j.cnki.kjycb.2019.03.017

编辑实务

出版类App界面设计的可视化交互*

王雷, 郭航

武汉体育学院新闻传播学院,430079,武汉

编委: 苏磊

摘要

出版类App既是联系用户与出版机构的传播枢纽,也是信息得以呈现在受众面前的窗口,只有重视界面的交互设计,才能更好地吸引受众。通过剖析出版类App的特有属性与界面设计要点,提出相应界面设计可视化交互的实现策略,以期加强用户的体验,推进出版业的持续发展。

关键词: 出版类App ; 界面设计 ; 可视化交互

PDF (2250KB) 元数据 多维度评价 相关文章 导出 EndNote| Ris| Bibtex  收藏本文

本文引用格式

王雷, 郭航. 出版类App界面设计的可视化交互*. 科技与出版[J], 2019, 38(3): 89-92 doi:10.16510/j.cnki.kjycb.2019.03.017

截至2018年6月,中国移动互联网用户规模攀至7.88亿,其中手机网络文学用户占据了3.8亿。而据《2018年中国数字阅读行业研究报告》显示,73.4%的数字阅读用户会优先选择手机阅读App来阅读电子书。在应用市场持续火热的前提下,不管是出版社、出版集团还是民营图书公司,均在向业界释放一种信号——出版机构正在向电子书市场主动出击,进军App已成出版社的新趋势。在此背景下,出版类App应用的同质化问题逐渐凸显,应用竞争日渐激烈,如果不能有效剔除产品中存在的同质化问题,出版类App就无法占据有利的市场地位。因此,如何提升用户体验性以及界面可视效果与交互性,已成为App应用研发者思考的重点,这对出版行业现代化竞争与可持续发展也具有重要意义。

1 出版类App的特有属性

1.1 使用过程的交互性

互联网时代,新媒体正在以不同的形式融入我们的工作和学习之中。随着移动终端的普及和多样化,出版类App给我们带来了丰富的阅读体验,数字出版物阅读率有明显上升的趋势。用户可以通过App的用户端,灵活、迅速、跳跃地利用交互选择需要的内容,选择内容的呈现形式,让阅读变得生动有趣,使原本抽象、难理解的知识通过多种信息显示方式变得形象直观,从而便于记忆。同时,读者在使用的过程中还可以随时随地撰写评论、分享读后感、实时交流以及反馈问题。如此一来,信息就突破了人与人之间的距离,并通过网络平台的交互,实现了信息的传递与资源共享。

1.2 传播成本的低廉性

在出版类App中,数字化出版物具有价格低、节约纸张、更新相对较快、出版门槛相对较低的优势。有资料显示,56%的读者愿意支付网络阅读的费用。数字阅读的费用约为纸制出版物价格的5%左右,而且数字化出版物中包含的多种形式图书使读者可选择的方式增多。

1.3 用户阅读的便捷性

手机媒体可以让用户在地铁、公交等嘈杂、拥挤的极端环境中使用,从而更方便。出版类App普遍具有信息检索功能,便于读者随时进行快速查阅,节省了大量时间,且不会有所遗漏。电子信息储存功能强,用户只要在App进行下载就可以轻松阅读,信息容易保存,且储存时间长。

2 出版类App的界面交互设计要点

优秀的界面设计,并不是追求更为强大的功能,而是趋于人性化,倾听用户的需求,同时结合优良的设计原理,设计出顺应时代发展、满足用户需求的App。界面是用户和软件之间的连接锁,它不但要在第一时间吸引用户,还要能够长时间地留住用户。在出版类App界面的可视化交互设计中,不仅交互界面要力图简洁明了,还要不断归纳用户在使用过程中产生的习惯,让使用过程更加适合用户的需求心理,优化他们的阅读体验。

2.1 交互设计中的微观体感:输入方式

出色的出版类App界面布局设计,不仅能促进用户对应用功能的合理掌握,更是用户快捷、高效地转换界面和了解应用的关键。为了更好地增加用户黏性,让用户在使用的过程中更便捷舒适,就需要在已有的基础上,根据阅读内容进行合理的版面布局设计,引导读者顺利按照其意图进行操作,并流畅地获取想要的阅读信息。因此,在考虑版面的时候,相同版面内的同级按钮数量应该适当减少,并且适当地增大字号,保证用户输入的准确度和流畅感,让用户充分享受可视化设计带来的方便快捷。

2.2 交互设计中的中观套路:功能与层次

出版类App界面视觉设计应以内容可视化为目的,优秀的可视化可以提高用户需求获取的实用性。让用户从凌乱纷繁的数据中找到最想得到的信息,让App变得亲切美观易于理解,可视化无疑是最有效的途径。例如,2018年,获得“苹果最佳2018年度设计奖”的“iTranslate Converse(语音翻译)”的界面就是简洁实用的可视化呈现形式,打开App就是翻译界面,长按就能开始翻译,并且翻译速度很快。界面上没有多余的元素,选好语言之后,iTranslate Converse就能自动识别声音,把它翻成另一种语言,无须手动切换,就可以让交流更加自然,即使是不熟悉智能设备的长辈也可以很快学会。在创造用户黏性的同时,也需要进行信息的分享与汇总,打造一个交流圈,这样看似是让用户接触其他软件,似乎会产生用户的向外流失,实则会有其他用户通过信息的沟通与传递接触到目标软件,从而形成一个良性的信息循环,创造出一个合理的用户流动行为模式。

2.3 交互设计中的宏观视野:界面样式

很多用户在使用App时,第一眼注意到的便是界面的设计,良好的色彩把握、简单的应用符号和丰富的阅读内容,会让用户有较好的交互体验。如果界面样式不符合自己的需求,那么用户便会将它删除。由此可见,让用户能够第一时间获得良好的交互体验是很重要的。同时,设计中图形的准确性在界面设计中尤为重要,要尽量用简单易懂的图形进行描述,与用户使用习惯吻合,以便用户更快地接受软件。与其他软件相似的功能,尽量使用行业内的通用图标,贯彻可视化原则,杜绝为了“设计”而设计的现象发生。越大的事物越容易被找到,同样越大的文字或者图像越容易被用户所关注。在设计图标与描述性文字的时候,巧妙地利用尺寸的差异让用户感受到设计层次,用更大更粗的字符凸显更为重要的内容,可以让用户把关注点放在设计者引导其关注的事物上(用户自己也在寻找的功能),极大地增强用户的满意度。

3 出版类App交互界面设计可视化的实现

出版类App的界面设计对App应用研发具有重要的作用,设计质量的好坏直接关系到出版类App的用户体验性与界面优化性功能的发挥。设计者需站在用户的角度考虑,并了解每个用户使用习惯的共同点,寻求能够满足大多人需求的设计页面。

3.1 布局设计的实用性实现

在智能移动设备中,手持进行操作至关重要,合理的界面布局可以给予用户更好的使用体验。出版类App界面的操作设计必须考虑到移动设备的物理尺寸以及用户手握设备的方式,应找出用户单手使用时最舒服的可触摸区域。根据大部分人的操作习惯,在进行界面布局设计时,首先结合左、右手拇指能触及的区域,将主界面设定为左右对称的视图,然后把最重要的内容介绍放到屏幕中心,并将大部分的功能键都放在拇指可以触及的范围内,以确保用户的手指适度伸展就可以够到,保证用户使用的效率,如图1所示。

左右手重合区域显示

“中信书院”“中华书局”“新华字典”页面布局

3.2 视觉设计的简洁性实现

出版类App视觉设计,需适用用户长时间阅读的习惯,尤其要重视对颜色的选择,尽量保持版式与内容的差异,但又能不显得眼花缭乱。因此,在设计时应保持颜色使用的一致性,尽量减少大面积的、多种色彩的应用,因为过多的颜色堆积会让用户处于一种狂欢般的凌乱感之中。一般来说,在一个页面中,所用颜色不应超过三个色系(见图3),颜色的使用要适当、一致,以使整个阅读应用产品有同样的观感,尽量引导用户的视线,让用户可以方便快速地锁定主要项目,达成自己的使用期望。

“新华书店”界面色彩

3.3 功能设计的交互性实现

在出版类App的功能设计中,应注重交互性在各设计环节中的具体体现,从而保证用户的体验,提升用户对出版类App的喜爱,改变用户传统行为习惯。为提升用户价值,尊重用户选择,可以构建用户交流平台,通过书评区的评论、投票等形式强化用户的自我展现。构建多样化内容、社交功能以及全面化消费类型,满足不同用户的不同需求(如图4图5图6所示),增强用户的选择性与生活体验性,满足用户的需求。

“中信书院”内容分类

“磨铁图书”评论区

“新华书店”优选区

4 结语

对出版类App来说,一款合理规划的产品,从产品界面的角度考虑,应该第一眼看上去就应该能够让用户有的放矢,而不是如进入灯市般眼花缭乱。应该能够让用户用最短的时间,就能通过对简单的图形和轮廓的分辨,迅速地进入学习状态。在界面设计中,尽量保持合理的排版、布置,让操作的条理性更为清楚。同时注重设计的逻辑性,让子项目与主项目承接得更为合理,提高用户使用的流畅性。所有的设计风格应保持对应的合理性和风格的一致性,让用户的使用可以举一反三地从一次操作中尽量多地理解整款软件,进而以最快的速度得到满足。

基金项目:国家社会科学基金项目“大数据时代我国体育品牌的自主创新研究”(14BTY032);武汉体育学院优势特色学科群资助。

参考文献

谢萃.

基于用户体验的智能硬件终端App界面设计研究

[D]. 上海华东理工大学2015.

龚诗雅.

基于可用性的智能手机应用软件界面设计研究

[D]. 西安西安建筑科技大学2015.

郝阔.

微博App界面优化设计

[D]. 昆明昆明理工大学2015.

张宝.

视觉传达设计如何在新媒体中胜出

[D]西安陕西师范大学2014.

曹宏.

体育运动类的传播效应研究

[J]. 新闻研究导刊,20167(12):356.

/