设计困境：美观与功能的平衡

2021 年 9 月，短视频应用 TikTok 成为全球下载次数最多的应用，下载量达 6.56 亿次。该应用程序的成功归因于许多因素，但可以说最重要的是它的功能界面。全屏视频看似混乱的框架是一个整洁的网格，用户可以毫不费力地导航到他们想要的内容。通过遵循功能性设计方法，TikTok 消除了不必要的摩擦，减少了认知负担，并为用户创造了秩序感。

美学与功能对于设计师来说是一个古老的困境，因为两者都是用户体验设计中的基本概念。虽然视觉上吸引人的界面可以帮助用户在情感上与产品建立联系并影响初始用户参与度，但无缝的用户体验直接影响用户执行任务和从产品中获取所需内容的难易程度。理想情况下，美学和功能将在数字设计中无缝融合，但情况并非总是如此。通常，用户需求和特定行业的市场法规等因素会将设计人员拉向一个方向或另一个方向。

在过去的 14 年里，我一直致力于打造用户友好且具有视觉吸引力的数字体验（最近的一个是 Web3 音乐共享移动应用程序），我理解这种困境。根据我的经验，虽然美观对于吸引用户和创造积极的第一印象很重要，但它们绝不能以牺牲功能为代价，否则数字产品将缺乏目的和实用性。但这并不意味着美学不会占据中心舞台。我们来讨论一下。

用户体验设计过程中的美学

视觉上令人愉悦的用户体验设计是指创造有吸引力、引人入胜且令人愉快的用户体验。这种方法涉及实施图形设计原则，例如颜色、排版、空白、图像和视觉反馈来制作视觉构图。这种方法旨在提高用户满意度，使用户与产品产生情感联系，并传达可识别且令人难忘的品牌形象。

美学可以通过多种方式影响数字产品的整体用户体验。首先，视觉上有吸引力的界面可以创造积极的初始印象，吸引用户并鼓励进一步探索。麻省理工学院神经科学家团队进行的项开创性研究发现，大脑在几毫秒内处理视觉信息。当用户第一次与网站或应用程序交互时，直接的视觉冲击会显着影响他们的感知。

此外，一致应用的美学元素有助于塑造和强化品牌形象并使其令人难忘。一个独特且视觉上一致的网站有助于创造持久的印象和信任感，使用户更有可能返回。

此外，根据对ATM 界面的开创性研究，用户通常认为美观的设计可用且高效，即使客观上可能并非如此。研究人员要求参与者与不同设计的 ATM 进行交互，发现参与者认为设计更美观的 ATM 更易于使用——尽管所有机器的功能相似。这使研究人员得出结论：审美吸引力对感知可用性产生积极影响。

用户体验设计的函数式方法

功能是指产品或系统的工作效果以及用户实现目标的容易程度。数字设计的功能考虑因素包括以用户为中心、可用性和可访问性。以用户为中心是一种将用户或客户置于产品开发中心的理念。可用性是指界面布局和导航系统的易用性。可访问性是指确保不同经验和能力水平的用户都可以访问网站或平台。

功能性用户体验设计优先考虑增强可用性、简化任务和删除不相关元素的功能，无论是分散注意力的图标、复杂的导航结构还是不必要的动画。这种方法减少了可能压垮用户并导致他们放弃产品的认知负担。如果正确实施，这种设计策略可以提高用户保留率和客户满意度，并帮助界面适应不断发展的技术。

美观与功能：选择设计方法

理想情况下，设计师应该平衡美学和功能设计。这种终极平衡的一个典型例子是苹果公司的iPhone。该界面的时尚设计、直观性和创新功能（例如用于与附近 Apple 设备共享文件的AirDrop）继续使其与其他设备区分开来。

美学和功能对于成功的数字设计至关重要。那么，当设计师为了满足用户需求或市场法规而被迫向某个方向或另一个方向发展时，他们应该遵循哪种设计方法呢？

何时优先考虑美观

专注于视觉内容或营销的行业往往倾向于美观第一的设计过程。例如，电子商务公司通常优先考虑美观设计，因为第一印象和品牌认知度有助于他们的成功。在线时尚和化妆品零售商 ASOS 是美观用户界面的一个很好的例子。

该平台将多彩明亮的图形元素与白色背景形成鲜明对比。这种对比通过在页面元素之间创建一定程度的分离并引导读者的眼睛从一个地方到另一个地方来帮助用户在视觉上吸收内容，使整个阅读过程感觉自然和线性。

该品牌还投资了高质量的图像来展示其产品。在传统的实体店中，顾客可以亲眼看到并检查产品质量。如果没有这种物理交互，在线产品图像就是用户的主要参考点。高质量的照片尽可能地模仿店内体验。清晰详细的图像还可以给买家信心，帮助他们做出更明智的购买决定。

