数极客首页

浅谈用户体验的“反面模式”

作为网站的一个用户,你或许
经常
会发现,运用
网站时,有些东西很令人厌烦

。例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务。是什么缘由
让网站的设计产生了这些问题?

答案是复杂的。首当其冲的问题是,设计师们可能疏忽

了很重要的一点:对理论

用户中止

测试。这个问题的缘由
通常是,设计师想当然的以为
,他们自己

知道

怎样
处置
好网站某一部分

的交互细节。由于
很多设计师觉得,他们曾经
在其他案例中看到过相似

的交互,原设计者肯定曾经
测试过,为什么多此一举呢? 拿来就好。于是,我们频繁查看他人

写好的CSS开源代码库,直接复制到自己

的设计中,而并没有在真实场景中测试。如此一来,我们曾经
在不知不觉中树立
起一个由既定模板堆砌的作品。

有些模板还比较

有效,但有一些就有问题了。假定

把这些模版看做车轮,那么经常你直接拿来装在汽车上的轮子可能是自行车轮,驴头不对马嘴。所以没错,你应当重新为你的汽车设计车轮,并且要把轮子装在车上试试。

你要思索
的事情:

– 你的用户一定
与亚马逊,谷歌的目的
用户相同,致使

与你的竞争对手的用户也不同。想弄明白究竟

一个设计模板能否
有效,你一定需求
亲身
请你的“上帝”(用户)来测试。或许
你的他们是迪拜的船员(没开玩笑!这是我们公司近期的一个案例)。总而言之,你的用户和其他网站目的
用户的需求是不一样的。

– 可是,我们不是曾经
了解

到人类大脑怎样
与信息中止

互动吗?

没错,但是我得重申,这些学问
很宏观很普遍

。没有什么事情是绝对的。用哈佛大学最近的一个实验举个例子吧,在这个实验中,研讨
员们设计的一个游戏能够

依据

你点击鼠标的速率正确猜测

