AR/VR变革之下,Adobe XD提出无文本UI设计,通过语音、图像、动画提供清晰指令
无文本UI
(映维网 2019年10月31日)几乎所有主流应用程序和网站都严重依赖文本来向用户提供情景上下文。但是,过多文本的用户界面(UI)影响将一系列的人群排除在外,包括阅读困难人群和视障人群
世界有20%以上的人群是文盲。这一受众可能无法与存在大量文本的图形用户界面(GUI)进行交互,尤其是在文本不包含易于识别的图标情况。图标可以提供情景上下文,而如果以高对比度和简单形状进行设计,视障人群会更容易分辨。
所以Adobe设计了一种取代文本型GUI的方案:Text-Free UI Kit for Adobe XD。创作者卡娜·尼尔(Cara Neel)希望这可以帮助你构建真正的无障碍体验。
为了帮助难以与应用和网站进行交互的人群,你可以发现诸如屏幕阅读器和文本转语音等辅助技术。但屏幕阅读器可能会受到诸多方面的阻碍,如图像缺少文字标签和缺少音频支持等等。对于需要依赖它们的用户而言,这降低了工具的可用性。
随着诸如语音界面和增强现实等技术的发展,在创建UI时文本不再是必需的组件。语音优先的用户界面允许特殊人群(如文盲和视障用户)通过语音命令与应用和网站互动。增强现实同样可以在消除潜在视觉干扰的同时添加有用信息:可以通过高清图像和动画来提供清晰的指令,无需用户阅读,从而帮助视觉障碍者与GUI进行交互。
在意识到主流UI所存在的可访问性问题,以及在Adobe XD中实验了语音原型之后,卡娜开始尝试构建一种无文本的UI套件。她遇到的第一个问题是:这是怎样一种用户界面呢?主流的UI工具包都严重依赖基于文本。所以,摆在Cara Neel面前的一个重要设计问题是,如何在不依赖文本的情况下向用户传达信息和功能。即使你可以用图标或图像来替换文本,你又如何设计一个感觉可用且熟悉的UI呢?
为了尝试回答上面的问题,卡娜研究了现有的研究,包括无文本的用户界面(但没有公开的框架或UI元素)。在设计无文本UI套件时,卡娜发现了如下收获:
- 非抽象图标和半抽象图标比抽象图标更易于理解,尤其是缺乏文本标签的情况下
- 尽可能提供语音播放功能
即使没有文字/文字,数字同样可以包含在设计中。
对于这个UI套件的目的,卡娜希望为志在超越屏幕设计的设计师提供一个蓝图,并且强调无文本体验的优势。
这个Text-Free UI Kit包含两个概念,两者都利用了语音线索和AR元素。第一个概念Polaris是一款移动导航应用程序,它可允许用户通过语音命令和AR路标的组合来前往目的地。
第二个概念ARtie是一种虚拟助手,可帮助用户识别不熟悉的对象和位置,并解决用户在日常生活中可能遇到的常见问题。
你同时可以发现一个由不同图标和组件组成的库,其主要用于帮助设计者创建自己的语音和AR体验。
随着语音和AR等工具的兴起,设计师可以开始创造更具包容性的体验,同时突破传统UI的界限。这不仅意味着先前排除在外的人群可以成为用户群体,而且同时为所有用户提供了更加多样化和灵活的体验。