如今,我们每天使用多种解决方案——无论是工作相关还是日常生活。我们使用银行 App、点播付费服务、订购外卖或查阅食谱、浏览社交媒体、搜索航班或规划旅行行程。

每一件事物都是数字产品,由技能娴熟的团队设计、开发并发布,让我们的生活更便捷。

本文将系统解析作为 UX 或 UI 设计师,你可能参与的数字产品类型。

网站(Websites)

核心认知: 与普遍认知相反,创建一个功能良好的网站绝非易事。

现状: 当然,你可以通过免费网站构建器创建简单的落地页(Landing Page)用于展示。但很快人们会发现,这类网站无法按需灵活调整,也无法发挥全部潜力。

网站设计的关键目标

吸引用户只是第一步: 当今,吸引用户访问网站至关重要,但关键在于留住用户,并帮助他们无障碍达成目标。

商业价值: 此类正面体验将一次性买家转化为常规客户,同时提升企业形象。

网站作为设计师的工作对象

网站是产品设计师或 UX/UI 设计师可能参与的数字产品。高质量网站是以下要素的产物:

  • 复杂编码(Complex Coding)
  • 智能且简洁的设计
  • 心理学原理的巧妙应用

关键流程: 每个优秀网站在发布前都需经过完整的 UX 与 UI 设计流程。

UX 在网站设计中的职责

UX 设计融入批判性分析与理性思考,以理解和组织用户如何与网站、其内容及服务进行交互。

UX 设计师的核心职责:

  • 可用性(Usability)
  • 信息架构设计
  • 导航系统(Navigation)
  • 用户印象管理

UI 在网站设计中的职责

UI 设计师负责网站的外观、视觉设计与整体感受。

最关键任务: UI 设计定义用户在访问你的网站时,能多直观地达成其目标。

UX 与 UI 设计的商业价值

UX 设计的价值:

  • 提升客户体验(Customer Experience)
  • 降低跳出率(Bounce Rate)
  • 提高销售额
  • 降低成本
  • 改善网站排名(SEO Ranking)

UI 设计的价值:

  • 建立品牌识别(Brand Identity)
  • 将网站访客转化为购买者
  • 提升客户留存率(Customer Retention)

产品设计师的核心任务: 为网站设计时,你的工作包括在外观与功能性之间找到恰当平衡。

Web 应用(Web Apps)

定义: Web 应用是你可能参与的另一类数字产品。

UX 设计师的职责

设计 Web 应用时,UX 设计师的角色与设计网站时类似:

  • 用户研究(User Research)
  • 信息架构(Information Architecture)
  • 交互流程设计
  • 可用性测试

UI 设计师的职责

UI 设计师致力于实现用户将使用与感知的元素的功能性与美观性。

最佳实践: UX 与 UI 阶段在 Web 应用的早期阶段效果最佳。

网站 vs Web 应用:核心差异

交互性(Interaction) 是设计网站与 Web 应用的主要区别。

  • 网站:主要为静态内容展示
  • Web 应用:用户主动与产品进行深度交互

设计聚焦点: 当你参与的数字产品是 Web 应用时,作为 UX/UI 设计师,你将聚焦于:

  • 设计的响应性(Responsiveness)
  • 用户旅程(User Journey)优化

风险警示: 企业在创建 Web 应用时若忽视 UX 与 UI 设计,将面临性能低下、结果不佳、用户体验质量差、流失率(Churn Rate)升高的风险。

移动应用(Mobile Apps)

移动应用是你可能参与的另一类数字产品。

移动优先时代的设计挑战

现状: 手机与移动技术已成为我们日常生活不可或缺的部分。因此,用户要求通过移动端达成目标时付出更少努力,这不足为奇。

设计重要性: 此类环境使移动 App 的 UX 与 UI 设计扮演更为关键的角色。

UI 设计师的职责

与设计网站和 Web 应用类似,UI 设计师负责创建用户与 App 之间直接、愉悦且高效的交互。

核心任务:

  • 确定品牌色彩
  • 建立视觉识别(Visual Identity)
  • 实施最新或最佳设计原则

UX 设计师的职责

UX 设计师必须为用户使用移动 App 时实现最佳可能体验。

商业影响: 此类正面体验为用户后续评估整个业务奠定基调。

UX 设计师的核心职责:

  • 定义移动应用的运作方式
  • 满足用户需求
  • 确保体验无缝(Seamless)
  • 将用户转化为忠诚客户

移动应用设计的核心目标

