快好知 kuaihz

网站如何做好用户体验(三)

建议先阅读:

网站如何做好用户体验(一)

网站如何做好用户体验(二)

 

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

1. 结构层是五个层面中的第三层,适当的将我们的关注点从抽象的决策与范围问题,转移到更能影响最后的用户体验的具体因素。它是范围层的上面一层,为网站创建一个概念结构,将分散的片段组成一个整体。

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

概念模型(conceptual model):用户对于“交互组件将怎样工作”的观点成为称为概念模型。一个概念模型可以反映系统的一个组件或是整个系统,用于在交互设计的开发过程中保持使用方式的一致性。

2. 错误处理:系统要如何防止人们继续犯错?

(1)将系统设计成不可能犯错的

(2)使错误难以发生。万一发生,系统应该帮助用户找出错误并改正它们。

(3)系统应该为用户提供从错误中恢复的方式。最著名的是Undo(重做)。

3. 信息架构:着重于设计组织分类和导航的结构,从而让用户可以高效率、有效率地浏览网站的内容。

(1)信息架构要求创建分类体系,该分类体系将会对应并符合网站目标、希望满足用户需,以及将被合并在网站中的内容。创建的方式:

从上到下(top-down approach):从“网站目标与用户需求的理解”开始直接进行结构设计,先从最广泛的满足决策目标的潜在内容与功能开始分类,然后再依据逻辑细分出次级分类。 局限性:导致内容的重要细节被忽略。

从下到上(bottom-up approach):根据“内容和功能需求的分析”而来,从已有资料开始,把该资料放到最低级别分类中,然后将它们分别归属到高一级的类别。局限性:导致架构过于精确地反映了现有内容,而不能灵活的容纳未来内容的变化或增加。

一个有效结构的特点,具备“容纳成长和适应变动”的能力。

(2)信息架构的基本单位是节点(node),可以对应任意的信息片段或组合。

节点的安排方式:

层级结构(hierarchical structure):节点与其他相关节点之间存在父/子级关系。

矩阵结构(matrix structure):允许用户节点节点之间沿着两个或更多的“维度”移动。

自然结构(organic structures):不会遵循任何一致的模式。

线性结构(sequential structures):连贯的语言流程。

节点的组织原则(organizing principle):哪些节点要编成一组,哪些要保持独立的标准。一般来说,在网站最高层级使用的组织原则应该紧密与“网站目标”和“用户需求”相关,而在结构中较低的层级,内容与功能需求的考虑将对你所采用的组织原则产生很大影响。

(3)语言与元数据:

命名原则(nomenclature):描述、标签和网站使用的其他术语。

要注意“使用用户的语言”且“保持一致性”,常用来强调一致性的工具被称为“控制性词典”(controlled vocabulary),即网站使用的一套标准语言。还有种方式是创造类词词典(thesaurus),即提供常用的、但未纳入该网站标准用语的词汇以供选择。

使用控制性词典或类词词典对于建立包含有元数据(metadata)的系统特别有用。元数据简单的说就是“关于信息的信息”,以一种结构化的方式来描述内容。

好的元数据能帮助我们迅速地运用已有的内容创造出适应用户需求的一个新部分,还能提供更可靠的搜索结果。

(4)团队角色和流程

文档:

视觉辞典(the Visual Vocabulary)

 

界面设计、导航设计和信息设计

框架层:什么样的功能形式来实现,处理更精准的细节问题。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:网站如何做好用户体验  做好  做好词条  体验  体验词条  用户  用户词条  如何  如何词条  网站  网站词条  
交互

 商业插画的风格赏析

摘要:插画的领域很广,关于插画每个人都有不同的见解,这次我主要分享一些商业插画的风格和应用。主要分成三大点去分析。希望能用最简单,直白的文字让大家认识插画的分支...(展开)

交互

 PC、iOS、Android通用...

本文作者@一大坨黄 供职@微博UDC设计中心 。近年来,在技术方式,网页自适应的兴起、微软Win8系统的发布,都在试图解决一个问题:让同一产...(展开)