163性爱网 微交互易用性和脸色趣对用户体验遐想的影响 The Impact of Microinteraction Usability and Emotionality on User Experience Design

发布日期：2024-12-15 19:39    点击次数：142

南京林业大学艺术遐想学院163性爱网，江苏 南京

收稿日历：2023年8月2日；委派日历：2023年9月3日；发布日历：2023年9月12日

摘记

微交互是通过外部发扬和里面机制的共同作用存在于界面颐养之间的动态效率，虽为界面遐想的新议题，却被视为是可影响用户体验的报复组成部分。本文以微交互遐想对用户体验的影响为基础，探讨细节遐想对界面使用所产生的报复效用；并细心于从易用性和脸色趣特质的角度对细节遐想可产生的力量加以梳理，以微交互为主轴分别评释注解两大特质所涵盖的具体内容。连系强调，微交互既可通过静态元素与动态效率的搭配和串联达成培植界面的合股进度、使用效率、舒适度等易用性特质的需要；也不错利用其细巧的动画效率为用户带来心情唤起、好意思感愉悦、感知共识等脸色趣特质的追求。连系聚焦于微交互的双重感知性情，通过细节遐想为界面提供遐想新想路；而细节也不啻是细节，是终了用户体验培植的阶梯。

重要词

微交互，界面遐想，用户体验，易用性，脸色趣

The Impact of Microinteraction Usability and Emotionality on User Experience Design

Jiayang Ma

College of Art and Design， Nanjing Forestry University， Nanjing Jiangsu

成人游戏在线玩

Received: Aug. 2nd， 2023; accepted: Sep. 3rd， 2023; published: Sep. 12th， 2023

ABSTRACT

Microinteraction is a dynamic effect that exists between interface transitions through a combination of external manifestations and internal mechanisms， and although it is a new topic in interface design， it is regarded as an important component that can influence user experience. Based on the impact of microinteraction design on user experience， this paper explores the important effect of detail design on interface usage， and focuses on the power of detail design from the perspectives of usability and emotional qualities， interpreting the specific contents of the two qualities with micro-interaction as the main axis. The study emphasizes that micro-interaction can not only meet the needs of ease of use， such as improving the understanding， efficiency and satisfaction of the interface， through the collocation and connection of static elements and dynamic effects， but also bring users the pursuit of emotional qualities， such as emotional arousal， aesthetic pleasure， and perceptual resonance， through the use of delicate animation effects. The study focuses on the dual perception characteristics of micro-interaction and provides new design ideas for the interface through detail design; and the details are more than just details; they are the way to realize the improvement of user experience.

Keywords:Microinteraction， Interface Design， User Experience， Usability， Emotionality

Copyright © 2023 by author(s) and Hans Publishers Inc.

This work is licensed under the Creative Commons Attribution International License (CC BY 4.0).

1. 引子163性爱网

微交互因具有“小而精”的特质，在遐想上条件要作念到尽量精简，正如Saffer所言：当代主义“少就是多(Less is more)”的座右铭也适互助为微交互的遐想基本原则之一 [1] 。关联词，运用如斯神志姿首微交互的遐想主张彰着过于广泛且概述，既有连系也未对微交互的属性特征领有全面性的掌捏。因此，有率领和变化效率的图形元素在遐想手法方面尚未形成相对好意思满、明确或系统性的参考，而在实践实行遐想责任时也常出现“依靠遐想师的自己教训或民风进行遐想”的气候。固然已有部分连系从期间、构件、情境、效率等多重面向探索了微交互在不成贵境下的特质，并试图将其运用在遐想实践上，但却并未基于某一维度对微交互的特征进行整理。本连系以梳理微交互的属性特征为处所，以弥补因遐想师对微交互属性特征的迷糊感而导致其无法进行高效遐想的痛点。

