[自译]UX设计中的角色扮演

想知道现在大多数应用和网站有多不人性化?

把那些网站和应用想象成一个人,你试着和它来一场对话,你就知道大多数网站和应用都是多么……不靠谱了!

下面是我最近在一个会议网站上申请一个工作坊所进行的“对话”:

网站:“期望的参展人数。”

我:“额……‘大概二十多’?”(填充区域大概有20个半角空格)

网站:“错误!人数必须是一个数字!”

我:“好吧……那‘20-30’。”

网站:”错误!人数必须是一个数字!“

我:“唔,我填的是数字啊……我想可能不能填写一个范围吧,那填个‘24?’“

网站:”错误!人数必须是一个数字!“

我:”24“。

以上只是一处填充格!

这会是两个人之间的真实对话吗?那样的话”设备“应该会更包容一些,能够接受我第一次的回应内容。或者,他或者她本可以提前澄清所需要的回应内容。如果我填一个空都要如此费尽,那结果应该需要很多安慰或者奖励啊!

在真实的世界中,我们大多数都是很好的交流者。我们也应该如此,毕竟已经练习了至少十年呀!

而网络上和机器的对话呢?

我所知道的优秀的交互设计师,他们至少都会在他们的脑海里”排练“他们所设计的界面对话。

这就使我想到了……为什么我们不把这个练习明确下来呢?用个漂亮的道具(比如一个形象化的浏览器)和一个已经存在的页面当做”剧本“。

看看这个视频吧:https://www.youtube.com/watch?v=hkAFdIrTR00

这是这个视频的对话:http://uxmastery.com/wp-content/uploads/2012/12/stephen-anderson-transcript.txt

这是一个简单的练习,但是他真的很有启发性。

整个步骤如下:

  1. 用一个投影仪,把需要评估的界面投影到墙上给所有人看到。两个人”角色扮演“这个交互,第三个人记录。

  2. 第一个人—用户—将自己和这个页面的交流想法都大声说出来。表格页面是最适合这个练习了,当然其他页面也不错。

  3. 第二个人扮演这个页面。他们的对话只能局限于投影出来的这个界面。当然,他们可以任意修饰一下剧本上的台词。别忘了弄一个漂亮的道具来帮助人们进入角色。

这可能看起来有点傻,但这的确很管用,我之前用它来和客户交流,把现存的痛点表演给他们看到。当然,也有很多页面不像这个页面那么适合这种评估方法。但里面总有一部分细节可以拿出来,适用于这个练习。

对话细节

好的交互设计一定是贯穿人与机器交互的每个步骤的。这些交互可以是直截了当的,比如点击一处按钮,或者完成一个表格。也有一些交互是难以表述的,比如试着理解问题和如何回答所产生的停顿,就像开头我写出来的那个对话一样。

事实上,设计师很容易集中在界面元素本身。要求表现出来的信息啊,页面里展现的内容啊。我们经常忽略掉人与机器对话停顿的这一面。

比如下面这个例子:

IMG1

第一眼看上去,这个页面没什么问题。有些漂亮的图标,有个标题,有个很显目的按钮,但是……

为什么我会在这?我是在期待什么?我到这是为了注册吗?或者是填充我的账号?如果我不注册,那我为什么会有”设置“和”我的书籍“这两个选项?而且,第一句话是什么意思,”我们现在正在搜寻你的书本……“

最终证实,”完成的你账号“按钮会引领用户到”注册“页面,那个页面上有用户熟悉的用户名/密码这两个内容。以这个例子来说,侧边栏就完全不需要了。(既然我不能进去那还给我看干嘛?)

另外,”我们现在正在搜索书籍……“这一行字只是用来分心的,就好像你正在填表的时候有个人在对你说话一样。你可以试着和这个页面来一场对话,你会发现有很多吐槽的地方。

所以,我们怎么重新设置这个页面来解决这些问题呢?嗯,一个简单的登录界面,和一句欢迎词(既然这是用户第一次访问页面)可能更适合一些。

设计微动画

这个概念如今已经被广泛应用了,那么为什么要用它?

想象一下两个人第一次见面,得多小心翼翼的组织一场对话?而且,一场好的对话可不止是语言上的,一些小的细节也是至关重要——语气语调,尴尬时候的暖场等等!

为什么不把这些用在设计一个界面呢?

这就是我们现在流行的:微动画了。我们可以在交互中任何有可能尴尬的场合使用微动画。

就像魔术师需要参与到每个细节中,否则他们想要创造的幻觉就很可能失败。同样的,导演,律师,政治家和其他职业都需要细节来确保他们的努力最终是有效果的,那我们设计师何尝也不是呢?想象这场交互是一场对话吧!是你和系统的对话!

不管你是否是和线上的数据还是和页面后的其他人在对话,都需要把这场对话设计的更合适些。试着用这种方法来排练对话吧!你会有所收获的!

原作:Stephen P. Anderson

译者:林影落

这是一篇5年前的文章,由于上一篇文《五步提高交互设计》有提到,此处单独列一篇作进一步说明。根据自己的经验和现在的趋势,有适当修改。

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

推荐阅读更多精彩内容