怎样合理的设计和使用UI元素的辅助说明文字

http://www.itjxue.com  2015-08-07 20:58  来源:未知  点击次数: 

周日宅在家,睡到自然醒,晒晒太阳吃吃喝喝做做内容再玩点老游戏,一天圆满的很。

今次译文的主要话题,是怎样合理的设计和使用UI元素的辅助说明文字。姿态上侧重于拿传统的网站页面说事儿,但从理论上讲同样适用于移动应用方面。

本文的原作者Connie Malamed,著有Visual Language For Designers一书,貌似国内还没有做过引进。她的博客中有不少关于视觉设计方面的优秀文章值得阅读学习。接下来我们进入正文。

用户在网站中的行为具有高度的目标驱动性。人们总是有目标要去完成,无论是购物结算、寻找问题的解决方法还是单纯的浏览内容信息。因此,用户体验设计及UI设计的一个重要使命,就是通过合理的设计元素,帮助和引导用户完成特定的行为。譬如,如果你在设计一个用来将商品放进购物车的按钮,那么增加一定的阴影效果会使按钮看上去更加突出,有利于让用户明白这是一个可点击的按钮元素。

除了这些视觉元素的常用处理方法之外,我们时常需要为UI元素增加一些辅助说明文字,帮助用户了解它们的作用,引导用户在正确的地方执行正确的操作。

心智模型

在UI设计过程中,撰写和设计说明文字即是科学也是一门艺术,需要设计师掌握必要的文案技巧和设计能力,更重要的,是对“用户心智”的理解。

心智模型是深植我们心中的关于我们自己、别人、组织及周围世界每个层面的假设、形象和故事(什么是心智模型),这是一个涉及因果关系行为及作用的广阔的概念。在面对新事物时,人们会通过心智模型将其与自己已知的事物建立联系,尝试进行自己已经有所认知和习惯的行为。

通过经验,用户会逐渐在心中为不同类型的网站的工作方式建立心智模型;他们会了解电子商务网站中的一系列行为方式,与照片分享网站中的各种操作方法之间的区别。当面对从前没有接触过的网站时,用户会首先在心中将其归类,并通过心智模型假设出一套对应该类型网站的行为方式。

这就是UI说明文字的重要性所在。如果网站的操作方式、界面元素的功能等,不符合心智模型中的预期,人们就会有不愉悦的体验,比如会产生挫败感,觉得自己没有能力完成某个目标。他们会去那些更加易用的、符合他们心智模型的网站。

撰写通俗易懂的UI说明文案并以美观的方式呈现出来,可以有效的减小用户预期与实际功能之间的差异。即使网站在某些方面与用户的心智模型不符,好的说明文案也可以引导用户通过正确的操作来完成目标。

在多年的Web设计及可用性研究的过程中,我(原文作者)归纳出了一些比较典型的方法,接下来将与大家进行分享。希望这些经验可以帮助各位更合理的运用UI说明文案提升网站的可用性。

1.了解用户群的特征

我们要了解网站目标用户群的普遍特征,并使用相应的语言风格撰写UI介绍。除非你确切的知道你的用户都是机智的、悟性极好的人,否则,最好假设他们在完成目标的过程中需要准确的引导。

基于对用户群普遍特征的理解,设身处地的考虑一下多数用户会对我们的文案做出怎样的理解和反应,他们会理解那些非正式的习惯用语吗?一些看似轻松幽默的说法会被目标用户群认同吗?

ui-instructions-user-experience-usability-captcha

这是我们经常见到的一种说法,“证明你是人类”,这些年来似乎成为了验证码说明文字的一种标准。但是准确的说,这种风格更加适用于相对专业和资深的互联网用户;缺乏经验的用户并不了解验证码与真人操作之间有怎样的联系,“为什么执行一个简单的操作还要首先证明我是人类?”,即使接受这种说法,他们也未必会知道应该怎样去证明。对于这种类型的用户群来说,类似“请输入右侧的字符”这样风格的文案会更加适用。

2.言简意赅

要注意文案的长度与详实程度之间的平衡。我们固然希望UI说明可以帮助用户了解足够多的细节信息,以指导操作;但过多过细的信息则不利于用户理解和继续操作流程。人们一次只能处理少量的信息。

介绍文案要言简意赅,我们的目的是让用户以最快的速度获取信息并执行正确的操作。如果可以的话,尽量将长句子拆分为短句。

(责任编辑:IT教学网)

更多