在数字世界中,可支配性是一个棘手的术语。许多东西变化得如此之快--编程语言、框架和设计趋势,仅举几例--以至于我们常常感觉不可避免的是,我们所做的东西几乎在我们完成它们的时候就已经过时了。这在很多方面都是令人兴奋和积极的事情,但它也可能导致长期思维被短期优先事项所淹没。
这篇文章是关于我所认为的一次性网页设计的含义,以及它可能引起的那种麻烦。这也是关于在数字背景下的长寿,我们都可以采取一些措施,在重新发明轮子和当世界从我们身边匆匆走过时扭动我们的拇指之间找到一个甜蜜的点。不同的方法有不同的时间和地点。在某些领域的长期规划允许在其他领域进行无限制的创新和实验。进化和改进是好事。偷工减料和本末倒置则不然。
让我们以Troy McClure的风格,深入了解一次性设计的 "做 "与 "不做"。
什么是一次性设计?
第一件事。我想我们大多数人都能直观地理解一次性设计在一般意义上的含义:好与坏。一次性设计就是一次性塑料。它的结构是用二流的材料建造的,在它们的时间之前就已经崩溃了。在最坏的情况下,它是短期思维和长期头疼。在它最好的情况下,它可以是精明和认真的,就像音乐节上的可降解的帐篷钉子,或者比例模型。
在这个网页设计的背景下,我们将主要关注 "最坏 "的方面,同时对它可能(而且是)非常有用的时候给予类似的关注。寿命在网上是一个比较滑稽的概念,但是当我们看到它们的时候,我们也倾向于认识到这些罪过。这里有一小部分。
- 不愉快的用户体验。
我们都曾偶然遇到过由于缺乏对未来的适应性而变形的网站。元素不到位,按钮不工作,网站轻轻地呱呱叫着 "杀了我吧",这些只是我们在点击离开之前的几秒钟注意到的一些事情,再也不会回来了。 - 追随设计潮流,而不是围绕内容进行设计。
你还记得视差滚动吗?旋转木马?在正确的情况下,任何功能都有很好的理由,但酷并不是其中之一。当流行的东西与设计的其他部分发生冲突时,它们甚至更加令人震惊。 - 断裂的链接,内部和外部的。
网络最伟大的礼物之一就是链接。死链接剥夺了用户的上下文,破坏了浏览流程,也许最糟糕的是,还浪费了人们的时间。 - 不断增长的导航抽屉,没有明显的模式或逻辑。
标题应该使网站的导航更容易,而不是更难。 - 快速修复。
这方面的问题有很多,从从未跟进的明显的热修复,到硬编码的片段,都有破坏网站上其他东西的不可思议的诀窍。
除了在日常工作中令人沮丧之外,这类问题往往来自于那种使网站需要更换或重新设计的方法,比它们应该的要早得多。有时只需要一个新的网站就可以了,但每年都要更换?到了一定的时候,这样的项目就会成为一种资源消耗。
起因
从某种程度上说,一次性设计是不良做法的冰山一角。有很多潜在的因素会导致它,并在其他地方造成破坏。有些是我自己亲眼所见的(坦率地说,是我自己犯的),有些则是远道而来的。
计划不周
不准备,就准备失败。这句格言在网络发展的世界里是真实的。无论你是在建立一个作品集、一个电子商务商店、一本杂志、一个酒店预订网站,还是其他什么东西,脆弱的规划将导致脆弱的设计。如果你不知道你需要什么,那么你偶然落在正确答案上的几率就相当小。
设计与目的相辅相成。你不会在没有蓝图的情况下建造一架飞机,对吗?我们需要在建造东西之前知道其目的。我在《维特鲁威对网页设计的启示》中提到了这一点,而且在这个话题上有几乎无穷无尽的好材料。下面是其中的一部分。
- 一个全面的网站规划指南(第一部分作者:Ben Seigel
- 全面的网站规划指南(第二部分作者:Ben Seigel
- 全面的网站规划指南(第三部分作者:本-塞格尔
- 形式服从于功能?作者:Steven Bradley
与以往一样,我们需要取得一种平衡。像可访问性、导航和信息架构这样的东西必须在早期就被纳入网站,而你的超链接的风格可以随着网站的发展而变化。你不可能考虑到所有的事情,但你肯定可以给自己指出正确的方向,给项目一个体面的成功机会。如果你为自己设置了一个有效的指南针,那么你就不一定需要知道确切的路径。
跟随潮流
网络的发展比自然界快得多。每天都会有新的想法、新的标准、新的框架和新的可能性。不过,所有的金子都不会发光。进步和流行之间有一条细微的界限,但当我们看到它时,我们往往会凭直觉认识到它的区别。
视差滚动可能看起来很时髦,主页上的全页视频循环可能有某种令人惊叹的因素,但这些东西是为网站和用户服务的吗?有时答案是肯定的,这很好,但有时它们会让人觉得是在过度补偿内容的缺乏。
类似的精神适用于框架,尽管原因略有不同。前_Smashing_主编Rachel Andrew写道,HTML和CSS "是我们所做一切的基石",但大多数超过几页的项目都可能涉及React或Vue等。没有人喜欢垄断,但使用成熟的、受支持的框架通常是明智的选择。你一直在阅读的那个革命性的新框架当然值得关注,但也许不是在你的客户的决定性的网上商店。
- JavaScript框架的残酷的生命周期作者:伊恩-艾伦
- 不要跟随网页设计趋势。设置它们作者:Dmitry Fadeyev
- 当一个网页设计趋势变得过于流行时,你应该怎么做?作者:苏珊娜-斯卡卡
简而言之,根据项目的需要做出选择,而不是根据别人在某一周内所做的事情。
糟糕的文档
好的文档是非常重要的。它迫使你澄清你自己的想法,同时也给其他人一个理解你到底做了什么的机会。如果你明天逃离这个国家,还有人知道这个网站是如何运作的吗?客户能使用它吗?他们是否能够自己发布博客条目和更新关键内容?使用和移交文件使项目保持活力和成长。
囤积知识可能对你有好处,但对项目来说却很糟糕。它不仅掩盖了内部工作,而且还剥夺了外界的监督,而这种监督可能会使它们变得更好。每个人都对基本原理有相同的看法,这使得你们都能专注于更有启发性的东西。这也是使用成熟的框架的一个关键好处。人们可能来来去去,但至少在技术上有连续性,这需要较少的个性化解释)。)
下面是一些改善文档的好的出发点。
- 如何使网页设计文档不那么糟糕作者:Yona Gidalevitz
- MDN Web Docs本身就是一个好的文档灵感的绝好来源
- Write the Doc的文档指南,一个极好的集体智慧资源
平心而论,有些人对了解某些东西的工作原理没有兴趣。但我不喜欢以此为借口而完全跳过文档。任何值得做的事情都值得为了它自己而做好。即使是文档也可以是美丽的和鼓舞人心的。我的一个朋友不久前在做Stripe的集成工作,他把我链接到他们的文档。我对他们的文档做得如此之好感到非常震惊。
当你滚动浏览文档时,示例代码的预览会随着你滚动,突出你正在阅读的部分。我们不必都走到这一步,但为什么不追求卓越呢?
外包
在网站上嵌入第三方平台是很诱人的。这很容易,而且可以省去你自己建立一些东西的麻烦。为什么要做一个图片库,而我可以直接把它放在我的Instagram feed上?当我可以直接显示我的Twitter feed时,为什么还要维护一个博客?见鬼,为什么要建一个网站呢?Squarespace的模板很不错,而且这也不是我的钱。
大多数这些问题的答案是:你不拥有不在你自己网站上的内容。你是一个按照别人的规则行事的客人,而且通常要为这种特权支付更多的钱。正如安娜-罗德里格斯(Ana Rodrigues)在她去年为IndieWeb撰写的案例中所说,网站是你网络存在的跳动的心脏。如果你把你的内容外包给第三方平台,它就不会有好的发展。它听起来很空洞。
短期主义
很多事情都可以归结为短期思维和仓促(或不存在)的准备。当涉及到 "速赢 "这个短语时,我已经形成了一些紧张的勾当。它们可能是有用的,但很容易被腐蚀。太多的 "速赢 "创造了一次性的设计,以及对底层的竞争。毫无疑问,时间在网上过得更快,但这并不意味着长寿不是一个值得追求的目标。如果有的话,那就更重要了。
那么,这看起来像什么呢?
建设持久性
在许多方面,网站可以被切割和改变是网络的最大优势之一。在现实世界中,垃圾对世界有非常真实的负面影响--过时技术的垃圾填埋场、废弃的建筑、堆满塑料的海滩。网上则不然。当一些东西过期了,你按下删除键,噗!它就消失了。没有堆满废弃网站的海滩;它只是代码而已。这就是说,网络的碳足迹正在增长,不应该被忽视)。
网上长寿的好处究竟是什么?鉴于我们都必须处理的无情的变化,它又如何能够持续?杰里米-凯斯(Jeremy Keith)的演讲"漫长的网络 "在今天和他在2008年的演讲中一样触及了这些问题的根源。对我来说,这可以归结为方向问题。如果你了解一个网站的用途,它的发展方向,以及它可能发生的变化,你就可以区分哪些应该是恒定的,哪些应该是灵活的。
在某些领域,一致性是必不可少的。比如说。
- URL结构。
在页面标题上玩得快而松,通常是一个坏主意。这对搜索引擎优化不利,对用户体验也很糟糕,而且整理起来也很麻烦。 - 品牌建设。
熟悉会产生...熟悉。比方说,你经营一家网上商店,每隔几个月就对布局和导航做一次大的改动。最终,客户会对不断的重新设计感到厌倦。 - 内容策略和语气。
我们写什么和怎么写对一个网站的特征有巨大影响。无论是杂志还是天气预报的网络应用,不明确、不一致的写作会让人觉得很业余。反过来说,一个可靠的声音连接着过去、现在和未来。 - 设计的最佳实践。
对于平面设计和用户体验的所有趋势,基本面的变化要慢得多。一个拥抱排版、调色板、网格系统和导航等基本要素的网站是在为自己设置最后的机会。 - 可访问性。
你不可能改造适合网站的可访问性。无论如何都是不行的。正如Joy Heron在她最近关于 "负责任的网络应用 "的文章中写道,不这样做坦率地说是不负责任的(我写这句话的时候,自己过去也犯过这样的错误)。
在许多方面,一次性的设计使改变变得_更加困难_。它迫使你从头开始,而历史告诉我们,一般来说,迭代会更好。有时你必须回到绘图板上--毫无疑问--但在某一时刻,钉住一个核心产品会有更多收获。
可持续的网页设计
网上的寿命与基础设施或住房的寿命是不同的。如果一双鞋能穿三十年,你有什么?一双好鞋。如果一栋建筑矗立了几个世纪,并且在结构上保持良好和有用,你有什么?一座好的建筑。如果一个网站现在和三十年前一样,你有什么呢?嗯, Space Jam的宣传网站。也许是标志性的,但很难成为网页设计的前沿。
在网站开发领域,我逐渐认为国际空间站是一个特别好的模型,当寻求耐用性和灵活性之间的甜蜜点时,可以遵循。听我说完。该站自1998年以来一直在运行。这是正确的,它几乎有四分之一个世纪的历史。这怎么可能呢?模块化设计和长期思维。
总的来说,它是否像一个从头开始的新站那样先进?远远不是,但这也证明了它的长寿。它已经是有史以来最昂贵的东西(超过1000亿美元,宝贝),所以最好让它持久。是的,有一天必须有一个国际空间站的继任者--重建,如果你愿意。他们已经在为此做准备了。新的模块将被制造出来,以使它们作为独立空间站的一部分被分离出来。很好,是吧?
可改变性是设计的_一部分_。它是模块化的,而不是单一的,随着时间的推移有机地改变。对于自然界中类似的例子,请看你自己的身体,它随着时间的推移更换自己的细胞。通过将项目分解成不同的部分或资源库,它使你可以在不需要重建整个项目的情况下进行创新。修改比重写更顺利。
弹性
以这种方式使一个网站的设计持久,意味着不仅要解决当前的问题,还要解决_未来的_问题。有些事情是无法预测的,但有些却不是。提出正确的问题可以对网站的寿命产生巨大的影响。在与维塔利-弗里德曼讨论这个话题时,他用三个简单的词总结了这个过程。如果......会怎样?
一些例子可以把你的血压提高几个档次。
- 如果......我们在导航栏中有50个项目,而不是5个,会发生什么?
- 如果......我们的博客文章达到100篇,或1000篇,会发生什么?
- 如果......我们在这个页面上有一个非常密集的有15列的表格,会发生什么?
- 如果......我们包括一个加载10个外部资源的第三方小部件,会发生什么?
- 如果......我们最密集的页面在最差的移动设备上被浏览,且3G连接不佳,会发生什么?
- 如果......我们想充实我们的渐进式网络应用程序的功能,会发生什么?
- 如果......我们想把我们的用户界面翻译成其他语言会怎样?
- 如果......按钮上的文字很冗长怎么办?
- 如果......有人只能用读屏器来浏览网站会怎样?
这个简单的提示可以引出各种好的后续问题,这些问题是你作为一个设计师需要回答的。在所有的事情中,我想起了Kurt Vonnegut写小说的一个规则。
"做一个虐待狂。无论你的主角多么可爱和无辜,都要让可怕的事情发生在他们身上--为了让读者看到他们是由什么组成的。"
给你的网站以同样的待遇。让它们经受各种(假想的)压力和不幸,你不会希望自己最坏的敌人也这样做。只有这样,你才能看到它是由什么组成的,以及你需要做什么来使它真正具有弹性。
从建筑到制造到太空探索,这种内在的虐待狂的价值是不可估量的。你认为国际空间站背后的大脑没有考虑到事情可能出错的_每一种方式_吗?他们可能有一个外星人入侵的计划,以备不时之需。
长寿的成功故事
如果一个空间站可以运作20年而不被淘汰,网站也可以。事实上,许多网站已经做到了。对我来说很方便的是,维基百科在一月份恰好达到了这个基准。尽管它是网络上访问量最大、编辑最多的网站之一,但它现在的核心内容与21世纪初时是一样的。如果它没有破损...
同时,很少有人会认为维基媒体基金会一直是静止的或落后于时代的。例如,它的维基数据和抽象维基计划作为节点,在丰富整个项目的同时也带来了新的品质。维基百科和它的 "模块 "之所以经久不衰,是因为它们围绕着一个明确的目的和一个长期的前景。
对于一个更加商业化的项目来说,我们很难超越亚马逊。版本博物馆的网站历史很吸引人。今天的亚马逊与1994年的亚马逊有很大的不同,但却有一种平稳的进化感。除了一些早期的磨合,没有任何设计上的变化让人感到刺耳。
在一个不那么巨大的规模上,我对杰弗里-泽尔曼(Jeffrey Zeldman)对1995年的内容的保存只有尊敬和钦佩。见底部的 "请原谅我的档案 "部分。)整整26年的内容。现在有了一个经久不衰的网站。
同时,在引擎盖下的例子横跨一个光谱。像React和Vue这样的框架通过组件实现了模块化设计。有了它们,一个网站就不是一个整体,而是一系列零碎的部分,可以在不破坏一切的情况下进行切割和改变。
再往前走,你会发现像_《卫报_》这样在GitHub上公布其源代码的公司。从前端网站代码到应用程序再到内部工具,有几十上百个资源库,这些模块拼凑在一起就形成了一个获奖的数字新闻产品。我们大多数人不需要数以千计的资源库,但精神是一样的。
对于可持续的网页设计来说,没有一个放之四海而皆准的方法,但有一些反复出现的原则,即目的、演变和长期思考。这些都是使网站能够经受住网络的不断暴风雨的品质。
在线的可持续性
重新设计、迁移和探索神秘的新的网络世界并没有错。但出于错误的原因而做这些事情就有很多错误,而且最终会追上你。杰夫-黄的《网络内容保护宣言》以我非常喜欢的方式阐述了基础知识。
以下是一些开始考虑长期问题的方法。
- 不要只考虑明年。
,你认为两年后会是什么样子,或者五年?或者20年?你能做什么来优雅地迎接这个未来? - 为可访问性而设计。
这不仅对其本身而言是正确的,而且有助于使内容更清晰、机器可读,并能更好地适应不断变化的技术。 - 正如生活中经常发生的那样,将大项目分解成小块,使其更容易管理和更灵活。引导你内心的国际空间站。
每个人的需求都有些不同,但这种精神是真实的。通过打下坚实的基础,你可以让你自己、你的同行和你的继任者专注于改进而不是修复。它使我们更接近一个网络,在那里,死链接、按部就班的设计和第三方的统治是例外而不是常态。