《渐进增强——跨平台用户体验设计》一1.6 适应未知的设备

简介:

本节书摘来自异步社区《渐进增强——跨平台用户体验设计》一书中的第1章,第1.6节,作者 【美】Aaron Gustafson,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.6 适应未知的设备

然而,还是有人认为,设计思想这东西看不见摸不着,扯那些没用的是在浪费时间。在Web设计师Tim Kadlec的博文“我们的设计并没有真正理解Web”的后面,有个读者的留言是这么说的[15]:

“说得好听,但是不接地气。你得算一下捕捉用户的成本。如果一些用户根本不是你的目标用户,不能为你带来任何收益,那么,干嘛为他们进行优化?根据这种设计思想,本质上你是要为所有用户的体验负责,无形中会大量增加开发成本。但是,恕我打个比方——我们都知道成衣的尺码分大中小号,我们大多数人也都是到成衣店试衣,觉得尺码差不多合身就买回家了。为什么呢?因为绝大多数人雇佣不起一个裁缝来为自己的每件衣服量体裁衣,这样成本太高了!除非你能让我看到这么做的回报,否则我很难接受这种设计思想。”

Tim是这么回答的:

“我认为,所谓优雅降级式的向下逐级支持,和渐进增强式的向上逐级优化,是完全不同的两个概念。首先,我说的为所有的设备优化,并不是我真的在京东下单买下了网站上所有的手机,拿回来一台台测试,来保证所有设备上的网页都运行正常。实际上,我们并不需要测试每一台设备,很多设备都可以归为同一个类别,对有限几个类别的机器进行测试,不会花太长时间。

渐进增强,即向上逐级优化,先在一类旧设备和浏览器上实现较为基础的功能,再为能够支持较新技术的设备和浏览器逐级丰富它们的体验。比如说,一开始你要考虑到,一些设备可能对JavaScript的支持不是很好,那么你在一开始构建网页的时候,需要利用HTML和CSS的特性,让网页在脱离JavaScript支持的情况下,也能保证内容的可读以及最起码的交互可用性。”

在设计和写代码的过程中,没有人能够预料到用户在何种使用场景下,使用哪种浏览器或设备去访问这个网页——就算你们的预算再充足,也没人傻到干这种出力不讨好的事。就如Brad Frost所说的,你需要考虑的只是“支持程度与优化设计之间的平衡”。在一步步进行设计创意的时候,不要让高级功能伤害到旧设备的可用性。

渐进增强的思想,是一种平衡各种设备间交互可用性的思想。在写代码的过程中,一些代码是任何浏览器或设备都能解读的。我们先以健壮的方式写下这些安全的代码,保证所有的设备和浏览器可以访问,然后再为技术支持程度更高的设备和浏览器去优化,所以渐进增强并不要求技术追新,我们希望可以利用现有的技术让所有的用户都能获得可接受范围内的交互体验。

如果你应用了渐进增强的思想来设计和编写网页,当用户通过一些你们没有测试到的奇葩设备或浏览器来访问,你会发现,在这些意料之外的设备上,你的页面依旧显示得不错。举例来说,2013年,TechCrunch进行了一次改版,这次改版并没有专门为特别小的屏幕进行优化,但是当智能手表流行起来之后,用户发现,在智能手表上,网页也显示得很好(图1-4)。


cfc2364d9e844d4c8d29470208267cb730f8378d

渐进增强是面向未来友好设计的核心思想[16]之一。原因就是用这种思想,你可以做到兼容未知的设备。