若你参与的数字产品是移动 App,你的核心目标包括:

  • 极简操作路径
  • 快速加载与响应
  • 直观的导航与交互
  • 个性化体验
  • 离线功能支持(如适用)

移动设计的关键注意事项

设计移动应用时需牢记的两件事:

  1. 最小字体尺寸 13px:确保可读性
  2. 足够大的触控目标(Touch Targets):建议最小 44×44 像素,适配手指操作

其他你可能参与的数字产品

1. 智能设备(Smart Devices)

现状: 智能设备正渗透到我们生活的越来越多领域——家庭应用如清洁设备、摄像头、灯具等。

设计挑战: 有时这些设备甚至没有屏幕,但对 UX 与 UI 的需求丝毫未减。

UX 设计师的核心任务:

  • 熟悉感(Familiarity):创造用户熟悉的使用环境
  • 控制感(Control):让用户感到对设备的掌控

设计目标: 作为 UX 设计师,你的任务是创建熟悉且安全的环境,帮助用户弥合从传统设备向智能设备过渡的鸿沟。

2. 可穿戴设备应用(Wearable Apps)

主流类型: 智能手表与智能眼镜是可穿戴设备中最受欢迎的两类。

设计差异: 可穿戴设备需要与网站或移动应用略有不同的设计方法。

核心挑战: 大多数情况下,你需为多设备交付设计——可穿戴设备本身及其交互的设备。

设计机遇: 参与可穿戴设备等数字产品是独特机会——基于 Web 的体验与传统用户体验在此交汇。

设计要点:

  • 极小屏幕的信息密度优化
  • 快速交互与 glanceable 设计(一瞥即懂)
  • 与手机/平板的协同体验
  • 电池续航与性能的平衡

3. 语音用户界面(Voice Interfaces / VUI)

定义: VUI(Voice User Interface,语音用户界面)是你可能参与的最有趣的数字产品之一。

核心功能: 语音界面允许用户使用语音命令与 App 或设备交互。

设计目标: 实现免手持(Hands-free)控制设备与 App,无需注视屏幕或手持设备。

VUI 设计师的职责:

  • 用户研究(User Research)
  • 竞品分析(Competitor Analysis)
  • 需求定义(Requirement Definition)
  • 对话流测试(Dialog Flow Testing)

设计挑战:

  • 自然语言理解(NLU)
  • 上下文管理(Context Management)
  • 错误恢复策略(Error Recovery)
  • 多轮对话设计(Multi-turn Conversation)

4. 游戏界面(Game Interfaces)

设计目标: 设计游戏界面时,你与设计团队需达成多个目标,这些目标与设计任何其他数字产品并无太大差异。

UX 设计师的职责:

  • 深入用户研究(In-depth User Research)
  • 以逻辑且易消化(Digestible)的顺序组织数据架构
  • 实现卓越游戏体验(Gaming Experience)

UI 设计师的职责:

  • 开发平衡且直观的界面
  • 匹配整体游戏设计(Total Game Design)
  • 确保界面不干扰游戏沉浸感

设计要点:

  • 信息层级清晰
  • 操作反馈及时
  • 视觉风格与游戏世界观一致
  • 新手引导(Onboarding)流畅

5. 智能电视(Smart TVs)

设计对象: 电视是作为 UX/UI 设计师你可能参与的另一数字产品。

设计约束: 设计智能电视时,你必须遵循严格且不容出错的规则,没有犯错空间。

电视界面设计的关键考量

1. 光线环境

  • 需同时考虑日间与夜间使用场景
  • 特别注意对比度(Contrast)设计

2. 观看距离

  • 电视与沙发的距离可能在 2-10 米之间
  • 这对定义屏幕尺寸与字体大小至关重要

3. 色彩重新定义

  • 远距离观看的色彩感知差异
  • 不同光照条件下的色彩表现

设计体验: 设计此类数字产品是令人兴奋的过程,将以你意想不到的方式塑造你的设计能力。

结语:多元化产品,统一的设计思维

总结: 这些是作为 UX 或 UI 设计师你可能参与的部分数字产品!

共性: 设计这些产品的部分流程与日常任务相似——用户研究、信息架构、原型制作、可用性测试。

差异: 但存在众多多元化因素,你与团队若想交付能与用户产生共鸣、惠及业务的产品,必须牢记这些因素。

核心信念: 无论产品类型如何,以用户为中心的设计思维(User-Centered Design Thinking)始终是成功的关键。

行动号召: 审视你的技能组合,识别你最感兴趣的产品类型,深入该领域的最佳实践,成为该细分方向的专家