MODULE 01 / LESSON 01

设计不是装饰,是做决定

区分 UI、UX 与产品设计,给界面找到一个明确目标。

1 / 60 课建立设计认知

先理解这个概念

UI 是用户看到和操作的界面;UX 是完成任务的整体体验,包含等待、理解与出错后的恢复;产品设计还要决定解决谁的什么问题。一个页面很漂亮,但让人找不到取消订阅,仍然是差的体验。先明确任务,再讨论形式。

设计决定可以拆成目标、约束和取舍。目标是用户要获得的结果;约束是设备、时间、数据与业务边界;取舍则是在冲突中说明优先保护什么。把“首页需要四张卡片”当需求,会过早锁定形式。改成“用户能确认本月是否超支”,才可能比较卡片、列表甚至一句文字哪个更有效。

用程序员的语言说

代码先确定接口契约再写实现。设计也先确定用户要完成的任务,再选择卡片、按钮或弹窗。

记住这三个原则

  1. 01

    把目标写成“谁,在什么场景下,完成什么任务”。

  2. 02

    每个页面明确一个主要任务,次要任务降低视觉优先级。

  3. 03

    用任务完成情况判断设计,而不只问“喜不喜欢这个颜色”。

实际设计时,分三步做

  1. STEP 01

    写一份任务契约:用户是谁、何时打开、已有信息是什么、离开时需要确认什么。不要用“浏览首页”作为完成标准。

  2. STEP 02

    列出两种不同结构,分别解释用户从哪里开始、需要作几次判断、出错后怎样回来。比较路径而不只是比较截图。

  3. STEP 03

    把决定写成可验证的假设:突出记账入口应减少寻找入口的时间。记录观察方法,避免把自己的预期写成已证实的结果。

一个容易理解的例子

BEFORE / 常见问题

记账首页同时突出理财推荐、排行榜、资产趋势和广告,记一笔入口藏在菜单里。

AFTER / 可以这样改

首页直接提供“记一笔”,附近呈现今日支出;详细趋势放入统计页。

信息顺序跟随使用频率,让每天发生的任务更容易完成。

展开看:从场景到设计决定

假设要做个人记账首页。首次使用的人需要建立账本,已有记录的人需要快速记账,月底回顾的人需要看趋势。可以让空状态突出“创建账本”,正常状态把“记一笔”放在固定位置,并保留统计入口。不要因为“每页只能有一个目标”而删除月底回顾能力;应根据状态安排主次。上线前让人分别完成首次建账和补记支出,观察他们是否需要猜测入口。

适用边界与取舍

商业目标也属于约束,但不能自动覆盖用户目标。推荐功能可以存在;如果它持续遮挡主任务,就应调整时机或位置,而不是用更强的视觉刺激继续竞争注意力。

YOUR TURN

把这个原则用一次

先做一个小判断

为一个天气 App 写一句首页目标,并删掉一个无关模块。

再完成一份设计练习

为照片管理器首页写任务契约,再画“最近照片优先”和“相册优先”两版结构。写明你选择哪版,以及什么证据会让你改变选择。

容易踩的坑

不要把个人审美偏好当作用户需求。独特的形式需要服务具体任务。

继续查阅

本课为原创教学解释。具体平台规则与标准可查阅官方资料。

Apple Human Interface GuidelinesMaterial Design 3