Week 7 Applied
本页目录· 5 条
Learning Outcomes
在今天的应用课堂中，我们将探索并分析桌面端与移动端界面中的菜单系统设计。
- 识别不同类型的导航系统；
- 比较并对照不同的设计方法；
- 识别最佳实践的应用；
- 重新设计一个菜单系统并应用设计原则
Individual activity
导师会为你的小组分配下列网站之一进行浏览。请各自使用笔记本电脑访问该网站，观察不同类型的导航。
- 澳大利亚气象局（The Bureau of Meteorology）：https://www.bom.gov.au/
- Harvey Norman：https://www.harveynorman.com.au/
任务：
- 找到以下每种导航类型的示例：结构型导航（Structural）、关联型导航（Associative）、情境/上下文导航（Contextual）、工具/实用导航（Utility）。
- 按 5 分制为每个示例评估可用性，并给出简要的非正式理由。
Desktop - Comparing Redesigned Menus
比较以下网站的旧版与当前版本（导师会为你的小组分配其中一个网站）：
小组活动
- 讨论并描述导航菜单系统发生了哪些变化。
- 所有新变化都是可用性改进吗？
- 旧设计中是否存在任何可用性优势？
- 识别这些导航菜单中是否应用了第6周研讨课提到的最佳实践（即 UX 定律）。
- Jakob 定律（Jakob's Law）：用户期望你的界面像他们已熟悉的东西那样工作。
- Fitts 定律（Fitts' Law）：目标的大小与位置会影响到达该目标所需的时间。
- Miller 定律（Miller's Law）：一般而言，人们在工作记忆中只能保留 7±2 个信息。
- Hick 定律（Hick's Law）：当一次性呈现的选项越多，做出决定所需的时间就会增加。
- 冯·雷斯托夫效应（Von Restorff Effect）：在一组相似的选项中，最与众不同的那个更容易被记住。
Mobile Menu - Redesign of Website (30 mins)
个人活动
对你最近或经常使用的某个网站的菜单截图，并将其重设计为移动端优化的菜单界面。
- 每位组员都需要复制一份模板幻灯片；
- 在你的幻灯片中添加该网站的截图；
- 使用 Google Slides 的绘图工具绘制该网站的移动端菜单：
- 你的设计应在功能上尽量与原网站保持一致；
- 设计概念与风格可以大幅不同——不必沿用原网站的菜单类型或结构。
Menu Redesign - Critique (20 mins)
讨论并直接在他人的重设计菜单上标注你的评注。
- 重设计有哪些改进？
- 指出一个能够支撑该改进的原则或指南；
- 重设计是否引入了新的问题？
- 指出一个能够说明该问题的原则或指南（如有）。
说明可参考：Norman 原则、WCAG 原则或最佳实践。