如需查看图示、视觉示例与完整排版，请打开上方的学习单。
| 姓名： ____________________________ | 班级： ____________________________ | 日期： ____________________________ |
作品集剖析
九年级设计 • UX / UI • 评估标准 A
今天你将分析真实的作品集网站，测试它们传达信息的速度，并确定自己作品集的用户。
| 今日规则：“好看”还不够。每个判断都必须关联用户能看见、理解、预测或完成什么。 |
| A | 五项用户体验测试：调查作品集网站时，使用这五个观察角度。 |
| 1 | 目的 | 我能否在五秒内明白网站的用途？ |
| 2 | 信息层级 | 我知道应该先看、再看、最后看哪里吗？ |
| 3 | 导航 | 我能预测链接和按钮将带我去哪里吗？ |
| 4 | 一致性 | 页面、颜色、字体、按钮和布局是否像一个统一体系？ |
| 5 | 使用阻碍 | 什么让用户停下、寻找、等待、猜测或感到困惑？ |
| 用自己的话解释：什么是用户体验中的使用阻碍？ ________________________________________________________________________________ ________________________________________________________________________________ |
| B | 建立设计文件夹，文件名：G9 Portfolio Project - [Your Name] |
在文件夹中使用以下标题：
| A.i | 需求 / 用户 |
| A.ii | 研究计划 |
| A.iii | 现有产品分析 |
| A.iv | 设计任务书 |
| 1 | 作品集剖析 #1：选择一个真实人物的作品集，例如设计师、开发者、建筑师、摄影师、动画师、工程师或艺术家。 |
| 作品集作者 / 网站名称： ________________________________ | 网址： ________________________________ |
| 领域 / 职业： ________________________________ | 可能的目标受众： ________________________________ |
第一印象
| 你首先注意到什么？ ________________________________________________________________________________ |
| 作者最希望访客做什么？ ________________________________________________________________________________ |
| 作品是如何组织的？ ________________________________________________________________________________ |
| 哪些信息表明作品集的目标受众？ ________________________________________________________________________________ |
为用户体验评分
| 测试 | 证据 / 简短笔记 | 分数 |
| 用途 | 能否快速理解网站？ | ___ / 5 |
| 信息层级 | 是否清晰地引导注意力？ | ___ / 5 |
| 导航 | 能否预测该去哪里？ | ___ / 5 |
| 一致性 | 界面是否像一个统一体系？ | ___ / 5 |
| 低使用阻碍 | 是否避免了不必要的操作负担？ | ___ / 5 |
设计判断
| 最佳特点 | 什么特别有效？为什么？ ________________________________________________________________________ |
| 最差特点 | 什么造成困惑、使用阻碍或沟通不畅？ ________________________________________________________________________ |
| 借鉴 | 一个值得调整后用于自己作品集的想法。 ________________________________________________________________________ |
| 避免 | 一个你会明确排除的设计选择。 ________________________________________________________________________ |
| 2 | 作品集剖析 #2：选择一个真实人物的作品集，例如设计师、开发者、建筑师、摄影师、动画师、工程师或艺术家。 |
| 作品集作者 / 网站名称： ________________________________ | 网址： ________________________________ |
| 领域 / 职业： ________________________________ | 可能的目标受众： ________________________________ |
第一印象
| 你首先注意到什么？ ________________________________________________________________________________ |
| 作者最希望访客做什么？ ________________________________________________________________________________ |
| 作品是如何组织的？ ________________________________________________________________________________ |
| 哪些信息表明作品集的目标受众？ ________________________________________________________________________________ |
为用户体验评分
| 测试 | 证据 / 简短笔记 | 分数 |
| 用途 | 能否快速理解网站？ | ___ / 5 |
| 信息层级 | 是否清晰地引导注意力？ | ___ / 5 |
| 导航 | 能否预测该去哪里？ | ___ / 5 |
| 一致性 | 界面是否像一个统一体系？ | ___ / 5 |
| 低使用阻碍 | 是否避免了不必要的操作负担？ | ___ / 5 |
设计判断
| 最佳特点 | 什么特别有效？为什么？ ________________________________________________________________________ |
| 最差特点 | 什么造成困惑、使用阻碍或沟通不畅？ ________________________________________________________________________ |
| 借鉴 | 一个值得调整后用于自己作品集的想法。 ________________________________________________________________________ |
| 避免 | 一个你会明确排除的设计选择。 ________________________________________________________________________ |
| 3 | 作品集剖析 #3：选择一个真实人物的作品集，例如设计师、开发者、建筑师、摄影师、动画师、工程师或艺术家。 |
| 作品集作者 / 网站名称： ________________________________ | 网址： ________________________________ |
| 领域 / 职业： ________________________________ | 可能的目标受众： ________________________________ |
第一印象
| 你首先注意到什么？ ________________________________________________________________________________ |
| 作者最希望访客做什么？ ________________________________________________________________________________ |
| 作品是如何组织的？ ________________________________________________________________________________ |
| 哪些信息表明作品集的目标受众？ ________________________________________________________________________________ |
为用户体验评分
| 测试 | 证据 / 简短笔记 | 分数 |
| 用途 | 能否快速理解网站？ | ___ / 5 |
| 信息层级 | 是否清晰地引导注意力？ | ___ / 5 |
| 导航 | 能否预测该去哪里？ | ___ / 5 |
| 一致性 | 界面是否像一个统一体系？ | ___ / 5 |
| 低使用阻碍 | 是否避免了不必要的操作负担？ | ___ / 5 |
设计判断
| 最佳特点 | 什么特别有效？为什么？ ________________________________________________________________________ |
| 最差特点 | 什么造成困惑、使用阻碍或沟通不畅？ ________________________________________________________________________ |
| 借鉴 | 一个值得调整后用于自己作品集的想法。 ________________________________________________________________________ |
| 避免 | 一个你会明确排除的设计选择。 ________________________________________________________________________ |
| C | 五秒测试：用户记住了什么才是证据，设计师的解释不是。 |
从分析过的三个作品集中选择最好的一个，向同伴展示其首页恰好五秒，然后隐藏。
| 1. 这是谁的网站？ | ____________________________________________________ |
| 2. 他们从事哪类工作？ | ____________________________________________________ |
| 3. 你首先注意到什么？ | ____________________________________________________ |
| 4. 你记住了哪些视觉内容？ | ____________________________________________________ |
| 5. 你原本会点击什么？ | ____________________________________________________ |
| 五秒测试揭示了哪些网站作者或设计师可能没有注意到的问题？ ________________________________________________________________________________ ________________________________________________________________________________ ________________________________________________________________________________ |
| D | 明确主要用户：作品集面向真实受众，不只是你自己。 |
| 选择一个主要受众，例如大学招生人员、实习雇主、比赛评委、未来客户或合作伙伴。 |
| 我的主要用户是： | 他们具体是谁？ ________________________________________________________________ |
| 他们需要理解： | 哪些内容必须迅速传达清楚？ ________________________________________________________________ |
| 他们最在意： | 哪些证据或信息对他们重要？ ________________________________________________________________ |
| 他们可能会离开，如果： | 什么可能令他们受挫或无聊？ ________________________________________________________________ |
| 我希望他们： | 接下来应该采取什么行动？ ________________________________________________________________ |
| E | 我的作品集三条规则：把今天的研究转化为具体设计要求。 |
| 较弱的规则：“我的网站应该好看。”有力的规则：“访客必须能够从首页点击一次就进入我最好的项目。” |
| 1 | 我的作品集必须 / 不得……。理由 / 来自今天研究的证据： ________________________________________________________________________ __________________________________________ |
| 2 | 我的作品集必须 / 不得……。理由 / 来自今天研究的证据： ________________________________________________________________________ __________________________________________ |
| 3 | 我的作品集必须 / 不得……。理由 / 来自今天研究的证据： ________________________________________________________________________ __________________________________________ |
| 今天我学到的最重要的用户体验理念是…… ________________________________________________________________________________ ________________________________________________________________________________ ________________________________________________________________________________ |
| 今天我改变了对网站的一个原有假设：…… ________________________________________________________________________________ ________________________________________________________________________________ ________________________________________________________________________________ |
下一步
下节课：研究规划和简短用户访谈。今天的观察将成为评估标准 A 的证据。