浅谈网页设计中的用户体验

摘要

      网页作为信息交互的媒介形式，多年的发展已经在理论和应用上卓有成效，但在以CHAT GPT为先导的交互式大模型不断深入的现实情境下，作为网络信息平台本窗口的网页，其承载信息的要素对象和结构形式不仅对用户的交互体验，还是在语言文化的符号性累积和生成性上，强调网页个人用户的交互体验，注重整个文字和符号的内容和形式传达、累积以及生成，都是紧要的。文选取系统性思维框架，借鉴产品和服务交互界面的概念模型，引入“体验”作为关系和流程的方法，就“基于的体验设计”的理解背景和学理以及设计的工具和方法论上作了些探究。

关键词：交互界面设计，意义结构；体验；用户体验；基于体验的设计。

Abstract
The web, as a medium for information interaction, has achieved significant progress both theoretically and practically over the years. However, in the current context where interactive large models like CHAT GPT are increasingly prevalent, the web, as a window for network information platforms, carries not only elements and structural forms of information that are crucial to user interaction experiences but also plays a significant role in the symbolic accumulation and generative aspects of language and culture. This paper emphasizes the importance of the interactive experience of individual web users, focusing on the transmission, accumulation, and generation of textual and symbolic content and form. It adopts a systematic thinking framework, drawing on the conceptual models of product and service interaction interfaces, and introduces "experience"as a method for relationships and processes. The paper explores the background and theoretical understanding of "experience-based design,"as well as the tools and methodologies involved in design.
Keywords: Meaning structure，Experience，User experience，Experience-based design.

引言

       本文作者研读了有限的基本国内外有关专著，聚焦到加斯帕· L.延森在其文章《深层体验设计》中提出的后续研究方向，即提出一种理解和设计“深层次体验”的工具和方法论作为后续研究方向[2]。由于本文作者学术素养所限，主要通过中国知网论文检索，目前国内聚焦并且深入阐述的不多见，于是本文选取“系统性思维框架”[1]，借鉴产品和服务交互界面的“概念模型”[1]，引入“体验”作为关系和流程的方法[2]，就“基于的体验设计”的理解背景和学理以及设计的工具和方法论上作了些探究。

[正文]

一、绪论

1.1研究背景

       加斯帕· L.延森在其文章《深层体验设计》一文中，将“建构体验范围框架（ESF）”“直接应用于设计流程”上作为后续体验设计的研究方向，本选题聚焦这一方向，重新解读网页设计中的用户体验问题，并且就实践指导性上，在设计的工具和方法上做了框架式的探索。

1.2研究意义
       

      1.2.1理论意义
       

       加斯帕· L.延森在其文章《深层体验设计》[2]一文中，以先行的实证研究结果为背景，提出并论述了将“建构体验范围框架（ESF）”“直接应用于设计流程” [2]上会为探索更广泛的体验范围提供结构化的方法，也为可能的后续研究指出了方向，那就是提出一种理解和设计“深层次体验”的工具和方法论[2]。
本文在这个研究后续上作了些探索和拓展，分别在“基于体验的设计”和“基于‘用户体验’的网页设计”两个论域上，就设计的理解解读和设计的工具和方法上做出了框架式的探索。这不仅在理论研究上维护了“基于体验的设计”的这一网页设计共同范式，也为该范式在理解角度创新和内容的探索和拓展上，为后继者贡献了一个资以借鉴和启发的新出发点。
      1.2.2实际意义
        

       本文的目的在于建构一个用于“网页设计”（本文在将“网页设计”而不是“网页”作为一个系统的视角下使用本概念）中的“关系”[1]框架，本文将该关系框架称作“体验”[2]，其核心思想来源于设计过程中的“系统性思维”[1]中的“心智结构”、“概念模型”和“信息架构”三个架构[1]，该关系框架是一个以“用户体验”为关系的“用户-体验-意义”结构，可以用作网页设计的两个主体（设计者和用户）“目标、体验和意义”的分析工具（理解“深层次体验”的工具），也可以作为网页设计中两大关键节点“线框图”和“信息架构”[3]的用户体验导向的思维导图（设计“深层次体验”的方法论），将网页设计者和网页的目标用户（用户模型）[4]二者的“目标、期望、动机和行为”四个要素映射到“用户体验的意义结构”[2]中（设计“深层次体验”的工具）。使网页设计过程不偏离设计的灵魂三问“是什么？做什么？如何办？”。

二、核心概念

2.1感受，意义，意义结构，体验以及感受、意义结构与体验的关系

        产品服务是一个被预期了的、“有意义交互”潜能的系统[2]，其“意义”不外是人与产品服交互（使用）过程（使用前、使用中以及使用后）得到的各种“感受”，对意义做这样的界定是基于如下理论的：意识感知到相应的感受后，在情境场域中借由符号化的象征和修辞方式进行演进[5]，由此感受获得了以概念和纯形式作为表现方式的意指[5]，于是“感受”以“意义”的方式构建在一个情境结构中，同时也成为了感受者生命体验和存在价值和意义的一个部分[6]。由此，我们得出感受与意义的关系，即意义是感受的表现和存储方式，意义是以概念和形式的方式建构在一个大的意思系统之中的，“意义结构”这一概念在此也得以确立。
       那么，感受与体验又是什么关系呢？感受是内在的，而体验是“此在”，在世界总存在，是通过身体、工具自然地或技术性地与周遭世界相遇交互，沉浸在世界中以生活的方式。可见“体验”是主体能动性之目的需求借由连接内外的媒介，在外一端是世界客体，对应内在的为意义（感受的表现和存储方式）。
