MODULE 01 / LESSON 01
设计不是装饰,是做决定
区分 UI、UX 与产品设计,给界面找到一个明确目标。
先理解这个概念
UI 是用户看到和操作的界面;UX 是完成任务的整体体验,包含等待、理解与出错后的恢复;产品设计还要决定解决谁的什么问题。一个页面很漂亮,但让人找不到取消订阅,仍然是差的体验。先明确任务,再讨论形式。
设计决定可以拆成目标、约束和取舍。目标是用户要获得的结果;约束是设备、时间、数据与业务边界;取舍则是在冲突中说明优先保护什么。把“首页需要四张卡片”当需求,会过早锁定形式。改成“用户能确认本月是否超支”,才可能比较卡片、列表甚至一句文字哪个更有效。
代码先确定接口契约再写实现。设计也先确定用户要完成的任务,再选择卡片、按钮或弹窗。
记住这三个原则
- 01
把目标写成“谁,在什么场景下,完成什么任务”。
- 02
每个页面明确一个主要任务,次要任务降低视觉优先级。
- 03
用任务完成情况判断设计,而不只问“喜不喜欢这个颜色”。
实际设计时,分三步做
- STEP 01
写一份任务契约:用户是谁、何时打开、已有信息是什么、离开时需要确认什么。不要用“浏览首页”作为完成标准。
- STEP 02
列出两种不同结构,分别解释用户从哪里开始、需要作几次判断、出错后怎样回来。比较路径而不只是比较截图。
- STEP 03
把决定写成可验证的假设:突出记账入口应减少寻找入口的时间。记录观察方法,避免把自己的预期写成已证实的结果。
一个容易理解的例子
记账首页同时突出理财推荐、排行榜、资产趋势和广告,记一笔入口藏在菜单里。
首页直接提供“记一笔”,附近呈现今日支出;详细趋势放入统计页。
信息顺序跟随使用频率,让每天发生的任务更容易完成。
展开看:从场景到设计决定
假设要做个人记账首页。首次使用的人需要建立账本,已有记录的人需要快速记账,月底回顾的人需要看趋势。可以让空状态突出“创建账本”,正常状态把“记一笔”放在固定位置,并保留统计入口。不要因为“每页只能有一个目标”而删除月底回顾能力;应根据状态安排主次。上线前让人分别完成首次建账和补记支出,观察他们是否需要猜测入口。
适用边界与取舍
商业目标也属于约束,但不能自动覆盖用户目标。推荐功能可以存在;如果它持续遮挡主任务,就应调整时机或位置,而不是用更强的视觉刺激继续竞争注意力。
把这个原则用一次
先做一个小判断
为一个天气 App 写一句首页目标,并删掉一个无关模块。
再完成一份设计练习
为照片管理器首页写任务契约,再画“最近照片优先”和“相册优先”两版结构。写明你选择哪版,以及什么证据会让你改变选择。
不要把个人审美偏好当作用户需求。独特的形式需要服务具体任务。
继续查阅
本课为原创教学解释。具体平台规则与标准可查阅官方资料。
Apple Human Interface GuidelinesMaterial Design 3