基于用户体验的界面信息可视化设计研究

《基于用户体验的界面信息可视化设计研究》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、基于用户体验的界面信息可视化设计研究靳晓晓上海出版印刷高等专科学校体验经济时代，如何将信息可视化从简单的传递信息转换为值得用户关注和消费并符合信息美学的视觉产品，是当下信息可视化发展阶段中具有现实意义的课题。本文以用户体验为出发点，以数字界面载体的信息传播特点为依据，分别从信息构架、视觉秩序、互动体验三个方面探讨了新媒体环境下界面信息可视化设计的建议和方案，从而提高界面信息可视化的传播效率和服务质量关键词：界面佶息可视化;用户体验;佶息构架;视觉表现;交互体验;基金：上海市科研创新项A棊金资助，课题名称《新媒体时代信息可视化的视觉

2、传达与应用研宄》，项目编号：（D0002130016）新媒体环境下，随着互联网技术和信息科学的不断发展，数字化信息革命浪潮的到来使得信息可视化得以迅速的发展和传播。近年来，信息可视化己渗透到教育、新闻媒体、信息科技等各个领域。信息可视化是一个实现“信息的搜索、过滤、整理和呈现、并使其淸晰而又有效传递”的过程，为我们提供了一种新的思维方式去处理信息和解读信息。高质量的信息可视化设计可以在用户和信息之间构架有效沟通的桥梁，把复杂的信息描绘得直观、生动、清晰并易于理解。体验经济时代，用户作为信息的接收对象，具有关键性作用。平板电脑、智能

3、手机等移动终端设备不仅是信息发布的平台，更是用户体验的媒介。我们需要从用户体验的角度进行可视化设计，不断更新信息环境以及信息可视化的呈现方式，从而提高信息可视化的传播效率和服务质量。在界而信息可视化中影响用户体验的因素主耍有：1.信息构架：即信息构架是否合理;2.视觉表现:信息可视化所呈现的整体视觉效果;3.交互体验:即用户在浏览信息过程中的参与度与体验值。如何构建科学合理的以用户为中心的界面信息可视化系统，将信息可视化从简单明确的传递信息转换为值得用户关注和消费并符合信息美学的视觉产品，是当下信息可视化发展阶段中具有现实意义的课

4、题。一、信息构架信息构架是界面信息可视化设计的首要环节。信息构架是对所采集到的数据信息进行合理的结构化分类、组织、管理和处理的过程，其核心是组合信息表述的要素、设定信息表述的路径、编辑信息表达的内容。信息的组织结构是否合理，直接影响着信息可视化的传达效果。搭建合理的信息秩序需要首先对信息内容及信息层级进行划分，找到有效信息的关键点，根据信息的重要程度以及信息N容之间的关系，对各维度信息进行分类、分层、排序，利用空间布局或吋间顺序来界定信息的层次和关系，完成信息的有效表达。其次，需要准确定位目标受众群体，了解用户的心智模型、信息需求

5、和阅读习惯。相对于传统的信息可视化，数字界面的信息可视化的信息模型构架还需要考虑信息传播环境的特点以及数字界面的呈现方式。比如：以手机为主要呈现载体的界面可视化设计就需要根据手机的尺寸、画面的比例、人体工程学、手机用户的阅读习惯来构建合理的信息结构。当今人们所获取的信息大多是扁平化的，扁平化设计是一种横向平铺的信息表达方式，可以通过减少信息的层级，缩短与受众的沟通距离，在短时间内被受众快速识别。适合于界面信息可视化的信息结构类型主要有:线性结构、矩阵结构、树状结构（如图1）。线性结构:一般采用单一的视觉流程，以时间流的方式呈现信息

6、内容。在表现形式上通常采用水平线、垂直线、弧线来体现信息在时间维度上的变化。在时间轴上，也可以通过调整单元信息的位置关系和空间关系表达信息在单元时间内的趋势变化。矩阵结构:其单元结构以矩形或其他简单的几何图形为主，主要表现为单元信息的重复式的自由排列。在特定的框架结构屮，利用网格系统对其空间结构进行合理编排，通过调整区域面积的大小、位置、距离关系，使不同层级的信息根据其重要程度逐次呈现，在整体上形成一个能够映射信息结构的视觉结构形式。树型结构:其信息结构的类型与树木形态相似，釆用蔓延的形式呈现信息，这种形式易于表示信息的层级关系、

7、并列关系和从属关系。适合表现需要不断扩展的信息内容。图1.界面可视化信息路径二、视觉表现信息可视化的设计过程也是用视觉思维对抽象信息进行视觉化的译码、转换、重组、搭建关联信息的过程。其重点在于如何将抽象的数据信息准确地转化为具有代表性的视觉语言，利用图形、文字、色彩、符号等视觉元素完善信息框架，并建立合理的视觉秩序，实现信息与视觉的有效结合，帮助用户快速理解信息。1.视觉转换视觉转换是将抽象的信息数据转换成为可理解的视觉符号，同时尽量保持数据信息内容的特性和关联性。视觉转换的准确性直接影响着可视化信息的传达质量。在视觉转换过程中需

8、要对信息数据进行梳理和分析，剔除繁杂的信息，提炼数据中的关键信息，探寻数据和图形之间的关系，如利用图形符号的有序性、关联性和对比性表达数据之间的关系。同一个数据集可以有多种视觉转换形式，选择恰当的视觉编码是视觉转换的关键步骤，视觉编码需耍考虑阁形符