界面设计

界面设计

Week11笔记 界面设计

7.1 为媒介而设计(中英文对照)

中文 英文
无死胡同页 NO DEAD-END PAGES
直接访问 DIRECT ACCESS
简洁性和一致性 SIMPLICITY AND CONSISTENCY
完整性和稳定性 INTEGRITY AND STABILITY
反馈和对话框 FEEDBACK AND DIALOG
带宽和交互 BANDWIDTH AND INTERACTION
显示屏 DISPLAYS

无死胡同页

  1. 网站中的所有网页至少有一个返回主页的链接
  2. 提供主页链接以及指向网站其他主要部分的链接比第一点好
  3. 原因:用户可能出现在任何页面上而我们应防止用户被锁定在这个页面,连接不到其他页面

直接访问

  1. 使用户以尽可能最少的步骤获取信息
  2. 即设计一个有效的信息层次结构,以便用户通过菜单页找到页面所需的点击步骤数最小化
  3. 至少提供5-7个链接的菜单
graph LR
1-->1.0
1-->1.1
2-->2.0
2-->2.1
3-->3.0
3-->3.1
...

  1. P375 可访问性 accessibility (信息)无障碍/亲和力[港台说法]如书后面的索引如书后面的索引

简洁性和一致性

低调但精致、安静但功能性高的网站标识和主标题导航如《拉帕姆季刊》

完整性和稳定性

图7.3简单而大胆的站点标题既建立了强大的站点标识,有设置了一个简单直接了当的导航系统。完全响应式的站点设计也会在移动设备上页面缩减时仍顺眼。

反馈和对话框

反馈和对话框

带宽和交互

  • 图7.4互联网的国际用户是一个巨大的潜在的新的受众,但这些用户大多是使用手机,而其带宽有限。
  • 图7.5“第三世界”地区的移动网络用户是目前网络受众中增长最快的部分
  • 用户不会容忍长时间的延迟。研究表明,对于大多数计算任务,超过大约是十秒的门栏,用户感到挫折。
  • 请检查minded网站日志,以确保您对典型用户和地理位置和网络连接有所了解。如果您有许多国际用户,举例来说,在页面上大型图形的使用应更保守一些(图7.4)

Other

这节课是由廖汉腾老师、王子佳老师以及李雪老师共同讲授,其余课件笔记在手机里。由于时间关系,就不做过多整理了。

Web app与Native app的区别(哪个是趋势——知乎

分辨率:DPI等


转载请注明:黎婵的博客 » 点击阅读原文