至此，体验的一端是意义结构，另一端是活生生的人世界，那么“体验”必然是用户在生活世间的行为和生存状态通过体验进行映射的结果，体验作为映射关系，该关系有工具（交互界面实体维度）、流程（使用维度）、和深层体验（意义）三个维度（这三个维度的划分，接受了加斯帕·L.延森在其文章《深层体验设计》[2]，其中行为和流程这两个维度是接纳用户行为和状态作为输入的维度，意义维度是作为输出“意义结构”的维度。使用者（用户）以需求和目标调动（使用）这一映射关系，将需求用户在生活世界中的行为和状态在体验这一映射关系下投射到意义结构上，将这一意义结构做评价，用户完成了从目标需要经由行为到意义的整个体验过程。

2.2用户体验，网页系统，网页要素与用户体验要素
       “用户体验”指用户与网页交互的体验，该体验作为网页这一系统的关系要素（网页系统由目的（用户目的和设计者目的）、要素（标题、功能选单、主题内容和临时内容）[7]和关系（各要素功能实现的关系）组成），用户体验本身也包括三个要素，分别是一个隐含要素“心理图式”，是用户情绪、动机和行为选择的心理方面，会受到“文化模式化“和“文化差异”[9]的影响，但有心理科学在事件上的统计实证研究作为保证的，是至于两个构成要素“网页要素的象征工具[10]”和“信息架构流程”，这是心理因素的现实对象，其中“心理图式”隐含在另两个要素中。关于用户体验的结构见图（1）。

图（1）

三、基于体验的设计及其设计工具和原理

       由上，用户与产品服务交互过程中，“创造和表达意义的是用户，而不是设计师。”[2]所以，用户体验设计师的设计目标就是要构建一套流程，将用户在特定目的和需求下的行为和状态（用户在世界中的生存状态），映射到意义的结构（有任务、成就、价值观和幸福四个域）[2]中，获得问题解决、成就、价值观和幸福的体验——能克服、有成就、确立自身在物质世界和理念世界中的地位。而体验就是这套流程，所以，设计产品服务就是设计流程，就是设计体验，基于体验的设计。
      由上，我们对设计思想进行了一次视角的转化，从体验这一视角看: 产品服务的设计是构造一种体验的结构或称作流程，用户在该流程中与体验的工具要素（真实环境下的交互情境要素交互的行为涉及的实体表征）进行交互中，不论在内在动机、感受、体验和评价这些心理活动上还是在外显的行为上，体验对用户的行为状态、目的需求都具备引导、反馈、控制、塑造的影响和作用。见于学者理论上的论述“无论你设计的东西是什么，其使用方式都只能让用户自己选择，
      不论是菜单、定价还是产品清单。但UX （用户体验）能够影响用户的选择。”[3]可见这样的设计思想在理论是成熟的，有鉴于“我们的设计应该更加深入地植根于预期的体验结果，……我们一定要把注意力（和资源）从新技术开发转移到有意识的设计所产生的体验，从技术驱动的创新转移到以人驱动的创新。” [2]，该思想在实践上也是卓有成效，比如“UX (用户体验)设计是一项实践，通过对人们造成有预期和可控制的影响来解决问题。换言之，就是有目的地让人们感受、思考或行动。因此，你越了解用户的感受、思想和行为，就越是一位优秀的设计师。” [3]
       通过梳理感受、意义与体验的关系，在“体验的意义结构” [3]（这一提法的内涵得到了较充分的揭示，“建构体验范围框架（ESF）”“直接应用于设计流程” [3]在设计工具和方法论上也初具雏形，也就是说“深层体验的设计” [3]的工具和方法论得到了更深入探究和拓展。
四、基于“用户体验”的网页设计的设计工具和方法
       “用户体验”作为“网页设计”这一“产品服务系统”的关系要素，它以网页线框图各元素的实现模型（已设计好的可拿来用的功能原型，也可以使自行设计）与布局，以及网页信息架构的流程作为心理图式的实现载体，在用户与网页互动前、互动中以及互动后的整个时间线上，在用户目的和动机的驱动下，构造出不断推进的交互场景（心理图式驱动下，用户主体意识在与交互界面的象征工具构建出的情景），使用户沉浸在“虚拟的交互情境”（此概念的提出和使用是海德格尔《存在与时间》[6]中，视域的一种应用，即“存在的一种上手状态”）中。将这样的一直内心过程称作心流，心流[8]作为用户的体验状态让用户脱离开真实环境下的交互情境要素（屏幕、网页、鼠标、键盘、视野、音乐等），就连网页浏览、查找、发现与交互的行为涉及的“实体表征”[3]（菜单、按钮、标题、分块、表单等）也退离网页交互中的视野，这种“心流体验”的八个要素[8]“预期可完成的任务，全神贯注于此事，明确的目标，及时的反馈，毫不牵强投入手头的行动中，自由控制自己的行动，忘我的状态，时间感模糊”，用户在设计的体验中，结合成一种深沉的愉悦感，心理预期得到填充，目的和需求也获得了意义的反省、加持和丰盈，于是“任务完成、成就感、与价值观有关的地位和理性释怀以及人生享受”一并达成。

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。