微交互虽为存在于界面中的遐想细节，其介入却可带来界面“易用性”的培植，数位居品的使用也变得夷易近东谈主，而此时，“脸色趣”便成为更为高档的遐想评估尺度，Norman则认为用户在与居品培养脸色体验之前，须先得志居品的易用性 [2] 。微交互是通过对静态界面施以动画效率而得以终了的过渡，不同触发神志和反馈规矩的组合也为界面呈现提供了更丰富的可变性，理当可带来多重感官上的刺激。在刻下的实务遐想中，UX in Motion的创办东谈主从“性质”上将微交互分为“UX旨趣(UX principle)”和“UI动画(UI animation)”两个类别。UX旨趣是借由微交互的静态视觉元素和动态变化效率培植界面易用性的神志；UI动画系指细巧的动画效率为界面带来好意思感上的愉悦(aesthetic pleasure) [3] 。因此，对微交互“属性”的探讨可诞生在易用性和脸色趣两大基础上，并围绕心情或感知的探究行为主要连系内容，为微交互的属性特征整理提供想路。

2. 从宏不雅到微不雅的界面设政策略：以微交互培植用户体验

微交互指的是借由界面上的元素率领或界面之间的演变效率所完成的内容颐养，常被视是为关于“界面细节的遐想” [1] 。比较于屏幕硬件或界面遐想等较为开阔的议题，微交互的存在感平淡显得比较弱，而学者Saffer却以小见大，强调看似微不及谈的微交互在界面呈现和使用感知上的报复地位：在居品功能一致的情况下，微交互可起到主导居品举座教训、加多用户领受度以及诞生品牌赤忱度的作用 [1] 。微交互行为强化界面信息传达、加多挂念点、引导用户得回更好体验的界面细节元素，可披透露其在界面举座感知中所产生的张力；而在微交互的遐想实践方面，微交互也冉冉成为询查热门：在2019~2022年Behance网站的遐想趋势预计中，微交互所涵盖的动态遐想(motion design)、动画遐想(animation design)、动态图像遐想(animated graphics design)等议题均与互动操作体验紧密关联在一齐，且行为主要的界面议题被重心说起。微交互在学术界和产业界均被赓续崇尚和询查，足以料到细节对界面的报复意旨。

用户体验(user experience)是数字居品遐想的报复策略，亦然东谈主机交互(human-computer interaction)的中枢主张，其涵盖领域虽广，但长久以用户的使用和感知为中枢。数字居品的用户体验遐想平淡以实用性(utility)、易用性(usability)、愉悦性(pleasurability)原则为基石，也应当考量幸福、厌恶、可爱等心情方面的“糊涂性体验感受(fuzzy experiential qualities)” [4] [5] ；而比较于泛心情的评估神志(broad dimensions of affect)，连年的连系则愈加主张使用多维度的翻脸心情(discrete emotions)加以揣度，以达到提高评估精确度的办法，包含从大怒、厌恶、懦弱、躁急、缅怀、忻悦、缩小、期望等多个心情面向的评估连系 [6] 。不管何种维度的评估都披露了“心情要素”在用户体验上所演出的报复脚色，心情应该成为界面遐想中重心温存的对象。随著互动界面呈现效率的握住精进，用户关于优质体验的需求也在握住培植，导致遐想师对界面细节的温存进度越来越高，再加上细节效率对使用脸色的影响得到印证 [7] ，以上种种缘故都对界面微交互的创造提倡了需求，也为微交互和用户体验的关系钩稽奠定了基础。因此，本连系以微交互为连系对象，从不同维度进行探索和分析，以微交互的属性特征及内涵为连系处所。

行为在通盘界面操作系统中的细节呈现，微交互的多重结构可为界面达成丰富功效、多元应用场景，故其所能传递的“感受”亦会具备复杂性。在遐想实践时，Saffer认为可接洽从结构属性的角度将数字居品拆解为“触发(trigger)”、“章程(rules)”、“反馈(feedback)”、“回圈和模式(loops & mood)”四个小单元，并以微交互行为举座系统的建构依据 [1] [7] 。微交互的复杂结构导致不同档次的属性特征，同期亦加多了遐想难度。一方面，微交互所产生的脸色或因组成元素的丰富性和应用场景的多元性而与静态界面的脸色存在较大各别；另一方面，微交互由多重结构与身分组成，易导致更为复杂、以至矛盾的脸色，不同的个体在接收到复杂的外皮刺激时，容易产生某种或多种复杂、糊涂、易变的心情感受。复杂的心情关于微交互具有更佳的用户体验提倡了更高的条件，在遐想时，应左证应用情境和使用需求进行遐想元素的挑选和组合，以利培植东谈主机界面之用户体验。

