如今,我们每天使用多种数字产品——无论是工作相关还是日常生活。我们用银行 App 查账单、用外卖软件点餐、用小红书查攻略、用抖音刷短视频、用携程订机票酒店、用微信聊天。

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

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

网站

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

现状: 当然,你可以通过免费建站工具(如凡科建站、上线了)快速搭建简单的落地页用于展示。但很快人们会发现,这类网站无法按需灵活调整,也无法发挥全部潜力。

网站设计的关键目标

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

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

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

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

  • 合理的技术架构
  • 智能且简洁的设计
  • 心理学原理的巧妙应用

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

UX 在网站设计中的职责

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

UX 设计师的核心职责:

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

UI 在网站设计中的职责

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

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

UX 与 UI 设计的商业价值

UX 设计的价值:

  • 提升客户体验
  • 降低跳出率
  • 提高转化率
  • 降低运营成本
  • 改善搜索引擎排名

UI 设计的价值:

  • 建立品牌识别
  • 将网站访客转化为付费用户
  • 提升客户留存率

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

Web 应用

定义: Web 应用是你可能参与的另一类数字产品。国内常见的 Web 应用包括飞书、钉钉、语雀、腾讯文档等。

UX 设计师的职责

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

  • 用户研究
  • 信息架构
  • 交互流程设计
  • 可用性测试

UI 设计师的职责

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

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

网站 vs Web 应用:核心差异

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

  • 网站:主要为静态内容展示(如企业官网、品牌宣传页)
  • Web 应用:用户主动与产品进行深度交互(如在线文档、项目管理工具)

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

  • 设计的响应性
  • 用户旅程优化

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

移动应用

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

移动优先时代的设计挑战

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

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

UI 设计师的职责

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

核心任务:

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

UX 设计师的职责

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

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

UX 设计师的核心职责:

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

移动应用设计的核心目标

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

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

移动设计的关键注意事项

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

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

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

1. 智能家居设备

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

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

UX 设计师的核心任务:

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

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

2. 可穿戴设备应用

主流类型: 智能手表(如 Apple Watch、华为 Watch)与智能眼镜是可穿戴设备中最受欢迎的两类。

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

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

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

设计要点:

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

3. 语音用户界面

定义: 语音用户界面是你可能参与的最有趣的数字产品之一。国内常见的语音助手包括小爱同学、天猫精灵、小度等。

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

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

VUI 设计师的职责:

  • 用户研究
  • 竞品分析
  • 需求定义
  • 对话流测试

设计挑战:

  • 自然语言理解
  • 上下文管理
  • 错误恢复策略
  • 多轮对话设计

4. 游戏界面

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

UX 设计师的职责:

  • 深入用户研究
  • 以逻辑且易消化的顺序组织数据架构
  • 实现卓越游戏体验

UI 设计师的职责:

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

设计要点:

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

5. 智能电视

设计对象: 电视是作为 UX/UI 设计师你可能参与的另一数字产品。国内常见的智能电视系统包括小米 TV、华为智慧屏、海信 VIDAA 等。

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

电视界面设计的关键考量

1. 光线环境

  • 需同时考虑日间与夜间使用场景
  • 特别注意对比度设计。想系统学习无障碍设计中的对比度要求?阅读我们的《无障碍设计完整指南》

2. 观看距离

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

3. 色彩重新定义

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

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

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

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

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

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

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

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