跳到主要内容

自适应用户界面的未来是包容性的

+$(Image credit: Chloe Wright)

亚伦古斯塔夫森,微软的Web标准倡导者和自适应网页设计的作者,将发表闭幕主题演讲生成伦敦9月22日。我们在会议之前与他讨论了如何调整界面以适应用户不断变化的需求。

我们的界面如何变化和适应?

亚伦古斯塔夫森:我们用来访问网络上提供的内容和服务的界面和手段已经大大扩展,因为我们已经为越来越多的设备注入了连接性。

当我开始上网时,屏幕很小 - 800x600被认为很大 - 连接速度很慢,人们通过Gopher或Lynx等终端界面访问网络,或者他们在桌面上使用非常早期的图形浏览器。大多数屏幕仅支持大约256种颜色,并且只能通过键盘和鼠标进行交互,并且通常需要往返服务器(或刷新网页内的帧)。

在涉及到我们如何使我们的界面适应视觉设计之外,我们才开始划清界限

亚伦古斯塔夫森

从那时起,就我们与网络的互动方式而言,事情发生了很大的变化。我们仍然有老鼠和键盘,但计算机也可以响应我们的触摸,手势,我们的声音,以及其他物理工具,如拨号和笔。有些电脑屏幕较小,有些电脑屏幕很大,有些屏幕根本没有屏幕。

多年来,网络设计的实践一直遵循着利用越来越多的屏幕空间的一致路径,但随着移动的出现,我们中的许多人将注意力转移到使用户能够完成核心任务,如阅读文章或购买产品。

媒体查询和设计方法(如响应式网页设计)使我们能够调整我们的布局和设计,以提供更适合屏幕空间(及其方向)量的体验,但我们只是开始划清界面我们如何使我们的界面适应视觉设计。

如何创建一个很好的自适应界面

创建一个出色的自适应界面的第一步是什么?

AG:规划绝对是最好的第一步。考虑界面的每个组成部分,并集体讨论可能需要经历的不同方式。对此进行迭代。提出棘手的问题。

注意源顺序以及如何通过辅助技术解释每个组件 - 屏幕阅读器,是的,还有像Alexa,Bixby,Cortana,Google Assistant和Siri这样的数字助理 - 应该成为讨论的一部分。

当然,您需要考虑如何使用和不使用JavaScript以及通过其他交互方法在各种屏幕尺寸中实现组件的目的。

考虑您的选择对性能的影响。您能提供简化且轻量级的默认状态吗?何时合并更丰富的图像可能有意义?有没有其他方法可以实现丰富化?

花时间提问并提前规划经验 - 即使是大笔 - 在文案,设计,开发和测试方面都会带来好处。

Aaron Gustafson will deliver the closing keynote at Generate London on 22 September

Aaron Gustafson将于9月22日在Generate London发表闭幕主题演讲

您选择的界面元素很重要

您在界面方面看到的一些反复出现的错误是什么,我们如何避免它们?

AG:我在Web项目中一次又一次看到的一个问题是语义的使用不当。这是因为缺乏对HTML中每个元素的用途的理解,还是缺乏对不良元素选择的影响的关注,这是一个问题。

真正的人是那些只能负担较旧或较低端硬件的人,没有持续网络连接的人

亚伦古斯塔夫森

举个简单的例子,考虑一个表格。用户需要提交该表单。我见过开发人员使用按键输入一个, 乃至DIV元素提供可点击的按钮。但这些选择并不相同。一个输入要么按键元素,当给出一个类型提交,可以轻松提供此功能。

锚和申报单需要帮忙。它们看起来都不像没有CSS的按钮,也不能在没有JavaScript的情况下提交表单。然后是键盘焦点和交互。选择后两个元素中的任何一个都需要大量额外的工作和代码来满足其他简单的要求。最重要的是,如果不满足任何依赖关系,则接口将变为不可用。

我们选择的要素很重要。

人们期望从你的演讲中学到什么生成伦敦

AG:我希望看到我的演讲的人们会扩大他们的观点,即使只是一点点。我希望他们更加了解真人使用我们创造的产品的方式。真正的人是那些只能负担较旧或较低端硬件的人,没有持续网络连接的人,依赖键盘命令或他们的声音或他们的眼睛来浏览和与网络交互的人。

当您意识到人们能够并将访问网络的无数方式时,您的工作自然会变得更具包容性。这就是我的目标:增加网络的包容性。

在三天的过程中,生成伦敦将举办四场研讨会和16场讲座,由网页设计和开发行业的一些最有才华和最有影响力的演讲者介绍,包括史蒂夫费舍尔LéonieWatson克里斯甘农安东和艾琳Zell Liew

您还将学习如何为新兴经济体中的新手技术用户设计界面,对话界面带来的机遇和陷阱,Netflix如何构建原型以及加载更多。获取您的生成票今天!

相关文章:



翻译字数超限