比巴波的小柜@产品

《用户体验要素》摘要③:产品五层面之结构层&框架层

2017-09-29  本文已影响32人  luna比巴波


一、结构层:交互设计与信息架构

1.1定义:将产品设计中关注点从抽象的决策与范围问题,转移到更影响用户体验的具体因素,即确定各个将要呈现给用户的元素的“模式”和顺序。功能型产品——交互设计(关注影响用户执行和完成任务的元素);信息架构——信息架构(关注如何将信息表达给用户的元素)。

1.2交互设计:关注于描述“可能的用户行为”,定义“系统如何配合与响应”。

1.3概念模型:用户对于“交互组件将怎样工作”的观点。用于在交互设计的开发过程中保持使用方式的一致性。

错误处理:①将系统设计成不可能犯错的类型②使错误难以发生③提供“撤销”④对于不可能挥发的错误,提供大量警告。

1.4信息架构:研究人们如何认知信息的过程,关注于呈现给用户的信息是否合理并具有意义。

·结构化内容:从上到下分类(缺点:重要细节被忽略)、从下到上分类(缺点:不能灵活容纳未来内容的变动或增加)

·结构方法:信息架构的基本单位是节点,节点可以对应任意的信息片段或组合。常见类型——

①层级结构,亦称“树状结构”“中心辐射结构”,节点与相关节点之间存在父/子关系(根/叶节点)

②矩阵结构,允许用户在节点与节点之间沿着两个或更多的“维度”移动,通常用于“带着不同需求来的用户”。

③自然结构:不遵循任何一致的模式,节点被逐一连接起来,没有太强烈的“分级”概念。

④线性结构:用于“限制需要呈现的内容顺序对于符合用户需求非常关键”的产品。

·组织原则:节点在信息架构中是依据组织原则来安置。组织原则决定哪些节点编组、哪些节点保持独立的标准。产品最高层级使用的组织原则应与“网站目标和用户需求”紧密相关。

语言和元数据:

命名规则——描述、标签和其他术语

受控词典:网站使用的一套标准语言,有助于建立起贯穿所有内容的一致性。

类词词典:提供常用的、但未纳入该网站标准用于的词汇以供选择。

元数据:关于信息的信息,即以一种结构化的方式来描述内容的信息。

1.5团队角色和流程:通常用架构图来描述网站结构工具的术语。最重要的是记录概念关系,并不一定要写明网站的每一页的每一个链接。

二、框架层:界面设计、导航设计和信息设计

2.1定义:确定产品用什么样的功能和形式来实现。

·界面设计(功能型产品,提供给用户做某些事的能力)

·导航设计(信息型产品,提供给用户去某个地方的能力)

·信息设计(通用,传达想法给用户)

2.2习惯和比喻:用户与世界交互的基础。让产品和用户早已养成的习惯保持一致,有效地利用比喻来减少用户在“理解和使用产品功能”时对猜测的要求。

2.3界面设计:选择正确的界面元素,帮助用户完成任务。将用户最有可能采用的行为进行组织,让界面元素用最容易的方式获取和使用。

!将极端情况呈现出来的界面,等于给大多数用户提供一个设计不良的界面。


2.4导航设计:提供网站间跳转的方法;传达出元素与它们所包含内容之间的关系;传达出内容和用户当前流量页面之间的关系。

常见导航系统——

·全局导航:覆盖整个网络的通路

·局部导航:提供用户这个架构中到“附近地点”的通路

·辅助导航:提供全局导航或局部导航不能快速到达的相关内容的快捷途径

·上下文导航:亦称“内联导航”,嵌入页面自身内容的导航,例如超链接

·友好导航:用户通常不需要,但可作为一种便利的途径来使用

·网站地图:远程导航工具,通常作为网站的分级概要,提供所有一级导航的链接、并主要的二级导航联系起来

·索引表:字母排序、链接到相关页面的列表

2.5信息设计:用一种“反映用户思路”和“支持他们的任务和目标”的方式来分类和排列信息元素。

指示标识:用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。

2.6线框图:亦称“页面示意图”,对页面中所有的组成部分以及它们如何结合到一起的直观描述。

通过安排和选择界面元素来整合界面设计;通过识别和定义核心导航系统来整合导航设计;通过放置和排列信息组成部分的优先级来整合信息设计。


以上内容为《用户体验要素》(作者:[美]Jesse James Garrett)的第5、6章读书笔记及部分摘要,本人水平有限,欢迎大家交流指正,谢谢~

上一篇下一篇

猜你喜欢

热点阅读