Week11笔记 界面设计
7.1 为媒介而设计(中英文对照)
中文 | 英文 |
---|---|
无死胡同页 | NO DEAD-END PAGES |
直接访问 | DIRECT ACCESS |
简洁性和一致性 | SIMPLICITY AND CONSISTENCY |
完整性和稳定性 | INTEGRITY AND STABILITY |
反馈和对话框 | FEEDBACK AND DIALOG |
带宽和交互 | BANDWIDTH AND INTERACTION |
显示屏 | DISPLAYS |
无死胡同页
- 网站中的所有网页至少有一个返回主页的链接
- 提供主页链接以及指向网站其他主要部分的链接
比第一点好
- 原因:用户可能出现在任何页面上
而我们应防止用户被锁定在这个页面,连接不到其他页面
直接访问
- 使用户以尽可能最少的步骤获取信息
- 即设计一个有效的信息层次结构,以便用户通过菜单页找到页面所需的点击步骤数最小化
- 至少提供5-7个链接的菜单
graph LR
1-->1.0
1-->1.1
2-->2.0
2-->2.1
3-->3.0
3-->3.1
...
P375
可访问性 accessibility (信息)无障碍/亲和力[港台说法]如书后面的索引
简洁性和一致性
低调但精致、安静但功能性高的网站标识和主标题导航如《拉帕姆季刊》
完整性和稳定性
图7.3
简单而大胆的站点标题既建立了强大的站点标识,有设置了一个简单直接了当的导航系统。完全响应式的站点设计也会在移动设备上页面缩减时仍顺眼。
反馈和对话框
带宽和交互
图7.4
互联网的国际用户是一个巨大的潜在的新的受众,但这些用户大多是使用手机,而其带宽有限。图7.5
“第三世界”地区的移动网络用户是目前网络受众中增长最快的部分- 用户不会容忍长时间的延迟。
研究表明,对于大多数计算任务,超过大约是十秒的门栏,用户感到挫折。
- 请检查minded网站日志,以确保您对典型用户和地理位置和网络连接有所了解。如果您有许多国际用户,举例来说,在页面上大型图形的使用应更保守一些(图7.4)
Other
这节课是由廖汉腾老师、王子佳老师以及李雪老师共同讲授,其余课件笔记在手机里。由于时间关系,就不做过多整理了。
Web app与Native app的区别(哪个是趋势——知乎)
分辨率:DPI等