数极客首页

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

倡议

先阅读:

网站怎样
做好用户体验(一)

网站怎样
做好用户体验(二)

网站怎样做好用户体验(三)

 

结构

层:交互设计与信息架构

1. 结构

层是五个层面中的第三层,恰当
的将我们的关注点从笼统
的决策与范围问题,转移到更能影响最终
用户体验的细致

要素
。它是范围层的上面一层,为网站创建

一个概念结构

,将分散的片段组成一个整体。网站怎样做好用户体验(三)

网站怎样做好用户体验(三)

交互设计:关注于描画

“可能的用户行为”,同时定义“系统怎样
配合与响应”这些用户行为。

概念模型(conceptual model):用户关于
“交互组件将怎样工作”的观念
成为称为概念模型。一个概念模型能够

反映系统的一个组件或是整个系统,用于在交互设计的开发过程中坚持
运用
方式的分歧
性。

2. 错误处置
:系统要怎样
避免

人们继续犯错?

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

(2)使错误难以发作
。万一发作
,系统应该辅佐

用户找出错误并矫正
它们。

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

3. 信息架构:着重于设计组织分类和导航的结构

,从而让用户能够

高效率、有效率地阅读
网站的内容。

(1)信息架构央求

创建

分类体系,该分类体系将会对应并契合
网站目的
、希望满足用户需,以及将被兼并
在网站中的内容。创建

的方式:

  • 从上到下(top-down approach):从“网站目的
    与用户需求的了解

    ”开端
    直接中止

    结构

    设计,先从最普遍
    的满足决策目的
    的潜在内容与功用
    开端
    分类,然后再依据

    逻辑细分出次级分类。 局限性:招致
    内容的重要细节被疏忽

  • 从下到上(boom-up approach):依据

    “内容和功用
    需求的剖析

    ”而来,从已有资料

    开端
    ,把该资料

    放到最低级别分类中,然后将它们分别归属到高一级的类别。局限性:招致
    架构过于精确

    地反映了现有内容,而不能灵活

    的容纳

    未来

    内容的变化或增加。

一个有效结构

的特性
,具备“容纳

生长
和顺应
变动”的才干

(2)信息架构的基本

单位是节点(node),能够

对应恣意
的信息片段或组合。

节点的布置
方式:

  • 层级结构

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

  • 矩阵结构

    (matrix structure):允许用户在节点与节点之间沿着两个或更多的“维度”移动

  • 自然结构

    (organic structures):不会遵照
    任何分歧
    的方式

  • 线性结构

    (sequential structures):衔接

    的言语
    流程。

节点的组织准绳
(organizing principle):哪些节点要编成一组,哪些要坚持
独立的规范

。普通
来说,在网站最高层级运用
的组织准绳
应该紧密

与“网站目的
”和“用户需求”相关,而在结构

中较低的层级,内容与功用
需求的思索
将对你所采用的组织准绳
产生很大影响。

(3)言语
与元数据:

命名准绳
(nomenclature):描画

、标签和网站运用
的其他术语。

要留意
“运用
用户的言语
”且“坚持
分歧
性”,常用来强调分歧
性的工具被称为“控制性词典”(controlled vocabulary),即网站运用
的一套规范

言语
。还有种方式是发明

类词词典(thesaurus),即提供常用的、但未归入
该网站规范

用语的词汇以供选择。

运用
控制性词典或类词词典关于
树立
包含有元数据(metadata)的系统特别有用。元数据简单的说就是“关于信息的信息”,以一种结构

化的方式来描画

内容。

好的元数据能辅佐

我们疾速
地运用已有的内容发明

出顺应
用户需求的一个新部分

,还能提供更牢靠

的搜索结果。

(4)团队角色和流程

文档:

网站怎样做好用户体验(三)

视觉辞典(the Visual Vocabulary)

网站怎样做好用户体验(三)

 

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

框架层:什么样的功用
方式
来完成
,处置
更精准的细节问题。

网站怎样做好用户体验(三)

界面:提供给

用户做某些事情的才干

。经过
它用户能真正接触到那些“在结构

层的交互设计中”肯定
的“细致

功用
”。

导航设计:提供给

某个用户区某个中央
的才干

。用户能经过
它在“结构

中自由

穿行”。

信息设计:传达想法,它是这个层面中范围最广的一个要素。

1. 界面设计要尊重习气
,但非死守。当一种不同的方式有很显然
的益处

时,应试着违犯
习气
,但央求

在做每一个决议
的时分
都有充沛

的明白
的理由。

要抵御

在网站周围

树立
起比喻(metaphor)的激动

。比喻常常
不能提示

特性的实质

,反而会混杂
。避免

比喻,减少对用户“在了解

和运用
网站功用
”时的心理央求

2. 胜利

的界面设计能让用户一眼就看到“最重要的东西”。

(1)程序员要改动
思索

问题的方式。

好的程序员总要思索
到“边缘状况

”,但界面设计中,一个设计良好的界面是要组织好用户最常采用的行为,同时让这些界面元素用最容易的方式获取和运用

TIPS:第一次呈现给用户时,思索
每个选项的默许
值;能自动记住某个用户最终
一次选择状态的系统。

(2)HTML和FLASH

HTML最初是用于简单的超级文本信息,后来它的一小部分

元素就成为了规范

界面元素:

复选框、单选框、文本框、下拉菜单、多选菜单、按钮

Flash灵活

性更强,界面对用户的响应更积极。

3. 导航设计

(1)必需
同时完成以下3个目的

  • 导航设计必需
    提供给

    用户一种在网站间跳转的办法

    ,必需
    选择能促进用户行为的。

  • 导航设计必需
    传达出这些元素和它们所包含内容之间的关系,关于
    用户了解

    “哪些选择对他们是有效的”十分

    必要。

  • 导航设计必需
    传达出它的内容和用户当前阅读
    页面之间的关系,辅佐

    用户了解

    “哪个有效的选择会最好的支持他们的任务或他们想要抵达

    的目的
    ”。

(2)多重的导航系统(navigation system)

全局导航、部分

导航、辅助导航、上下文导航、友好导航、远程导航

4. 信息设计:怎样
呈现这些信息。

指示标识(wayfinding):导航、颜色、图标等

线框图(wireframe)/页面表示
图:它是整合在结构

层的全部三要素的办法

。经过
布置
和选择界面元历来

整合界面设计;经过
辨认

和定义中心
导航系统来整合导航设计;经过
放置和排列信息组成部分

的优先级来整合信息设计。线框图能够

肯定
一个树立
在基本

概念结构

上的架构,同时指出了视觉设计应该行进
的方向。

 

作者:王洛堇

文章转自:http://www.wangxuntian.com/

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章