用户体验要素涉及五个层面,战略层,范围层,结构层,框架层和表现层,今天接着写结构层之后的内容
- 什么是结构层?
将范围层的需求内容这些分散的片段组成一个整体
依据网站类型,分为功能型产品和信息型产品。功能型产品,结构层关注交互设计,信息型产品结构层关注信息架构,但二者都强调一个重点,确定各个将要呈现的要素的模式和顺序
关于交互设计
- 什么是交互设计
交互设计关注于描述可能的用户行为,同时定义系统如何响应这些用户行为。
相关概念:概念模型:交互组件将如何工作。
比如软件是否把某个特性处理成用户所熟悉的某个概念
内容元素是一个位置还是对象并不重要,重要的是网站能够将这些内容元素从头到尾一致的表现出来,而不是有时候将此元素当成位置,有时候又当成对象。
- 使用人们熟悉的概念模型,会使用户很快适应一个不熟悉的网站
但不要将比喻从现实世界中一字不落的照搬过来
- 关于错误的处理方式
- 将系统设计成不可能犯错的那种
- 使错误难以发生,当发生时,系统应该帮助用户找出错误并改正,或者给予撤销操作的功能
- 对于不可能恢复的错误,提供大量的警告
关于信息架构
什么是信息架构
信息架构研究的是人们如何认知信息的过程,对于产品而言,信息架构关注的就是呈现给用户的信息是否合理并具有意义。信息架构的主要工作是什么?
设计组织分类和导航结构如何建立分类体系?
从上到下:从战略层所考虑的内容,即根据产品目标与用户需求直接进行结构设计,先从最广泛的,有可能满足决策目标的内容与功能开始进行分类,然后再依据逻辑细分出次级分类。
从下到上:根据内容和功能需求的分析而来,先从已有的资料(或者网站发布后将存在的资料开始,我们把这些资料统统放到最低级别的分类中,然后再将它们归属到较高一级的类别,从而逐渐构建出能反映我们的产品目标和用户需求的结构如何衡量结构质量?
不是整个过程一共需要多少步骤,而是用户是否认为每一个步骤都是合理的,以前的的步骤是否自然地延续了上一个步骤的任务
- 一个高效结构的优点就是具备“容纳成长和适应变动”的能力,
- 有哪些构建结构的方法?
- 将信息架构的基本单位看作一个个节点,节点可以对应任意的信息片段或组合,我们需要处理的是节点,而不是页面,文档或组建
- 常见的结构类型
- 层级结构(树状结构),最常见
- 矩阵结构:允许用户在节点与节点之间移动
- 自然结构:不会遵循任何一致的模式,节点是逐一连接起来的,同时这种结构没有强烈的分类概念
- 线性结构:比如线下媒体,用于限制那些需要呈现的内容顺序对于符合用户需求非常关键的应用程序
节点的组织原则
你的产品最高层级使用的组织原则应该紧密地与“网站目标”和“用户需求相关”
常见对策:找到产品所有的可能的截面,将每一个可能的截面都当作组织原则来使用,从而让用户自己去选择对他们而言最重要的那个注意使用的语言
使用让人容易理解的命名原则:描述,标签和网站使用的其他术语,并且保持一致性
元数据:以一种结构化的方式来描述内容的信息
比如:作者名,发布日期,内容类型,产品名称等
掌握的内容信息越详细,在建设信息架构时灵活性越高
- 文档要清楚的描述网站结构,从命名原则和元数据的具体细节,到信息架构和交互设计的整体概况
信息架构或交互设计的主要文档是示意图
关于框架层
- 框架层我们要做什么?
确定详细的界面外观,导航和信息设计
关注点在独立的组件以及它们之间的相互关系上
- 功能型产品-关注界面设计-提供做某些事的能力
包括按钮,输入框和其他界面控件等领域 - 信息型产品,解决导航设计问题-提供去某个地方的能力
二者都要关注信息设计的问题,用与呈现有效的信息沟通-传达想法
尊重用户的习惯和比喻
与用户习惯保持一致但不必死守
谨慎对待比喻,对于你而言是显而易见的,但用户可能来自于和你完全不同的文化背景-有效的使用比喻(图标设计)界面设计关注什么?
选择正确的界面元素,帮助用户完成他们的任务,还要通过适当的方式让它们容易被理解和使用成功的界面设计是什么样的?
能让用户一眼就看到“最重要的东西”,一个设计良好的界面是要组织好用户最常采用的行为,同时让这些界面元素用最容易的方式获取和使用。
一个简单的技巧:在这个界面第一次呈现给用户的时候,仔细考虑每一个选项的默认值。另外,能自动记住某个用户最后一次选择状态的系统一部分界面元素:
复选框:允许用户独立地选择各个选项
单选框:允许用户从一组互斥的选项中选择一个
文本框:允许用户输入文字
下拉菜单:提供和单选框类似的功能,但是它们是在一个更紧凑的空间中完成这件事,允许更有效地呈现更多的选项。
多选菜单:提供和复选框相似的功能,更紧凑的空间中完成
按钮:采取动作或提交信息
妥善处理所有不同的界面元素导航设计的目标
- 提供用户一种在网站间跳转的方法,链接必须真实有效
- 传达出这些元素和它们所包含内容之间的关系
- 传达出它的内容和用户当前浏览牙面之间的关系
- 几种常见的导航系统
全局导航:提供了覆盖整个网站的通路,经典应用就是在导航拦上放上能到网站所有主要栏目的链接
局部导航:提供用户在这个结构中找到附近地点的通路
辅助导航:提供全局导航或局部导航不能快速达到的相关内容的快捷途径
上下文导航:嵌入页面自身内容的一种导航。比如一个在页面文字中的超级链接
友好导航:提供给用户它们通常不会需要的链接,但它们作为一种便利的途径来使用。比如联系信息,反馈表单和法律声明的链接
网站地图:常见的远程导航
索引表:按字母顺序排列的,链接到相关页面的列表
- 信息设计的关注什么?
决定如何呈现信息,使人们很容易使用和理解它们
- 关注视觉上的呈现方式
- 分组,或者整理:用一种反映用户的思路和支持他们的任务和目标的方式来分类和排列元素
- 指示标识:将信息设计和导航设计结合到一起,帮助用户理解他们在那里以及他们能去哪
指示标识的信息设计元素涉及页面元素,比如使用“颜色标识”告诉用户它们正在看的是哪个部分
10.善于利用线框图来做页面布局
页面布局是将信息设计,界面设计和导航设计放置到一起,形成一个统一的,有内在凝聚力的架构
- 通过安排和选择界面元素来整合界面设计
- 通过识别和定义核心导航系统来整合导航设计
- 通过防治和排列信息组成部分的优先级来整合信息设计
关于表现层
表现层关注什么?
感知设计如何评估视觉设计方案
- 运作是否良好,而不是美不美
- 对于之前确定的目标,视觉设计给予它们支持了吗?
- 产品外观有没有破坏结构,有没有使结构中的模块之间的区别变的模糊不清
- 外观有没有强化结构,使用户可用的选项清楚明了,比如传达品牌形象
评估的时候提出这样的问题: - 你的视线首先落在什么地方,哪个设计要素在第一时间吸引了用户的注意力?
- 它们对于战略目标来讲很重要吗?
- 成功的设计,眼睛的移动轨迹模式是什么?
- 遵循一条流畅的路径
- 为用户提供有效选择和某种可能的引导
- 视觉设计中,善于运用对比和保持一致
关于要素的应用
了解用户体验的五个要素,找到问题对应的层次并解决它
创造良好的用户体验最重要的工作内容就是大量收集亟待解决的非常细微的问题。
了解你正在试者去解决的问题。
你已经知道主页的那个紫色大按钮是个问题,是按钮太大还是紫色不合适?它们哪个需要改变(表现层);是这个按钮在这个页面上放置的地方不对?(框架层);还是这个按钮所代表的功能并不是用户期望的那个》(结构层)了解这些解决办法所造成的后果
具体章节的笔记都做完了,准备把读书笔记打印出来分类整理,日后工作的时候可以经常回顾浏览一下