交互设计中占位符文本的探究

《交互设计中占位符文本的探究》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、交互设计中占位符文本的探究摘要：从用户体验的角度分析了界面设计屮占位符文本的作用与重要性，并提岀占位符文本不仅仅是表单界面的构成元素，更强调其对于用户体验起到改善与引导作用的含义。占位符文本应该在用户的交互体验中引起设计者更高的重视，并起到对用户实现交互过程的引导功能。关键词：交互设计；界面设计；用户体验设计；占位符随着现代信息科技的发展与互联网络的普及，各类互联网产品已经被大众广泛接受。与传统产业不同的是，互联网产品对于普通用户的获得成本是极低的：传统产业的用户往往需要付岀高昂的代价才能体验最好的商品与服务（如汽车、酒店），而互联网用户只需要以低廉的价格甚至免费就能

2、体验到最好的产品与服务（如社交软件）。伴随着高质量产品与服务而来的，是不那么令人满意的使用体验。因此,用户体验（User-Experience）和交互设计（Interaction---Design）逐渐为人所关注。也止是这样，传统的设计体系中诸多被人忽视的耍素也由于能够改善用户体验而逐渐被设计者重视起来。然而占位符文本（Placeholder---Text）仍是容易被设计者忽视的要素之一，占位符文木的错误或不规范的使用在目前极为常见。因此，对其正确使用方式的研究对于人机交互科学具有重要的意义。1占位符文本在交互设计中的功能性1.1占位符在界面设计中的意义占位符（Pla

3、ceholder是在信息通讯产品的界面设计中常用到的一种元素，它是交互设计的功能基础，包含了具体的功能和信息的组织结构。［1］用户面对空口的电子表单等界面时，往往会产生不能理解交互方式的“认知摩擦”。［2］占位符的主要作用就是在这类界面布局中占据一定的空间面积，既能调节控制用户界面的视觉传达效果，乂可以实现界面对用户的默认的提示、说明、引导等功能。在用户填写表单的界面中，占位符常常以文木的形式呈现，作为对表单填写栏或选项的补充说明，因此被也称为占位符文本。其至在当下流行的“扁平化”设计语言屮，为了使用户填写表单更加流畅，即改善用户对于表单填写界面的体验，简化表单的结构

4、、层级（如删除表单的分项标签等），占位符文本的应用显得更加简洁、美观。但是在不同产品与不同情境下，占位符文本具体的职能作用不尽相同。1・2占位符文本在界面设计屮的功能使用占位符文本常见的目的有两大类别：视觉优化、功能优化。视觉优化角度有三大具体功能：第一，统一视觉效果功能。基于占位符文本的表现形式为文木这一特性而实现，可以使界面上的图形元素减少，使文木元素与线框成为界面的主要形式。第二，缩短表单（或界面）长度功能。因为占位符文本可以内置于表单填写框区域内，无须额外添加“标签”（label）元素，可以减少表单填写框区域外的标签文档，从而达到缩短长度的效果。第三，精简表单

5、（或界而）结构功能。与第二点类似。常见的表单组成元素除了标签外，述有示例文本（为用户填写的数据提供格式上的范例参考）、指令文木（提示用户执行相应操作）等页面元素，但它们往往会以不同层级展现，如“弹出窗口”“弹出气泡”等。使用占位符文本可以降低对这类不同层级、结构的元素的使用频率，界面层级浅的结构访问路径短，一定程度上可以帮助用户对完整路径进行观察。［3］综合上述三点，视觉优化的功能大致可以概括为对表单界面的视觉元素进行整合，使之视觉传达效果趋于整体化、简洁化。功能优化角度有四大具体功能：第一，充当标签（或辅助标签）文本。指在表单填写框区域内的占位符文本充当标签或辅助标

6、签，以说明用户在此处填写的数据类型、名称。第二，充当指令文木。指应用占位符文本在表单填写框区域内对用户执行的操作给岀指令或引导，同时让用户对数据填写的对应区域有较为快速明确的定位。第三，充当帮助文本。指应用占位符文本在表单填写框区域内就用户填写的数据内容、格式等问题提供帮助与参考，便于让相关表单填写经验不足的用户理解对于数据填写的具体要求。第四，充当示例文木。是第三点功能的具体化、特殊化案例。在用户无法掌握输入数据的格式时，一个实例文本可以直观地展现格式范例，并让用户在输入框区域内对照范例输入。综合上述四点，占位符文本的应用旨在给用户执行数据输入提供更加易用、顺畅的步

7、骤流程，简化人机交互关系，改善用户体验。2占位符文本对人机交互的干扰2.1占位符文本对执行流程的影响占位符文本应用的目的是改善用户体验，其功能直接作用于用户对于操作界面的使用流程。表单是互联网信息产品屮常见的用于主动收集用户数据的形式，其目的在于将用户数据分类并收集。表单填写框区域内的占位符文本直接影响到用户填写表单所需数据的流程，这种影响主要体现在用户对于表单信息获取的效率、在页面停留时间（Time・・・on・・・Page）以及用户填写数据错误率的变化。用户对于表单信息获取的效率是不直观可视的数据，--般表现为用户开始执行填写表单的操作前的停止时间