什么是响应式网页设计的未来?

2021-01-25 09:37:00 2407 7 编辑:深正互联 来源:互联网

今天提供了一个惊人之旅的响应式设计的世界。 我们已经看到了如何平了我们的工作流程和过程。 我们学会了新的方法来提高产品的易用性。 我们努力解决现代CSS和HTML功能,帮助我们实现了漩涡和抡我们身边的巨大变化显示尺寸。

我们已经探讨了模块化的代码和浏览器的能力的未来工作没有网络连接。 而且,我们甚至采取了一趟到那里的网站可能去未来可能的。

网页设计

我们已经走过了,因为很长的路要走Ethan的文章 ,流体网格,灵活的媒体,和媒体查询。 这三个原则播下的不断壮大和繁荣,我们都来更好地了解设备扩散的影响种子。 

我认为,“有求必应网页设计”是真的成功地捕捉到了约翰•奥尔索普就在这么多年之前讨论的概念的第一篇文章“一个DAO网页设计的”蒸馏成一些设计和开发社区能够真正下沉他们的牙齿成。 它提供的弯曲和模具本身成任何形状,它需要采取对卷筒纸的能力的具体例子。

这是第一次,许多设计师已经达成协议的想法,“经验”并非是一种铁板一块的东西。

 

当然,我们很多人在Web标准社区一直在说的谈话和走路就走路逐步增强 。 而我们获得的皈依,但进展缓慢。 阮经证明,直接和简洁,什么视觉设计的渐进增强可能看起来像。

提供为每个人试图访问我们的网站是不可能相同的体验。 只是有太多的因素需要考虑。 我们已经得到了屏幕大小,显示密度,CPU速度,内存,传感器的可用性,功能可用性,接口方式量... 呼吸 ...安装操作系统类型,操作系统版本,浏览器类型,浏览器版本,插件,网络速度,网络延迟,网络拥塞,防火墙,代理服务器,路由器,大概十多种因素的脑海里是无法采摘之际的技术考虑的旋风。

而这还没有考虑我们的用户。

当谈到我们需要达到我们的工作真正重要的人,我们要考虑的文化水平,读智慧,领域知识水平,认知障碍喜欢学习障碍和诵读困难,注意力不集中的问题,环境的干扰,视力障碍,听力障碍,运动障碍,他们多少知道如何使用他们的设备,他们多少知道如何使用自己的浏览器,怎么精通常见的Web约定他们,和大量的其他的“人为因素”。

每个人都是不同的,每个人都涉及到网络有自己的一套特殊需求。 有些人总是与他们失明的例子。 其他人都是暂时的,就像打破你的鼠标移动的手臂。 还有一些是纯粹的情景和依赖你的时间和它的技术能力或者限制使用的设备。

试图制定一个整体的经验为每个人在每一个背景下,考虑各因素是不可能的。 然而,蒂姆•伯纳斯 - 李爵士有一个梦想,一个网络,这是能够去任何地方。 难道他疯了吗?

蒂姆爵士的愿景网站是内容可创建一次,并从任何地方访问。 不同但相关的件“超媒体”的分散在全球各地可以连接到彼此通过链接。 此外,他们将检索到任何人能够读取HTML的任何设备。 免费。

 

最终,蒂姆爵士设想畅道通行。

对于很多人来说,确保我们的网站是访问是一个事后的想法。 我们谈一场精彩的比赛,当涉及到“用户为中心”这个或那个,但往往把单词“无障碍”的代名词“屏幕阅读器”。 它是如此的远不止于此。 “无障碍”是关于人的。 人们消耗在许多不同的方式,有些相似,颇有些不同的我们如何做到这一点的内容和使用的接口。

当然,视障人士经常使用屏幕阅读器来消费内容。 但他们也可能使用盲文触摸反馈设备或盲文打印机。 他们可能还使用键盘。 或者,他们可以使用触摸屏在演唱会声音提示。 或者,他们甚至可以使用照相机,让他们通过OCR与文字到语音“读”的内容。 是的,视力障碍影响了民众(特别是随着年龄的增长)的一个体面的比例,但它的“无障碍”拼图的一部分。

文字和背景之间的对比度是确保内容的一个重要因素仍然可读在不同的光照条件下。 颜色的选择是一个辅助的关注。

我们对我们的网站和我们的接口使用的语言直接影响是多么容易为我们的用户了解我们做什么,我们提供产品,以及为什么它很重要。 这也影响到我们如何让我们的用户感到他们自己,他们的经验,我们的公司。 语言是一个辅助的关注。

我们的网页的大小对我们的网页多久才能下载,它的成本多少我们的客户能够访问他们,(有时)甚至是否可以将内容达成了直接的影响。 性能是一个辅助的关注。

我可以继续下去,但我敢肯定,你明白了吧。

无障碍即将为大家提供良好的经验,无论身体或心理能力,性别,种族或语言。 它认识到,我们每个人都有特殊需要,物理上的限制,带宽限制,设备的限制,这可能需要我们遇到相同的接口以不同的方式。

当我访问一个网站,我的手机上,例如,我直观地通过我的屏幕分辨率(尤其是如果我使用的鼓励缩放浏览器)的限制,我在我与按钮和链接,因为我浏览与交互能力的限制我的指尖,这比一个鼠标光标更大,远远不够准确。

在触摸屏上,我可能需要的经验略有不同,但我仍然需要能够做到不管是什么我来到工地做。 我需要一个经验,但我而且需要相应的经验。

拥抱现实,体验并不需要是一件事将帮助我们吸引更多的人用更少的头痛。 经验可以,而且应该,被制作为一个统一体。 这是一个渐进增强:我们先从一个适合所有人内容,真正的环节,第一代表单控件,并形成实际提交给服务器基线体验。 然后,我们建立了从那里的经历。

 

您的浏览器支持HTML5表单控件? 太棒了! 当你去你的邮件地址,你会得到一个更好的虚拟键盘。 您可以使用CSS? 真棒,让我作出这样的阅读体验更好的为您服务。 哦,你可以处理媒体查询! 让我调整布局,使这些线路长度舒服些。 哇,您的浏览器支持Ajax的? 在这里,让我在加载一些玩笑相关的内容,你可能会感兴趣。

想象一下,在一家餐馆坐下,只有马上有服务员为你带来一份牛排。 但你是一个素食主义者。 你问,如果他们提供的东西可以吃,他们礼貌地回答:“?!哦,对不起,肉是要求你为什么不只是吃肉很容易你真的错过了一些美味的食物”没有服务员究竟是谁在乎你的经验会做到这一点。

然而,我们 - 作为一个行业 - 不要似乎有什么问题,告诉别人他们需要改变自己的浏览器,以适应我们。 这是绝对错误的。 我们的工作是毫无意义的用户。 我们应该尽力去吸引和留住他们。


什么是响应式网页设计有关,如果没有辅助功能? 是的,它的基本原理是关注的视觉设计,但在大局方面,他们都对提供最好的阅读体验。

作为响应式设计的从业者,我们的理解使我们的接口的好处。 我们知道回退。 我们了解如何设计鲁棒的经验,根据各种条件下工作。 我们每天都在扩大我们产品的易用性。

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通