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

文章描述:怎样通过UI辅助说明文字有效的提升用户体验.

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

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

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

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

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

心智模型

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

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

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

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

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

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

1.了解用户群的特征

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

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

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

2.言简意赅

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

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

[1] [2]  下一页

时间: 2024-12-30 12:30:01

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

网站设计:把握5元素,让页面文字阅读更舒适

中介交易 SEO诊断 淘宝客 云主机 技术大厅 上网在线阅读,是大多人获取信息的重要途径.用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字.对于这种看似简单的文字堆砌的页面,有没有人抱怨过:"这样的页面还需要出效果图啊?"作为网页设计师的你是怎样处理这样的界面的? 是习惯性的使用宋体字或者微软雅黑? 是直接设为12px或者14px的字号? 你有想过为什么要使用这种字体.字号吗? 你有考虑过文字排布与阅读效率的关系吗? 你的页面背景会影响到用户

怎样通过UI辅助说明文字有效提升用户体验

周日宅在家,睡到自然醒,晒晒太阳吃吃喝喝做做内容再玩点老游戏,一天圆满的很. 今次译文的主要话题,是怎样合理的设计和使用UI元素的辅助说明文字.姿态上侧重于拿传统的网站页面说事儿,但从理论上讲同样适用于移动应用方面. 本文的原作者Connie Malamed,著有Visual Language For Designers一书,貌似国内还没有做过引进.她的博客中有不少关于视觉设计方面的优秀文章值得阅读学习.接下来我们进入正文. 用户在网站中的行为具有高度的目标驱动性.人们总是有目标要去完成,无论是

web设计师:20套非常前端的UI元素库

网页制作Webjx文章简介:网页设计师的盛宴:UI界面设计资源大全. 每个 Web 设计师都在 UI 设计上费尽了心血,即使这样,资源的匮乏,视野的狭窄,也常常让他们的呕心沥血之作并不为人看好,事实上,UI 设计并不需要闭门造车,很多 UI 元素是通用的.本文收集了 20 套非常前端的 UI 元素库,它们多数是可以后期修改的 PSD 或 SVG 版. Modern Web UI Set (.psd) 这套 UI 库包括了从按钮,到渐变,到文字各种 UI 元素,非常整齐地存放在不同目录下,由于是

IOS当4种UI元素的可用性问题及优化建议

  这周又是一篇来自Nielsen Norman Group的文章.供参考吧,这种文章背后的思维模式甚至是精神才是最该汲取的,内容本身反而是其次;这样的东西看的越多,实践当中具有代表性的产品案例经历的越多,你越会发现,设计这种事,在很多时候,无明无暗,无是无非,有的只是特定的产品.特定的资源.特定的情境.特定的用户群体,以及所有这些因素混杂在一起之后摆在面前的需要不断权衡.争取或妥协的各种可能性.下面进入正文. 那些大的软件公司,譬如Apple.微软.Google等等,通常会为第三方app设计师

[译] 扁平化的 UI 元素既朴实又玄乎

本文讲的是[译] 扁平化的 UI 元素既朴实又玄乎, 原文地址:Flat UI Elements Attract Less Attention and Cause Uncertainty 原文作者:KATE MEYER 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m- 译者:Changkun Ou 校对者:lampui.thisisandy 扁平化的 UI 元素既朴实又玄乎 摘要:扁平化界面通常伴随着弱指示符(weak signifier).通过在眼球追踪试验

32套免费的网页、移动设备UI元素和模板

对于项目管理,良好的http://www.aliyun.com/zixun/aggregation/7369.html">时间安排和组织是必不可少的.以网页设计为例,当你想准时交付一个项目时,有几个时间因素需要你考虑.如果你能够有效地利用时间,可以肯定你将能按时甚至提前完成你的项目.这就是为什么你应该考虑用何种方式去组织管理你的时间. 如果你能正确地使用合适的工具,网页设计对你来说将是小菜一碟,你可以在网上找到这些免费的工具,这些工具将帮助你更快更有效地完成你的线框图,并且看起来像设计过的

移动应用交互设计趋势:潮流元素的创新设计

文章描述:移动应用交互设计趋势:潮流元素的创新设计. 这两个月在忙产品2012的交互设计,很是感触.记得IM组大家在为2012忙得焦头烂额的时候,产品总监说过一句话:"你看每年的时装发布会,衣服都很夸张,但用到市场时,只会看到发布会上的一两个时尚的小元素--"交互设计也是这个样子吧,每年优秀应用所带来的新的流行趋势,总能把交互设计提升到一个新的高度,站在巨人的肩膀上看得更高望得更远--囧,这里说的并不是贬义的"微创新.纳米级微创新.像素级copy--" 虽然自己能力

网页设计中的装饰元素总结的应用

前言:看本教程,必须先仔细看前言的内容,否则会进入误区!最近在做个性休闲服装内网站的设计课程,过程中发现,个性元素的应用成为最难的问题,第一项目风格适合使用什么样的个性元素:其次,个性元素如何把握,什么样的元素才是个性元素,才能突出项目定位:这里聊的共性与个性纯粹是在本人对网页设计中的装饰元素总结的应用,不代表其它方面的解释,"共性与个性"也是个人用来区分常规元素与个性元素的用词,大家可以理解为正规的突破的: 了解共性与个性 共性解释:共性就是常规的东西,自然存在并被人们认可的:比如一

浅谈交互设计中Web UI与手机UI的区别

  做了几年的UI和交互,这期间曾经接触过网页设计和手机应用界面的设计,现在简单的谈一下两者之间的区别,个人拙见做个小总结,不同意见轻拍. 首先,网页设计与手机UI,操作的媒介不同,鼠标与手,这是一个很大的区别,而这个区别所造成的几点不同如下: 1. 精确度不同: 鼠标的准确度是相当高的,哪怕是再小的按钮,对于鼠标来说,也是可接受的(注意,仅仅是可接受),点击的错误率不会很高. 而手的准确度相对而言就没那么高了,而且还要照顾一些肢端较大的用户,因此对于手机UI中的按钮,就需要一个比较大的范围,以