设计界面,第3版

书中描述

设计优秀的应用界面并不容易,因为现在的公司需要在大量的渠道、屏幕和情境中创造引人注目的无缝用户体验。在这个更新的第三版中,您将学习如何通过设计选项的迷宫导航。通过将UI最佳实践作为设计模式,这本畅销书为常见的设计问题提供了解决方案。

您将学习移动应用程序,Web应用程序和桌面软件的模式。每个模式都包含全色示例和实用的设计建议,您可以立即申请。经验丰富的设计人员可以将本指南作为一个想法券源书,新手将找到一个路线图到界面和交互设计的世界。

  • 在开始设计之前了解您的用户
  • 构建软件的结构,以便对用户有意义
  • 设计组件,以帮助用户完成任何设备上的任务
  • 了解如何在您的软件中推广寻路
  • 放置元素来引导用户获取信息和功能
  • 学习视觉设计如何影响产品的可用性
  • 用巧妙的可视化显示复杂的数据

出版商资源

视图/提交勘误表

目录

  1. 第三版前言
    1. 为什么我们写这本书
    2. 设计模式仍然相关
    3. 软件现在是系统
      1. 重点:基于屏幕、Web和移动
      2. 这个版本里没有什么
    4. 这本书是写给谁的
    5. 这本书是如何组织的
      1. 介绍与设计讨论
      2. 模式
    6. 结论
    7. 本书使用的约定
    8. O ' reilly在线学习
    9. 如何联络我们
    10. 致谢
  2. 1.设计的人
    1. 上下文
      1. 了解你的听众
      2. 互动是对话
      3. 将您的内容和功能与您的受众匹配
      4. 技术水平
      5. 目标:你的界面只是达到他们目的的一种手段
      6. 问为什么
      7. 设计的价值:解决正确的问题,然后解决它
    2. 研究:了解背景和目标的方法
      1. 直接观察
      2. 案例研究
      3. 调查
      4. 角色
      5. 设计研究不是营销研究
    3. 模式:与界面设计相关的认知和行为
      1. 安全探索
      2. 即时的满足
      3. 满意
      4. 在中游的变化
      5. 延迟选择
      6. 增量建设
      7. 习惯化
      8. 微观辐射
      9. 空间记忆
      10. 前瞻记忆
      11. 精简重复
      12. 键盘只
      13. 社交媒体、社会认同和协作
    4. 结论
  3. 2.组织内容:信息架构和应用结构
    1. 目的
    2. 定义
      1. 为人们设计信息空间
    3. 方法
      1. 从演示文稿中单独的信息
    4. 相互排斥,集体穷尽
    5. 组织和分类内容的方法
      1. 字母顺序排列
      2. 数量
      3. 时间
      4. 位置
      5. 等级制度
      6. 类别或方面
    6. 设计任务和工作流优势应用程序
      1. 使经常使用的物品可见
      2. “块向上”工作进入一系列步骤
      3. 多个频道和屏幕尺寸是今天的现实
      4. 以卡片显示您的信息
    7. 设计一个屏幕类型系统
    8. 概述:显示事物或选项的列表或网格
    9. 专注:展示一件事
    10. 制作:提供工具来创造一件东西
    11. 帮助完成一项任务
    12. 模式
      1. 功能,搜索和浏览
      2. 手机直接访问
      3. 流和提要
      4. 媒体浏览器
      5. 指示板
      6. 帆布加调色板
      7. 巫师
      8. 设置编辑器
      9. 另类观点
      10. 许多工作区
      11. 帮助系统
      12. 标签
    13. 结论
  4. 3.绕行:导航,路标和寻路
    1. 理解信息和任务空间
    2. 路标
    3. Wayfinding
    4. 导航
      1. 全球导航
      2. 实用的导航
      3. 关联导航和内联导航
      4. 相关内容
      5. 标签
      6. 社会
    5. 设计注意事项
      1. 将导航设计与视觉设计分开
      2. 认知负荷
      3. 保持距离短
    6. 导航模型
      1. 中心和说话
      2. 完全连接
      3. 多级或树
      4. 一步一步
      5. 金字塔
      6. 平面导航
    7. 模式
      1. 清晰的入口点
      2. 菜单页面
      3. 金字塔
      4. 模态面板
      5. 深链接
      6. 逃脱舱口
      7. 脂肪的菜单
      8. 网站地图页脚
      9. 登录工具
      10. 进度指标
      11. 面包屑
      12. 带注释的滚动条
      13. 动画过渡
    8. 结论
  5. 4.屏幕元素布局
    1. 布局的基础知识
      1. 视觉层次结构
      2. 是什么让事情看起来很重要?
      3. 四个重要的盖尔博原则
      4. 视觉流
      5. 使用动态显示器
      6. 响应式启用
      7. 逐步披露
      8. UI区域
    2. 模式
      1. 视觉框架
      2. 中心舞台
      3. 等于的网格
      4. 标题部分
      5. 模块标签
      6. 手风琴
      7. 可折叠的面板
      8. 可移动面板
  6. 5.视觉风格与美学
    1. 视觉设计的基础知识
      1. 视觉层次结构
      2. 作文
      3. 颜色
      4. 排版
      5. 可读性
      6. 唤起一种感觉
      7. 图片
    2. 企业应用的视觉设计
      1. 无障碍
    3. 视觉样式的范围
      1. Skeuomorphic
      2. 说明
      3. 平面设计
      4. 简约
      5. 自适应/参数
    4. 结论
  7. 6.移动界面
    1. 移动设计的挑战与机遇
      1. 微小的屏幕尺寸
      2. 可变屏幕宽度
      3. 触屏
      4. 打字困难
      5. 具有挑战性的物理环境
      6. 位置意识
      7. 社会影响和关注有限
    2. 如何进行手机游戏设计
      1. 一些有价值的例子
    3. 模式
      1. 垂直堆栈
      2. 幻灯片
      3. 联系工具
      4. 底部导航
      5. 集合和卡片
      6. 无限列表
      7. 慷慨的边界
      8. 加载或进度指标
      9. 丰富的连接应用程序
    4. 让它移动
  8. 7.列出的东西
    1. 列表用例
    2. 返回信息架构
    3. 你想展示什么?
    4. 模式
      1. 双面板选择器或分屏视图
      2. 一窗钻井
      3. 列表镶嵌
      4. 卡片
      5. 缩略图的网格
      6. 旋转木马
      7. 分页
      8. 跳到项目
      9. alpha / numeric scroller
      10. 新项目行
    5. 列出比比
  9. 8.做事情:动作和命令
    1. 点按,刷卡和捏
    2. 旋转和动摇
    3. 按钮
    4. 菜单栏
    5. 弹出菜单
    6. 下拉菜单
    7. 工具栏
    8. 链接
    9. 行动面板
    10. 盘旋的工具
    11. 单击项目与双击项目
    12. 键盘操作
      1. 快捷键
      2. 标签的顺序
    13. 拖拉
    14. 输入命令
    15. 功能可见性
    16. 直接操纵物体
    17. 模式
      1. 按钮组
      2. 悬停或弹出工具
      3. 行动小组
      4. 突出的“完成”按钮或假设下一步
      5. 智能菜单项
      6. 预习
      7. 旋转器和加载指示器
      8. Cancelability
      9. 多级撤消
      10. 命令历史
    18. 结论
  10. 9.显示复杂数据
    1. 信息图形的基础知识
      1. 组织模型:该数据如何组织?
      2. 注意前变量:什么与什么相关?
      3. 导航和浏览:如何探索此数据?
      4. 排序和重新排列:我可以重新排列这个数据以以不同的方式看到它吗?
      5. 搜索和过滤:如何只看到我需要的数据?
      6. 实际数据:特定数据值是什么?
    2. 模式
      1. Datatips
      2. 数据聚光灯
      3. 动态查询
      4. 数据刷牙
      5. 多y图
      6. 小倍
      7. 数据可视化的力量
  11. 10.从用户获取输入:表单和控件
    1. 形式设计的基础知识
      1. 表单设计继续发展
      2. 进一步的阅读
    2. 模式
      1. 宽容的格式
      2. 结构化的格式
      3. 填充空白
      4. 输入提示
      5. 输入提示
      6. 密码强度计
      7. 自动完成
      8. 下拉选择器
      9. 列表构建器
      10. 良好的默认和智能预览
      11. 错误消息
    3. 结论
  12. 11.用户界面系统和原子设计
    1. UI系统
      1. 基于组件的UI系统:微软的流利
    2. 原子设计:一种设计系统的方式
      1. 概述
      2. 原子设计层次结构
    3. UI框架
      1. 概述
      2. 好处
      3. UI框架的兴起
      4. 看看选择的UI框架
    4. 结论
  13. 12.屏幕之外和幕后
    1. 配料:智能系统
      1. 连接设备
      2. 预期系统
      3. 辅助系统
      4. 自然用户界面
    2. 结论
  14. 指数

产品信息

  • 标题:设计界面,第3版
  • 作者(年代):詹妮弗·蒂德韦尔,查尔斯·布鲁尔,艾恩·巴伦西亚
  • 发布日期:1月2020年1月
  • 出版商:O ' reilly Media, Inc .)
  • 国际标准图书编号:9781492051961