一个合格的交互控件应该达到什么效果?
在使用之前就能感知到如何交互,从而帮助用户完成其意图的用法。
工作中我观察到,常出现围绕交互控件的视觉表现的讨论,而大家对文案却没有那么在意。
其实,很多人忽略了一个事实。
相比于颜色、形状、阴影等视觉元素,控件的文案能以最直观的方式,传递信息给用户。
在北美大型互联网公司里,UX设计已经细分到有专门的文案写手(UX Writer)岗位,即负责撰写所有UI界面上出现的文字,以确保最优质的用户体验。
曾共事过的一位文案写手,教过我关于明语(plain language)的概念。翻译过来,也许可以叫“大白话”?意思是:简单直白到,让小学生也能懂的语言。
虽说我早早已了解此概念,抽象的概念总是难以指导具体的应用。直到我最近在Udemy上学习了一门关于无障碍设计的课程,包含了对控件文案的一些详细指导,感觉十分受用。因此,想利用这篇文章给大家介绍。
交互控件上的文案(通常为按钮或超链接标签),通常短短几字,长也不过几句。但它们是在帮助用户了解自己可以做什么,以及可以去哪里。
一个友好而准确的文字信号,除了可以提升可用性和无障碍,还能够带来更好的用户体验。
那么,到底具体怎么做,才能达到其目标呢?
这里有三条参考原则:
Specific(具体)
Informative (说明性)
Consice(简洁)
简称为:友好交互文案的SIC原则
Specifc 具体
按钮和超链接上的文案,需体现出其代表的交互行为。“具体”指的是:通过文案,用户能够了解下一步的任务及目标是什么。
例子:一个编辑弹窗里,按钮说明文字为“保存”和“放弃”的时候,相对于“确定”和“取消”会更加具体和明确,让用户能够更好地去感知接下来的操作和任务流。需要特别注意的是:要尽量避免使用那些含糊不清的文字,比方说:了解更多、查看详情、点击这里。这些说明文字,无法明确表明后续的任务流和内容,可能会导致用户失去继续的兴趣。这种含糊不清的文字说明,对SEO也不友好。
清楚的文字能够准确表达交互操作的预期结果,提升用户继续任务的兴趣和信心。
Informative 说明性
交互的文案是传递信息的载体,信息的有效传递就是其说明性(informative)的表现。
一个交互控件,究竟能把用户带向何方,或者能触发什么样的事情?
这个问题的答案,需要由交互文案传递给用户。对终点的说明,让用户明明白白,放心地进行操作。
一个反面例子,就是使用完整网址作为链接文字。一串网址,无法给用户带来任何有效说明信息,应当尽量避免使用。
尽量避免使用网址作为链接的展示文字,推荐选择使用跳转的网站名称作为展示文字。分享一个增加说明性的小技巧:添加下载文件的类型文字,或添加图标来提示用户链接或按钮即将打开新页面,或下载文件。
看到PDF的说明文字,能够增进用户对下载文件的感知。为了让文案符合具体、说明性,这两大原则,不可避免地需要增加一些描述性词汇。这个时候,最后一个原则——Concise(简洁)就显得格外重要。
Concise 简洁
顾名思义,精炼的文字,保证了用户获取信息的高效性。如何才能做到简洁高效呢?这里有两条技巧分享:
1. 将最重要的词汇(动词或名词)放在最前面
将信息中的重点部分放在最前面,能节省用户获取信息的时间。2. 去掉当前用户已知,或众所周知的信息
当公众都知道此链接指向B站时,“网站”、“官网”等众所周知的词语可以从文案中去掉,以保持简洁。总结一下友好文案的SIC原则:Specific(具体), Informative(说明性)和Concise(简洁),三者的终极目标是让用户快速感知交互操作的目的,以及可能产生的结果,让使用过程更明白,用户的体验感更佳。
参考来源:Liz Brown | The Accessibility How-To Guide for UX Designers | Access full course via: linktr.ee/LizBrownUX
网友评论