交互设计实用指南系列(10)—别让我思考
作者:定侯 来源:Taobao.com UED TeamTaobao.com UED Team 发布时间:2010-03-01 12:50:00
以前经常吃公司旁边的食堂,人多,排队。夏天的时候,我们总要找一个靠窗口通风好的地方坐,没有空调只有风扇,风扇很多,开关都集中在一个地方,应该是方便操作人员统一管理,有时自己头上的风扇没开,当我要去开这个风扇时,麻烦来了,很多排的风扇开关,到底哪个是我头上的呢?
生活中有很多总让我们感觉莫名其妙,或者停下来需要思考的情况,有时不得不求助,到了互联网上,可能很多情况发生了也没什么求助的方法,只能自己猜,不猜了就只好关掉。
网页上每项内容都有可能迫使我们停下来,进行不必要的思考。比如内容信息看不懂,操作功能不明确。例如,文案。常见的罪魁祸首是那些很酷或者自以为很聪明的名字、带有营销倾向的名字、和具体公司有关的名字以及生僻的技术名词。(Don’t Make Me Think第一章)
当我们访问Web的时候,每个问号(让用户不明白的地方)都会加重我们的认知负担,把我们的注意力从要完成的任务上拉开。这种干扰也许很轻微,但它们会累积起来, 有时候这样的干扰不用太多,就足以让我们抓狂。况且,人们通常不喜欢苦苦思索背后的原理。建造网站的人没有让它们明白易懂(而且容易使用)会让我们对这个网站以及网站的发布者失去信心。
按用户心智模型去设计产品,下面列出一大堆访问者在访问网站时不应该花时间思考的事,例如:
• 我在什么位置?
• 我该从哪里开始?
• 他们把××放在什么地方了?
• 这个页面上最重要的是什么?
• 为什么他们给它取这个名字?
不让用户思考过多,原则上就是设计符合用户心智模型。大致可以从下面几个方面来讲:
1文案:需要让人容易理解,快速记忆。根据不同产品定位,找到恰当的切入点,文案过长或者使用用户不理解的情景,如技术用词,营销用词等,都会使人不知所云。
省略多余的文案,比如过分修饰,欢迎语,多余指示性语句,这些罗嗦的词语会影响用户对关键信息的阅读理解和判断,必须干掉。
2图形:好的图形表达是优于文字的,但是图形没有把内容表示明确,反而适得其反,给用户造成理解上的困扰。
很多情况下,我们好像都很喜欢做一些很炫的icon来表达某些内容,这些是会起到吸引性,但要记住一点,你的图形是不是很好的阐释了内容,如果做不到,那就去掉吧。不如放大标题来的更好。
每个网站需要有它的独特性来吸引用户,但表达这些独特性的元素,例如图形,一定不能对用户理解内容产生干扰。很重要的一点,我们设计是要表达什么,为了什么,怎样更好的帮助用户来理解这些表达,是我们一定要做到的。
网站不是炫技场,设计要为内容服务。
3信息:信息其实是文案、图形等形式的混合体。信息之间,是否建立了相应的关联度,不相关联的信息之间是否产生了干扰。
大量的信息是否进行了合理的分类,以减轻用户的寻找时间。信息分类处理上,有个深广度问题,广度站点因为层级少,可以让用户不需要点击过多就可以到达底层;深度站点需要点击更多次,但它在每一层次上可以做到让人的思考最小化。关于信息的深广度,详细见这里。
所以,有效合理的信息分类可以帮助用户快速准确浏览和完成任务。
4引导:通过菜单,导航,面包屑等手段有效引导用户行为路径,让用户方便去他想去的地方,回他想回的地方。
在路边,我们希望有路牌指示;在杂志上,我们希望前面有目录,在每页我们还希望有页码,在网站设计中,我们引导好用户需要浏览的内容;在用户需要的时候给予网站工具来方便完成任务,在这点上,很多时候我们总是希望上新功能,把功能做的突出,殊不知用户是不是也这样想,他到底在这里需要什么。
5操作方式:充分顺应用户的心理思维,来设计功能的操作,可以使用户快速上手。
汽车方向盘往左打,汽车就往左开;插排电源按下去灯亮;相关内容旁边放置相关操作,操作尖头朝下说明有下拉内容,等等。这些操作方式都是要符合用户心智模型的。
6一致性:设计在同产品(甚至同类产品)中保持一致性,可以大大降低用户理解成本,使用户快速上手,增加用户的使用率。
这里的一致性包括颜色,形状,内容,操作方式。比如红绿灯如果各地都不一样,外地人来了岂不会导致交通混乱。同一个网站也应该有这样的一致性,有些都可以保持行业的一致性,比如页面上使用一样的翻页等,既可以降低制作成本,又对用户的使用有良好的认知帮助。到一定程度,也会提升一个品牌的认知,比如阿迪达斯到处使用的三道杠。
下面看个例子:这个是某期宝贝传奇的宣传页面,进来以后甚是让人看不懂!没有很好的根据用户心里预知和相关内容的合理放置来设计。这只是一个活动,如果是一个长期产品,用户接受程度可想而知。
我们都知道别让我思考最经典的页面是google首页:logo起到网站认知作用,搜索框紧跟logo并最大化使其最容易被使用,其他信息按归类放置,并根据等级高低依次减弱。虽然大多产品都有其他商业性需求考虑,但设计师不能被这些冲昏头脑,机械性的表现内容。多花心思把繁杂信息理清楚,要知道,设计师都不是很清楚信息的关系,用户就更不会明白。
猜你喜欢
- 牛顿摆是一个1960年代发明的桌面演示装置,五个质量相同的球体由吊绳固定,彼此紧密排列。又叫:牛顿摆球、动量守恒摆球、永动球、物理撞球、碰碰
- 数组的定义:方法1.var mycars=new Array()mycars[0]="Saab"mycars[1]=&q
- 目标:目标文件为一个float32型存储的二进制文件,按列优先方式存储。本文使用Python读取该二进制文件并使用matplotlib.py
- 在做数据库备份和还原数据库的时候出现"错误2812:未能找到存储过程’master.dbo.xp_fileexist’"
- python实现二级登陆菜单的代码如下所示:""" 1. * 菜单 注册 登陆 注销 2.进入每一个一级菜单,都
- 1. 代码:def random_color(number=number): color = [] intnum =
- 效果展示:程序简介1.使用pygame模组2.在material目录下有一些素材3.吃豆人的游戏主体4.吃豆人怪物的AI(未使用深度学习)主
- element-ui界面非常简洁和美观,提供的组件可以满足绝大多数的应用场景,当表格中显示了图片的缩略图时,想要鼠标浮动在缩略图上时放大图片
- 本文实例讲述了Python实现嵌套列表及字典并按某一元素去重复功能。分享给大家供大家参考,具体如下:#! /usr/bin/env pyth
- 本文讲述了mysql索引必须了解的几个重要问题。分享给大家供大家参考,具体如下:1、索引是做什么的?索引用于快速找出在某个列中有一特定值的行
- 写在前面:在个别时候可能需要查看当前最新的事务 ID,以便做一些业务逻辑上的判断(例如利用事务 ID 变化以及前后时差,统计每次事务的响应时
- 0. 引言有如上一张图片,在以往的图像旋转处理中,往往得到如图所示的图片。然而,在进行一些其他图像处理或者图像展示时,黑边带来了一些不便。本
- python字符串方法分类,字符串是经常可以看到的一个数据储存类型,我们要进行字符的数理,就需要用各种的方法,这里有许多方法,我给大家介绍比
- 还是用图说话A文件:比如,我想筛选出“设计井别”、“投产井别”、“目前井别”三列数据都为11的数据,结果如下:当然,这里的筛选条件可以根据用
- python协程只能运行在事件循环中,但是一旦事件循环运行,又会阻塞当前任务。所以只能在当前进程中再开一个线程,这个线程的主要任务是运行事件
- 【摘要】 性能 首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这
- 如下所示:import cv2import mathimport numpy as npdef move(img): height, wid
- 1.使用iloc对数据进行批量修改使用iloc最简单的就是将数据批量修改为某个特定的值以下是我随便写入的数据:现在将[‘
- 很多时候,由于程序设计需要,要求在asp的include包含文件里调用动态的文件。如<!--#include file=&q
- 关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清,这里就来总结一下这些