到你的年龄(译者注:更多关于此实验的信息可参考

http://www.dailymail.co.uk/sciencetech/article-2313388/Age-test-drive-doy-Online-quiz-reveals-old-REALLY-based-reaction-time.html)。我(指原文作者)也参与了,真是很有开辟

性的实验!

处于不同年龄,不同身体条件,不同文化或其他方面不同的用户会有完好

不一样的需求。这就是为什么运用
大而笼统的处置

办法

会有适得其反的效果。

什么是背面

方式

背面

方式

(anti-paern)是指在理论
中显然
呈现
但又低效或是有待优化的设计方式

。你会在网页应用或网站看到这种办法

,更细致

地说,会出往常

任何一个用户产生行为的中央
,比如

登录页面,输入信息或阅读信息等中央

怎样
辨认

背面

方式

作为一个网页设计师,你可能很容易就察觉

到设计中显然
出问题的中央
(比如

,一个下拉菜单在你点击其中一个条目之前就收起来)。但是
,背面

方式

中存在的设计问题会愈加
难以察觉

。固然
一个专注于在网站上完成某个任务的用户会跳过这个问题,但依然

带有些许不爽。

为了让这些问题现出原形,你最好翻开
网络数据统计工具。Google Analytics是不错的选择,由于
它免费并且很容易装置

你需求
从丈量
到的数据中寻觅
一些问题的“病症
”(有可能是背面

方式

),包括:

页面用户访问量的降落

原本

有许多用户被引到某一个页面,但忽然

大量的用户消逝
,这时你该认真
瞅瞅这个页面出了什么问题。问问自己

,用户需求
某一个交互行为来中止

下一步吗?他们是不是不知道

怎样
进入下一步?整个页面能否
是一个动画?这些问题你必需
实地调查才干
知晓。把这些问题都记载
下来以便于之后的用户研讨
和剖析

漫无目的的点击

假定

用户在整个页面上四处
乱点,阐明

他们基本

不知道

应该点击什么。

重复

的上下滚动

假定

用户在页面内不停地上下滑动滚动条,证明他们找不到自己

想要的东西,或者他们压根不知道

想要什么内容。

一些常见的背面

方式

一个可用性的问题不一定同等
于背面

方式

的症结,但是有迹可循的。许多设计中的背面

方式

由于
低效的可用性而被当做差劲的想法,真实
很可惜。以下是一些背面

方式

的案例:

1. 可点击的元素看起来却没有点击的暗示浅谈用户体验的“背面方式”

(译者注:我们为什么无法辨别

按钮能否
可点击?按钮的颜色与页面上的文本颜色相同,没有设置为蓝色,也没有将其像其他文字链那样中止

按钮化处置
。没有加粗也没有下划线。没有图标或箭头表示
,或任何提供可点击的暗示)

包含的问题有:

1. 按钮太小

2. 文字链没有视觉辨别

(蓝色是最好的选择)

3. 按钮太过扁平化致使

于无法通知
用户:“哥其实是一个按钮!”

4. 悬停状态的缺失可能也会构成

问题,比如

没有运用
{cursor:pointer;}的标签

2. 悬停的问题

浅谈用户体验的“背面方式”

把信息躲藏
在有悬停效果的部件(按钮或标题)之后是一种规整界面的很便当
的办法

,但是要保证鼠标分开
热区之后,信息不要躲藏
的太快。用户的反响
没有你想象中那么疾速
。作为设计师,想象一下,重复

做悬停的动作以使信息可见是一件多么不快乐

的事情。

3. 不统一的语境

比如

说,一个页面上有三个不同类型的链接。一种引导用户返回首页,一种把用户带出本站,而第三个翻开
一个弹窗。这也太令用户迷惑了。

4. 没有批量的执行操作

在一个复杂的列表里,假定

有需求
用户执行的功用
,比如

添加,删除,或改动
列表里元素的状态,请务必提供批量处置
的功用
!一次一个的中止

处置
绝对构成

相当差的用户体验

浅谈用户体验的“背面方式”

5. 大量内容塞满第一屏空间

研讨
标明
,用户其实更集中留意
力于阅读第一屏之后的内容。但由于某些缘由
所致,把内容尽量堆在首屏的做法依旧

存在。所以我的倡议

是:合理应用
空间,把内容区隔开来。

浅谈用户体验的“背面方式”

6. 弹跳式导航 (Pogo stick navigation)

弹跳式导航(译者注:pogo stick的字面意义
是弹簧单高跷,又称“跳跳鼠”)是指用户为了完成一个操作,必需
从主导航深化
至一两个层级,然后回到主导航,从另一个栏目第三
深化
。“弹跳式导航”是由 Jared Spool肯定
命名的,这种导航方式
运用
户需求
不时
在层级中深化
和返回,就像跳跳鼠一样跳上跳下。

浅谈用户体验的“背面方式”

7. 清空一切
错误信息

这种方式

的情形
是,当用户填写完成一个表单,系统告知某项信息不契合
央求

,而这时网站自动清空一切
或某一部分

用户已输入的信息,并且需求
重新填写。

浅谈用户体验的“背面方式”

8. 错误的目的
页面

是指当用户完成一系列交互行为后,却被引入一个不同的预期之外的页面。这种方式

经常出往常

电子商务网站:用户中止

在线买卖
之前需求
登录,当他们登陆之后,用户并没有被引导至中止

填写信誉
卡信息的表单页,而是被带到了首页。

作业

检查你往常

正在做的项目中能否
呈现
这样的背面

方式

,或与其相关的病症
。找一个朋友或者没有参与到项目中的协作
者来走查一下网站,看看会发作
什么。他们能否
会在网站的某处感到不爽?用户体验不顺畅的中央
常常
是背面

方式

的先兆

以上的例子只是冰山一角!你在你设计的网站中还发现了哪些背面

方式

原文作者及出处:

Sarah Kahn,May 8th, 2013

http://webdesign.tutsplus.com/articles/user-experience-articles/the-world-of-ux-anti-paerns/
微博UDC原创博文,转载请注明出处)

给大家举荐

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

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

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

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

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

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

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

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

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章