美文网首页
读书笔记 5 | 结构层——交互设计和信息架构

读书笔记 5 | 结构层——交互设计和信息架构

作者: 隔壁小贝 | 来源:发表于2017-10-28 09:48 被阅读0次

    定义好用户需求并排列好优先级别之后,我们对于最终产品将会包括什么特性已经有了清楚地图像。然而这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层:为网站创建一个概念结构。

    在传统的软件开发行业,涉及“为用户设计结构化体验”的方法被称为交互设计。在内容建设方面,主要是通过信息架构来构建用户体验。交互设计和信息架构都强调一个重点:确定各个将要呈现给用户的元素的模式顺序。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注于如何将信息表达给用户的元素。

    交互设计:概念模型

    用户对于“交互组件将怎样工作”的观点称为概念模型。使用人们熟悉的概念模型,会使用户很快适应一个不熟悉的网站。如,购物车。一个令人不太熟悉的概念模型,只有在用户能正确理解并诠释它的时候才能起到作用。

    一个概念模型可以反映系统的一个组件或是整个系统。我们不必将概念模型明确地告诉我们的用户,也不要将比喻从现实世界中一字不落地照搬过来。事实上,这样做会让用户觉得很混淆,反而无法帮助他们。更重要的是,概念模型是用于在交互设计的开发过程中保持使用方法的一致性。

    交互设计:错误处理

    第一个同时也是最好的防止错误的方法,是将系统设计成不可能犯错的那种。如,自动挡的汽车P档。第二个避免错误的方法就是使错误难以发生。但即使如此,一些错误一定会发生。这样,系统应该帮助用户找出错误并且改正它们。在某些情况下,系统甚至可以帮助用户自动改正错误。

    有效的错误信息和容易自我解释的界面可以在错误发生之后帮助用户改正。但一些错误是用户完成动作以后才发现错了,而此时系统应该为用户提供从错误中恢复的方式。如,撤销功能。对于那些不可能恢复的错误,提供大量的警告就是系统唯一可提供预防方法。当然,这种警告只有在用户实际注意到它时才能产生作用。

    信息架构:结构化内容

    信息结构研究的是人们如何认知信息的过程,对于产品而言,信息架构关注的就是呈现给用户的信息是否合理并具有意义。

    在以内容为主的网站上,信息架构主要的工作是设计组织分类和导航结构,让用户可以高效率、有效地浏览网站的内容。信息架构与信息检索的概念密切相关:设计出让用户容易找到的信息的系统。然而,在许多情况下,网站的结构不尽不能帮助人们找到东西,还必须教育、通知或说服用户。

    同样地,信息架构要求创建分类体系,这个分类体系将会对应并符合我们的网站目标、希望满足的用户需求,以及将被合并在网站中的内容。我们可以使用以下两种方式来建立分类体系:从上到下或从下到上。

    从上到下的信息架构方法将从战略层所考虑的内容,即根据产品目标与用户需求直接进行结构设计。先从最广泛的、最有可能满足决策目标的内容与功能开始进行分来,然后再依据逻辑细分出次级分类。从下到上的信息架构方法也包括主要分类与次级分类,但它是根据对“内容和功能需求的分类”而来的。先从已有的资料开始,我们把这些资料统统放到最低级别的分类中,然后将它们分别归属到较高一级的类别,从而逐渐构建出能反映我们的产品目标和用户需求的结构。

    一个完整的用户体验,包括网站结构,都是建立在对网站目标和用户需求的理解之上的。如果你要重新定义网站希望大道的目标,或是之前设想的、网站必须满足的需求发生了变化,那么你就应该准备相应地重新调整网站结构了。

    信息架构:结构方法

    信息结构的基本单位是节点。节点可以对应任意的信息片段或组合。节点的抽象性也使得我们能明确地设定我们的关注点的详略程度。常见的几种结构类型:层级结构(有时也称为树状结构或中心辐射结构),矩阵结构,自然结构,线性结构。

    信息架构:组织原则

    节点在信息架构中是依据组织原则来安置的。一般来说,你在产品最高级使用的组织原则应该紧密地与“网站目标”和“用户需求”相关。而在结构中较低的层级,内容与功能需求将对你所采取的组织原则产生重大的影响。如,新闻内容网站经常以时间顺序作为它最显著的组织原则。而下一层级,则是以内容不同分类。如体育新闻,内容也许被划分成“棒球”“网球”这样的类别。

    在创建结构时,我们就要具体地识别出用户心目中至关重要的那些信息,即用户可能最关注的信息截面。成功的用户体验,就是能事先预知用户的期望并将其纳入设计之中。

    信息结构:语言和元数据

    全文摘自《用户体验要素——以用户为中心的产品设计》(机械工业出版社)Jesse James Garrett 著

    相关文章

      网友评论

          本文标题:读书笔记 5 | 结构层——交互设计和信息架构

          本文链接:https://www.haomeiwen.com/subject/xlumuxtx.html