幽灵按钮在网页交互设计中的应用

来源:用户上传      作者:

　　摘 要：随着科技信息时代的快速到来，为了提升用户在网页交互设计中的服务体验，快速传递网页中的有效信息，对幽灵按钮及网页交互设计进行了详细分析，得到幽灵按钮能够使网页交互中的信息层次分明、用户沉浸式体验、增加网页视觉体验整体性的结论。同时，在使用网页时减轻了用户对信息的记忆与思考压力，快速增强用户在网页交互中的优越性。
　　关键词：幽灵按钮;网页交互;交互设计
　　1 幽灵按钮概念
　　网页中的幽灵按钮是指仅有轮廓，无填充装饰效果，边界清楚的扁平状透明式按钮，一般是白色或者黑色。按钮所指引的内容，要表达的文字具有纤细简洁的视觉感，使视觉效果清晰明了。这种扁平状的透明按钮要比传统的可点击的按钮稍大，一般放在网页界面当中突出的位置，在网页界面中，应用的背景主要取决于周围的对比度和环境本身，因而得名幽灵按钮。[1]幽灵按钮除了具备传统按钮的指示性作用，等待用户发出指令，进行事件行为以及按下触发事件，处理用户指令行为等之外，还强调了网页的视觉更具界面美感和交互体验。
　　2 网页交互设计
　　近年来，随着计算机技术的发展和广泛使用，“交互”一词频繁出现在生活的方方面面。从游戏软件、应用程序、网页浏览等与科技有关的事件中，都存在交互行为和发现它们的影子。可视化BASIC（基础）语言之父Alan Cooper（艾伦·古柏）认为：“……交互设计首先旨在规划和描述事物的行为方式，然后描述传达这种行为的最有效形式。”从中我们能够得到，交互设计的本质就是促进人与人、人与物之间的互动。而在网页界面交互设计当中，网页界面交互设计是人机互动，致力于提高用户的体验。网页中的交互设计，不仅仅要求界面具有画面美感，传递的信息清晰明了，更重要的是让用户有沉浸式的体验。一个成功的网页界面交互设计不仅能夠美化界面，还能优化其产品和服务的交互行为。而网页界面交互设计就是要在兼顾传递信息和视觉体验的同时让信息和用户完美地进行交流。[2]
　　2.1 传递信息
　　首先设计师对自己要传递的信息有准确定位，信息层次分明，适用于哪类网页设计或是多类网页设计风格。例如，在一些网站中，主要传递的信息是财产安全、用户使用时理性与谨慎，因此市面上的网页界面大都以蓝色调为主，无过多干扰信息，按钮的信息层次明了。从中在网页设计中，按照所需传递的信息确定网页设计风格，使之有明确的定位，才能够根据要求完成交互设计，从而缩短用户取得信息的中间路径，提高了传递信息的效率。
　　2.2 视觉体验
　　人类对于感官的依赖是人的本能，我们潜移默化地利用和开发这一本能，达到一种享受的愉悦，产生行为冲动。在网页交互中，用户通过鼠标点击所得到的网页虚拟环境的变化在这一过程引发的感官反应是真实存在的。优秀的视觉体验是对文字的使用、色彩的应用以及界面的排版进行设计，让用户及时清楚操作流程。同时，减少网页交互过程中出现的模糊信息能够让用户轻松体验交互过程，拉近用户与网页虚拟环境的良好关系，产生更愉悦的视觉体验。[3]
　　2.3 用户体验
　　用户体验是指体验人群对被实验产品的看法与感受。[4]用户体验的满意度决定着网页交互设计是否成功。在网页中，用户体验最直接的方式是通过网页中的指引导航进行交互。在互联网高速发展的现在，用户的耐性有限，为了在短时间内让用户得到需要的信息，网页设计要减少繁杂且干扰视觉的元素，增加简单的具有目的性和指引性的设计元素，进而提升用户的满意度。
　　3 幽灵按钮应用网页交互的优越性
　　在网页浏览中，幽灵按钮比传统按钮在辅助视觉体验整体性，引导信息层次分明，用户沉浸式体验方面具有较明显的优越性。
　　3.1 信息层次分明
　　网页中的文字与图像属于信息输出层，识别后需要触发事件和处理用户指令时间，幽灵按钮所具有的功能性，引导用户视觉焦点，将图片转移到按钮上，思维落点由输出层进入反馈层，增强了网页交互中的信息层次。网页设计中要尽量避免理性、冷色调，而幽灵按钮的加入使页面层级信息更加分明。
　　3.2 沉浸式用户体验
　　幽灵按钮不仅能够用于背景图像，在网页中的动画和视频交互时也可以应用。悬浮式的布局使用户更容易获取动态信息，还能成为衔接视频的元素，让用户沉浸在同一层级的信息环境中，保持交互的稳定性。
　　3.3 视觉体验整体性
　　与装饰化风格按钮进行对比，幽灵按钮的半透明风格，纤细字体，更能融于以大图片为背景的网页界面，在视觉上产生统一感与整体性。而这种整体的视觉体验使用户在访问网站时不会因为繁杂的界面元素造成视觉焦点模糊和混乱。
　　4 结语
　　幽灵按钮在网页中的频繁使用已成为一种流行的趋势，被用户所认知和接受，也是网页交互设计中按钮的延续和探索。本文以网页交互设计中的幽灵按钮为研究对象，总结幽灵按钮在网页交互中的优越性，不仅仅是按钮表面上在网页交互设计中的指引标志，更深层次使用户与页面直接产生交互行为。
　　参考文献：
　　[1] 顾佳凤，何灿群，许丹妮.交易型信息亭用户界面中的幽灵按钮设计[J].包装工程，2016，37（24）：63-67.
　　[2] 伊卓君.以用户体验为中心的网页交互设计理论探索[J].现代装饰（理论），2011（08）：48.
　　[3] 宋玲.网页交互设计的视觉体验[D].西安美术学院，2010.
　　[4] 吴旭敏，王敏.基于用户体验的网页交互设计研究[J].艺术教育，2017（Z7）：125-126.
　　作者简介：龚俊韬（1996—），女，湖南永州人，湖南师范大学美术学院设计学专业2018级研究生在读，研究方向：数字媒体艺术设计。
转载注明来源:https://www.xzbu.com/1/view-14936260.htm