BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计 - Since 2011

怎样通过UI辅助说明文字有效的提升用户体验: Page 3 of 3

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

8.使用合适的文字风格,保证可读性

将文字作为视觉元素进行处理,这是页面设计中的一个重要思想。对于UI说明文案,在文字风格处理上,即要保持与全局内容文字的一致性,又要在局部做到足够突出、便于阅读。字体、字号、字色等方面都是需要仔细推敲的。

尽量使用纯文本,而不是文字形式的图片;同时注意避免使用绝对单位定义说明文字的字号;用户很可能需要放大它们进行查看。

9.在必要的时候使用示意图

有些情况下,要使用尽量少的文字去描述清楚一个概念是很难的。我们可以使用示意图,搭配少量描述文字;这样可以为用户留下最准确并且深刻的印象。

ui-instructions-user-experience-usability-ui-with-graphic

10.更加人性化

我们可以为UI介绍和系统提示信息增加些个性,使用户的体验更加愉悦自然。个性化的文字需要我们投入更多的精力去斟酌和测试,很多不恰当的语气会使用户造成误解。

ui-instructions-user-experience-usability-humorous-ui

这个示例中的文案,个性化的很得当。“忘记密码了?没关系,谁没忘记过密码呢。只需填写你的用户名或邮箱地址...” 让用户感觉很轻松释怀,而不会因为自己的失误而产生被贬低或是挫败的感觉。

11.保证可访问性和可读性

这其实是网站设计开发的一条普遍原则。不过对于UI说明文字来说,由于它的相对“辅助”的角色,在可访问性和可读性等方面往往会被忽视

正如我们一直以来所了解的,那些普通规则也适用于UI说明文字的设计和实现:避免使用文字形式的图片(前面第8点中提到过),为示意图增加alt属性,保证文字与背景之间的对比等等。

12.测试

在可用性测试中,加入UI说明文字的环节,观察用户在执行测试任务时对UI说明的辨识和理解情况。记录下那些会使用户造成歧义或不解的地方,反复修改测试。

总结

关于UI说明文案的合理化方式,我们已经了解了不少。当你在实际项目中去执行时,也许会发现做这项工作所需要的时间和精力是超出你想象的;但这项工作是值得付出努力的,它是成功的UI设计的重要组成部分。除了我们在前文提到过的那些在用户体验设计方面带来的提升效果之外,最重要的一点,我们可以让用户感觉到,我们是真正关心他们的。

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 设计布道师,设计开发者,译者,音乐玩家。