相关文章
|
11月前
|
Python
Python 函数定义
Python 函数定义
949 155
|
传感器 5G UED
5G 标准化进程|带你读《5G空口特性与关键技术》之二
从 2016 年起,3GPP 启动了 R14 研究项,目标是在 2020 年实现 5G 的商业化部署。为此,3GPP 采取了按阶段定义规范的方式。第一阶段目标是R15,旨在完成规范 5G 的有限功能。第二阶段是 R16,旨在完成规范 IMT-2020 所定义的所有功能,将于 2019 年年底到 2020 年完成。
5G 标准化进程|带你读《5G空口特性与关键技术》之二
|
3月前
|
人工智能 安全 API
淘宝 API 技术架构与实战指南:从实时数据流到 AIGC 融合的电商开发新范式
本文系统解析2025年淘宝API 5.0技术跃迁:以实时数据流、GraphQL按需取数、隐私合规为新三角,融合6G、边缘计算与AIGC,实现毫秒级响应与智能服务。涵盖八大模块、安全架构、开发实战及行业案例,助开发者进阶电商创新。(239字)
|
存储 人工智能 Rust
1句话给你的 OpenClaw 装上"长期记忆" — 基于 PolarDB-X 的 mem0 记忆方案
PolarDB Mem0是一款为AI Agent构建专属长效记忆的托管服务,100%兼容开源的Mem0系统。通过在多次交互中高效地抽取、存储与调用记忆,赋予Agent持续学习与积累认知的能力,帮助您打造真正智能和个性化的AI应用。
|
6月前
|
人工智能 监控 架构师
AI Agent 职业路线全指南:从入门到架构师的体系化进阶路径
本文解析AI Agent时代职业能力跃迁路径:从提示词优化转向智能体构建与管控。提出三阶段进阶路线——低代码工作流编排者、工具接口工程师、多智能体系统架构师,并强调“不确定性容忍+迭代调优”工程原则,助力从业者体系化转型。(239字)
905 2
|
缓存 移动开发 网络协议
Netty基础—5.Netty的使用简介
本文详细介绍了Netty服务端和客户端的启动流程、IO事件处理类及TCP粘包拆包问题。服务端启动通过ServerBootstrap配置线程模型、IO模型等,客户端通过Bootstrap完成连接配置。IO事件处理类关注关键方法如channelRead、channelActive等。针对TCP粘包拆包,分析了其原因与解决策略,包括消息定长、加分割符和带上长度字段等方式,并介绍了多种解码器如LineBasedFrameDecoder、DelimiterBasedFrameDecoder等。最后对比了Netty组件与传统BIO模型的对应关系,以及Java序列化的不足。
|
6月前
|
存储 人工智能 弹性计算
2026年阿里云建站费用与功能全指南:自助建站、模板建站、开发型建站方案详解
在数字化需求日益增长的当下,搭建网站成为个人展示、企业推广的重要途径。阿里云针对不同技术基础与业务规模,推出 “自购服务器建站”“万小智 AI 模板建站”“云企业官网定制建站” 三种核心方案,价格从 38 元 / 年到数万元 / 年不等,覆盖从个人到中大型企业的全场景需求。本文基于最新官方定价与实测数据,从方案细节、价格体系、功能对比、场景适配等维度展开解析,为用户提供客观选型参考。
|
10月前
|
缓存 监控 算法
京东item_search_best 畅销榜接口深度分析及 Python 实现
京东item_search_best接口可实时获取京东各品类畅销商品排名、销量、价格等核心数据,支持多维度榜单分析与品牌竞品监控,助力商家精准选品、制定市场策略,全面把握消费趋势。
|
存储 消息中间件 弹性计算
阿里云服务器ECS计算型c7和通用算力型u1在适用场景、计算性能、网络与存储性能等方面的对比
阿里云ECS服务器u1和c7实例在适用场景、性能、处理器特性等方面存在显著差异。u1为通用算力型,性价比高,适合中小企业及对性能要求不高的场景;c7为企业级计算型,采用最新Intel处理器,性能稳定且强大,适用于高性能计算需求。u1支持多种CPU内存配比,但性能一致性可能受底层平台影响;c7固定调度模式,确保高性能与稳定性。选择时可根据预算与性能需求决定。
629 23
|
传感器 数据采集 人工智能
AI是如何收集体育数据的?从摄像头到算法,揭秘赛场背后的“数字间谍网“!
⚽ 你是否好奇:AI如何知道哈兰德每秒跑多快?教练的平板为何比裁判还清楚谁偷懒?本文揭秘AI收集体育数据的“黑科技”:视觉追踪、传感器网络、数据清洗与高阶分析。从高速摄像机捕捉梅西肌肉抖动,到GPS背心记录姆巴佩冲刺速度;从表情识别判断装伤,到量子计算模拟战术可能,AI正让体育更透明、精准。未来已来,2030年世界杯或将实现AI替代球探、裁判甚至教练!你认为AI数据收集算侵犯隐私吗?最想统计哪些奇葩指标?留言互动吧!