Saffer在其著述《微交互：细节遐想建立超卓居品》一书中虽很少使用或说起“用户体验”一词，但长久将界面的交互神志与用户脸色、内在想维关联在一齐，认为微交互可引发积极的心理状态。有鉴于此，追求更佳的用户体验成为微交互遐想的优先考量问题，而“若何培植用户体验”则成为微交互的主要连系议题。1970年代，网页的卷动效率由粗放的逐行逾越变为顺畅的卷动像素，在被Lisa电脑纳入后，苹果公司又在卷轴的末尾加上可平直跳至网页发轫或末位的箭头，后续又回转卷轴的操作神志并形成

图1. Windows系统的反向卷动(左)与Mac系统的当然卷动(右)

Mac系统独有的“当然卷动(Natural Scrolling)” [8] ，如图1所示。该卷动效率被认为是对微交互的尽心遐想而培植用户体验的经典案例，虽实行的是小范围的改善，但却反应的是遐想师对用户心理和行径操作的从头领路，每一次的遐想迭代都在进一步契合用户的心理终了。因此，这正印证了Saffer所提倡的不雅点：用户对居品举座教训的产生仰赖于细节所带来的感受 [1] 。

3. 易用性与脸色趣的均衡：易用性是微交互用户体验遐想的基础特征

易用性并非只接洽界面功能性需求，然而与居品的功能和使用体验关系。在居品的使用评估方面，易用性是居品或处事遐想时所需要考量的重心，其针对某项处事的质料、可靠性、分娩力的处所进度所形成的评估尺度，以及处所用户在进讹诈用操作时对界面所作念出的有用性及使用效率上的主不雅揣度 [9] [10] 。在使用体验方面，用户体验的主旨是诞生某种心理终了，而易用性的优劣则是用户体验的报复狡计，主要依托于用户对居品或处事的反复使用后而产生的感知和反应 [11] 。因此，在微交互上重叠易用性关于界面来说是一种可阐明影响力的遐想器用，其明确功能界说、视觉引导、予以反馈的遐想特征，可达成眩惑和引导珍贵力、减少领路负荷和提供有用协助以产生精好意思的使用教训的办法 [7] [12] [13] 。

微交互属于界面遐想的内容之一，理当因具有易用属性而达到培植用户体验的办法。一方面，Saffer所提倡的宏不雅主张以至认为微交互不错与居品的主邀功能黑白不分，它们是居品外不雅给用户传达的嗅觉，不错达成主导举座教训、加多领受度以及诞生品牌赤忱度的作用 [1] ；另一方面，如今透过科学框架或量化连系来揣度用户体验质料是现今学术界普遍认同的神志之一，亦然Saffer崇尚的微交互连系措施 [1] ，可成为以微交互易用性特质培植用户体验的佐证。诸多实证连系也从科学视角对微交互在易用性方面的效用作念出了考证，本连系基于遐想实践提倡微交互易用性特质的三大内容，分别是“安妥性”、“引导性”和“叙事性”：

(一) 安妥性：当下的使用情境是否允洽加入微交互是实行界面遐想时的雄伟问题。并非总计的界面颐养都需要微交互，意即微交互的融入须对界面使用产生正向功效，不成因微交互介入反而对使用形成禁绝。如图2所示，“浮动按钮(floating action button， FAB)”(Google material design中所提供的遐想参考)是一个具有争议的微交互案例，Pibernik等学者认为该花样的微交互虽具有收纳的功能效率，但动态效率对小屏幕使用形成易用性方面的禁绝 [14] 。因此，建议在小屏幕(如手机)的遐想中延续使用静态导航式按钮，以利于阐明其易用性特质和精好意思用户体验的生成，换言之，诡辩了在小屏幕情境下使用浮动按钮来培植易用性的微交互遐想有狡计。

图2. 浮动按钮

(二) 引导性：微交互借由触发神志和反馈效率所产生的引导性是第二档次的易用性问题。在动态效率生成之前，界面中的静态按钮需要具有抒发功能意涵、引导用户点击的作用，微交互可透过具有直观性和眩惑力的触发机制来引导用户进行界面操作，也需要接洽不同的触发位置和花样对心理状态和行径决策所产生的影响 [15] [16] 。在界面元素发生变化的流程中，微交互亦具有收拢用户视觉珍贵力于渐变对象上的易用性功效，动态效率透过界面演变增强界面的易用性主要体当今培植眩惑力以及强化重要身分等方面。

