易学性的用户体验设计

——MICHIEL MULDERS,2019.03.29

如何建立一个学习型网站?

设计师总是认为自己的设计清晰易懂;然而,一个对设计师来说很简单的设计,完全可能不会被大部分用户完全感知。因此,我们的目标是设计一个清晰的用户路径,以便访问者能够快速地获取并理解任务。

易学性重要在哪里?

易学性与可用性有很强的关联性。对于用户来说,快速理解应用程序的布局和用途至关重要。特别是对于网页相关程序,提供一个易于学习的界面非常重要。与web相比,设计一个易于理解的移动应用程序要方便得多;移动屏幕不允许提供过于复杂的界面,也不允许要求用户完成较为困难的任务。

快速感知并不是判断学习能力的唯一标准。一个看起来很熟悉的网站,提供一个可以理解的界面,可以保证一个较低的跳出率。这对于那些试图提高转化率的网站尤其重要。复杂的设计让用户感到害怕,他们会求助于其他提供清晰界面的工具。最后,每个网站的目标都是将是,将游客转化为留存用户,并直接让用户参与互动。

易学性例子

我们在互联网上,可以轻易找到大量易学性应用的例子。

及时提示

几天前,我刚搬到柏林,必须填写一份表格来计算我在欧洲的健康保险费用。不幸的是,这个表格只有德语,但由于视觉和文字的完美配合,我完全可以理解他们需要我在什么位置填写什么信息。这很好的说明图标如何直接反映字段含义。

其他小提示,如工具提示或默认文本,可以让用户初步了解如何使用界面以及有哪些选项可用。让我们以Twitter的“撰写新推文”模式为例。在新用户的初次使用时,直观告知用户应该如何操作,成功发出第一条Twitter内容。此外,当用户将其中一个图标悬停在文本字段下方时,将出现一个工具提示,告诉用户该图标允许什么操作。这样设计,即直观引导用户操作,也不用浪费空间展示提示文本。

一致性体验

谷歌在旗下产品中,越来越多的使用自己的设计系统 (Material Design) 。因此,跨终端的call-to-action按钮也是相同的。这保证了使用过谷歌邮箱的用户在第一次使用谷歌驱动器时能够快速识别出许多相同元素和操作。

这种熟悉程度简化了用户在新界面的学习过程,因为用户能够将他们对一个产品的心理模型快速转移到另一个产品上。特别是对于那些,没有在电脑环境中长大的老一代来说,这种熟悉感尤其重要,避免强制改变他们的使用习惯去学习新的界面。

心理模型代表一个人对事物如何运作的思考过程。心理模型是基于不完整的事实、过去的经验,甚至是直觉的感知。它帮助塑造行动和行为,影响人们在复杂情况下的处理方式,定义人们如何处理和解决新问题。

——摘自苏珊·凯里1986年发表在《认知科学与科学教育》。

虽然不是很明显,但您也可以在博客上找到这种熟悉感。因为只有某些元素是隐式需要的。例如,hamburger icon表明菜单是隐藏的,可以通过单击hamburger icon展开。通常,你也会在导航栏的右侧找到一个搜索图标。

此外,跨平台的博客布局也趋向一致。一个博客界面总是由一个标题、清晰的导航、一些特色文章和文章的主体组成。作为用户,我们逐渐熟悉了这一布局,一但我们碰到一个不同布局的博客界面,我们反而会觉得陌生不适应。

操作反馈

除了确保操作流程是可理解的,确保用户操作完成有即时的反馈也很重要;这有助于加强产品和用户间的交互关联。

举个例子,当你填写表格时,你会看到一个“thank you”或一封表示完成的邮件。对于用户来说,这是他们正确使用界面的直观证据。为什么这很重要?在学习过程中提供反馈可以帮助用户更好地记住界面,因为他可以立即了解什么是可行的,什么是不可行的。适当的反馈机制可以快速降低学习曲线,也可以帮助用户在使用该工具时提高效率。

又例如,我们不只在提交表单时给出反馈,而是根据每个字段提供反馈。以密码输入为例:每当密码满足输入要求时,该要求就会被勾选,现实成功操作;当满足所有要求时,输入字段变为绿色,表示用户可以继续进入下一个输入字段。

如何衡量易学性?

实际上,设计一个模型来衡量易学性并不难。首先,易学性的关键指标之一是跳出率。谷歌通过分析跳出率来判断易用性体验的关键数据。

除了谷歌分析,您还可以选用随机测试对象进行可用性测试:为您的测试对象提供一个接口,并给他们五个简单的任务来完成测试。例,您有一个在线的发票创建和发送平台,让您的用户执行以下任务:

1、创建一个项目发票;

2、编辑发票;

3、将发票发送给收件人;

4、跟踪发票付款情况;

5、下载已填妥的个人账簿。

现在,让您的测试对象在一天的休息时间内连续五次执行这些简单的任务。并记录完成每项任务所需的时间。易学性设计应该能够在重复任务时提高效率。重复五次以后,使用者的效率并没有明显提升,已经可以说明当前的设计易用性存在显著的问题。

易学性在不同场景下,受许多因素影响,因此,设计永远有可优化的空间。在实践中使用这些技巧,可以帮助设计师在优化设计时,提高产品体验价值和商业价值转化。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,738评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,377评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,774评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,032评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,015评论 5 361
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,239评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,724评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,374评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,508评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,410评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,457评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,132评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,733评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,804评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,022评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,515评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,116评论 2 341

推荐阅读更多精彩内容