除了在线时尚之外，美学在许多其他行业中也发挥着重要作用。 Duolingo 具有有趣的界面和卡通吉祥物，对儿童和成人都有吸引力，并体现了该品牌的价值观：让语言学习变得有趣且普及。此外，大胆的颜色和独特的图标可以帮助用户区分课程和模块，并跟踪他们的进度。Fenty Beauty的美学设计包括引人入胜的图像、翻转动画和引人注目的视频，以突出产品并为美容和护肤品牌的购物者创造引人注目的体验。

然而，仅靠美观并不能保持用户的参与度。成功的产品还依赖于丰富的功能和可用性最佳实践，例如直观的搜索和导航系统以及无缝的结账流程。例如，为了帮助浏览大约 85,000 种产品，ASOS 的移动用户可以利用该平台的Style Match 功能拍摄照片或上传图像并搜索 ASOS 类似产品。这种视觉搜索工具提供了个性化且易于访问的购物体验，特别是对于那些难以用语言表达自己想要的东西但可以轻松地在视觉上识别的用户来说。 Duolingo 采用积分、等级、连胜和奖励等游戏化元素来保持用户的积极性并希望继续学习。除了具有视觉吸引力的界面之外，Fenty Beauty 还提供诸如虚拟试妆等功能，以找到合适的粉底，以及预约美容专家的选项。

何时关注功能

设计人员在处理复杂的工作流程时通常会优先考虑功能，因为这种方法有助于简化和减少用户完成任务所需的步骤。这种精简几乎总是技术相关产品和服务的要求。谷歌的主页及其用户可以输入搜索查询的单一输入字段是简约设计的终极例子，它消除了干扰并将用户的注意力集中在手头的任务上。

改善功能和用户体验的另一个有效功能是简单的号召性用语 (CTA)，可帮助用户快速到达他们想去的地方。例如，如果用户访问 Slack 中的“草稿和已发送”文件夹，但没有正在进行的草稿，则简短的建议和 CTA 会提示他们开始发送新消息。

在医疗保健、航空航天和汽车行业，为了满足严格的合规性法规和标准、最大限度地降低系统故障风险并优先考虑安全性，功能性通常优先于美观。医疗信息本身就很难解读，因此清晰度才是王道。可访问性也很关键，功能性设计方法可以帮助确保数字医疗产品可供所有人使用，包括数字素养能力有限和视力障碍的用户。

有很多方法可以提高可访问性和功能，例如实现用户友好的信息架构以及对菜单项和导航按钮应用简单的语言。 Medisafe 是一个药丸管理和跟踪平台，入围2022 年路透社活动美国制药奖最有价值数字治疗奖，是数字健康领域出色功能设计的一个例子。

Medisafe 应用程序通过创新的通知系统强调功能性和可用性，用户可以直接从智能手机的锁定屏幕上标记剂量。当他们收到通知时，只需按住该通知即可打开提醒并将剂量标记为完成。

功能设计案例研究：优先考虑可用性和用户需求

每个项目都是不同的。这是我在设计过程中优先考虑功能的一个例子：

我最近领导了一个项目，设计一个去中心化音乐共享应用程序的界面。我们的目标是提供透明、以目的为导向、以用户为中心的产品，符合Web3 时代对去中心化音乐共享不断变化的期望。为了实现这一目标，我们专注于开发基本且易于访问的功能。

我们希望确保主屏幕优先考虑关键用户操作，例如搜索音乐、浏览播放列表和访问个人资料信息。因此，我们设计了用户音乐库、共享曲目和参与度指标的全景视图。

此外，我们还添加了个性化的分类系统和丰富的搜索功能，以确保用户可以轻松地发现和管理他们的音乐。为了实现这一点，我们设计了一种方法，让艺术家可以直接策划自己的流派分类，以更真实地代表他们的音乐，而不是仅仅依赖学习算法。我们还引入了高级搜索过滤器，允许用户根据他们想要体验的心情或情感以及流派、艺术家和关键字来浏览音乐。这些功能对于让我们的去中心化音乐应用程序的用户更好地控制他们的音乐偏好至关重要。

无论项目的重点是美观还是功能，设计师的最终目标应该始终是为用户创造积极且有意义的体验。通过将我们的精力集中在设计易于导航的关键功能上，而不是设计美学上，我们提供了一个高度可用且面向用户的界面。我们的客户对结果感到满意，并将很快推出 MVP，以便艺术家和听众可以测试测试版格式的应用程序。

实现无缝用户体验的适当平衡

通过了解特定行业的用户需求和市场法规，设计师可以打造超出预期的数字体验并增强用户体验。某些行业，例如医疗保健或金融，由于其应用程序的关键性质，通常会优先考虑功能和可用性。其他行业，例如在线零售，更注重视觉吸引力的设计，以创造积极的第一印象以及信任感和专业精神。

确保产品正常运行至关重要，因为功能决定了产品的实用性。然而，成功的数字产品必须在具有视觉吸引力的设计和用户友好的功能体验之间取得适当的平衡。