(三) 叙事性：微交互的变化流程所产生的叙事效率或因果抒发是第三档次的易用性问题。动态效率的质料影响了微交互的力量，主要表当今利用良晌变化“讲故事”的能力。动态效率除了可裁减使用负荷以外 [17] ，在图像真是感、过度绽放度、互动作风三方面的发扬会平直影响到用户对状态变化的合股，以至是决策规矩。因此，关于细节的尽心遐想可将居品的特色期间(signature moment)传递予用户。

易用性是微交互的基础属性特质，其主要意旨在于幸免领路拦阻、操作演叨或晦气体验，这与静态界面的遐想原则保持一致。界面遐想认为，易用性欠安的界面会让用户碰到到反应延迟、操作疑心，以至平直产生不悦的心情，而微交互的融入加强了用户在逻辑结构、反馈内容、意旨领路等方面的合股能力。举例Google帐户的信息填写界面也善用了微交互的易用性特质，利用视觉化(visualize)的输入神志达到引导使用珍贵力、使用输入流程中的即时反馈功能达成联协力的培植，以及通过使用左右力的培植加多预计性的作用，以上动态效率都匡助用户准确了解界面意涵，减轻领路负荷(cognitive load)，以及达成强化界面信息传达的作用，与此同期，也反馈了用户对粗放、易懂、好操作的界面使用期待。

4. 脸色化细节遐想的力量：微交互引发用户的心情共识与参与度

在界面遐想原则中，除了界面易于使用与学习以外，还应超过留心用户的舒适进度、亲和力等方面的情状。这点在Norman的脸色遐想表面中亦有体现，其将东谈主类关于居品的脸色差别为温存实质外不雅的本能档次(visceral level)、享受使用乐趣和效用的行径档次(behavioral level)、想考居品合理化和明智化的反想档次(reflective level) [2] ，并认为使用流程中所产生的积极心情可匡助用户学习、使用和决策。而从消费角度所反应的行径决策层面来看，用户对居品的需求已从理性转念为理性，当处于积极心情时，用户会更倾向于对居品选定信任的立场，居品所传达的感知进度、可贵能力、挂念共识、想维模式、遐想能力等心理气候也都会表当今用户立场之上，进而引发细目或诡辩的脸色 [18] [19] 。因此，易用性是微交互的基础，在静态界面上合适的使用微交互对传达功能性方面具有报复作用，而脸色趣行为易用性的表层建筑，在刻下微交互的连系中仍处于相对空白的状态。为鼓励微交互的连系深度，本连系的另一重心聚焦于以易用性为基础的脸色属性之探究上，从易用性的角度为微交互诞生脸色属性的分类，进一步归纳其可能产生的脸色效应，并将之运用在实务遐想之中。

用户体验是用户和居品、系统或处事在交互使用流程中所产生的感知，而以用户为中心的遐想(user-centered design)被认为是从体验起程，并充分接洽感知和脸色得志的遐想神志之一，其特质在于故意于达成用户在知觉与相识两方面的需求与预期的体验处所。而居品细节所能传递的脸色是影响使用感受的报复身分，偶而以至比实用性更为重要，正如Eames等东谈主所言，界面细节除了能产生易用性以外，还不错产生愉悦的脸色 [20] ，故界面微交互应当也包含对使用乐趣、界面眩惑力等方面的评估 [21] 。当下，大大宗的微交互连系仍然细心于易用性的评估，但也有少数的连系证明了微交互之触发和反馈机制关于脸色的影响，而脸色主要包括“心情性”、“期间性”和“直观性”三档次：

(一) 心情性：微交互的介入可通过唤起使尽心情而培植参与者的感知体验效率是脸色的第一层面。在线上学习界面中加多触发和反馈机制，故意于唤起学生在数字化学习流程中的互动积极性 [22] ；而前文所述的浮动按钮虽不利于易用性，但可从好意思学角度培植用户体验，为界面增添酷好性、创意性以及先锋感，继而令用户愈加向往互动操作 [14] 。同期，该论断在穿着式开垦使用感知的关系连系上也有体现，健康信息若以动画花样呈现，会提高用户的领受度，并产生积极心情，连系论断同期强调用户更可爱的是动画而非图像界面 [23] 。因此，当微交互的呈现好像引发积极心情时，用户的领受进度更高。

(二) 期间性：在遐想实践中，遐想者平淡对物件变化或界面转场动效所消耗的“期间”多加考量，其表面内涵在于微交互可匡助用户随著期间性的归拢变化，诞生更为合适的任务型心理模子(task-centered model)。有连系透过对比不同类型的反馈花样，证实卡通类型反馈性动画效率在页面加载(page loading)中的运用可减轻用户平恭候期间的感知 [24] ，此规矩与Matlin和Foley的不雅点一致，即在令东谈主兴隆的环境中，用户会以为期间过的更快。在短短数秒的使用中所带来的感受，却对后续的互动参与、体验印象及使用效率都产生报复的影响。因此，“期间性”成为微交互脸色趣的第二档次内容。

(三) 直观性：微交互的呈现花样可唤升引户的使用教训，所产生的“直观性”感知成为第三层面的脸色内容。多位学者已教训证了居品或处事的先前使用教训与用户感知、行径与评价等主不雅身分之间有权贵关系性 [25] [26] ；而在数字居品的使用效率方面，具有关系教训的用户则更容易适当和左右各式操作任务 [27] ，且比教训较少的东谈主操作的更好。微交互的呈现和操控若诞生在过往的教训之上，其所产生的“熟习度”或“民风”除了会影响用户的感受和行径判断以外，还会影响用户对界面的直观性。因此，在进行微交互遐想时，遐想师应充分接洽用户的界面操作教训，以利产生更佳的用户体验。

微交互透过静态和动态效率之间的相互配合达到培植体验感知的效率。由于用户在使用居品流程中因受到某种“刺激”而产生的嗅觉或印象，会对用户体验和使宅心愿产生积极影响。部分连系也考证了微交互所传达的正面脸色在培植使用主动性和赓续性、裁减困顿感等易用性方面都有报复作用，以至可引发用户的互动行径：有连系发当今界面上使用动画效率所带来的心情效用最高，而数字的呈现花样对心情唤起最具遵循，有此规矩可预计，界面的视觉化效率在唤升引户脸色反应的同期，亦可增强界面之易用性。过往的连系以微交互的易用性特征为主要遐想考量，试图在界面操作幸免疑心、拦阻和演叨为处所。但本连系认为易用性仅仅终了用户体验培植的基础，而脸色趣特征成为微交互遐想中需要进一步追寻的对象，它代表了用户在心理层面临脸色得志的追求，主要通过微交互的花样来有用迎合使用上的心理景象和认同，从而达到刺表心情和保管耐久使用的办法。

5. 论断

微交互行为界面中对细节的遐想，虽“小”却对用户体验具有用益。本连系以微交互遐想实践的主要手法为基础，延迟至微交互的学理连系，从易用和脸色两大干线对微交互的属性内容进行不同档次的梳理和认识，其中易用性特征是微交互的遐想基础，其包含安妥性、引导性和叙事性的内容，而脸色趣特征是易用性特征的表层建筑，涵括心情性、期间性和直观性质的内容。易用性具有提高效率的功效，以及脸色趣的感知唤起都会对用户体验具有影响力，易用性和脸色趣两大特征应秉持相互均衡的原则，这一规矩也基本迎合了营销学中相似以“享乐”和“有用性”行为二维居品之框架。因此，在往时微交互的遐想中，可接洽从易用性特质和脸色趣特质所包含的内容出手，以实行微交互的遐想实践。

基金名堂

本连系由“2023年度江苏高校玄学社会科学连系一般名堂”相沿，名堂批准号：2023SJYB0171，名堂称号：以微交互为遐想中枢的网购界面连系。

注视

①图1起头：网页援用， https://bootcamp.uxdesign.cc/natural-scrolling-mac-vs-reverse-scrolling-windows-e48656275081

②图2起头：网页援用，https://m1.material.io/components/buttons-floating-action-button.html#

文章援用

马嘉阳. 微交互易用性和脸色趣对用户体验遐想的影响The Impact of Microinteraction Usability and Emotionality on User Experience Design[J]. 遐想， 2023， 08(03): 1459-1466. https://doi.org/10.12677/Design.2023.83175

参考文件163性爱网