新兴技术袭来,Web开发如何抉择?

将Web视为应用平台的概念,正前所未有的流行着。但用来创建这些所谓“Web应用”的工具仍存在许多经常被我们忽视或误解的陷阱。单页面Web应用框架已得到极大关注,我们可以借助这些框架创建一些复杂的高性能应用,与传统网站相比,这些应用更可靠且交互更加丰富。但所有的这些益处,以及随之而来的思维模式和开发方式的转变,是以牺牲浏览器的基本功能为代价的,Web开发者们有时却将其视为理所当然。

JavaScript可能非常脆弱

随着各家厂商不断地炒作这股热浪,我们可能误以为当用户的浏览器不能执行JavaScript时,并不需要为他们提供回退方案。用户的浏览器不能执行JavaScript一定事出有因,他们手动选择禁用JavaScript只是众多原因之一。维护英国政府网站的团队——政府数字服务(GDS)发现:每500位访问GOV.UK的用户中,有5人没有请求JavaScript,其中只有1人主动禁用了JavaScript,其他4人没有请求可能因为以下几个原因:企业代理服务器限制过高;高延迟导致JavaScript请求超时;甚或是一个没有被注意到的语法错误。

此外,CSS和HTML都可以优雅降级,而JavaScript却做不到。这意味着,如果开发者使用一个单一的ES6语法特性,甚或是调用一个没有经过验证的标准库函数,他们的JavaScript就很有可能在执行过程中终断或者根本就不执行。如果你使用JavaScript来增强网站,上面提到的这些问题尚且可以忍受,毕竟访问者仍然可以访问链接,可以提交表单,可以使用Web能提供的最原始功能;但如果JavaScript是网站必不可少的一部分时,无论是谁使用稍微过时的浏览器都可能获得一个空白页面,自然也没有人来解释页面为什么会变成空白。

Categories: 学习与阅读, 设计前沿

关于网页动效你需要知道的一切

动画的应用已不局限在卡通动漫领域,在网页设计中也有所运用,从全屏动态图到悬浮特效,随处可见。网页动效时尚前卫,新奇有趣,且用户体验极好。关于网页动效你需要知道的一切,这篇文章告诉你。

动画的应用已不局限在卡通动漫领域,在网页设计中也有所运用,从全屏动态图到悬浮特效,随处可见。网页动效时尚前卫,新奇有趣,且用户体验极好。

那么问题来了,如何使用网页动效成了一大难题。用户浏览网页快速,为吸引其注意力,从简单的动效或者GIF动态图到几分钟的小动画制作,已成为简单实用的网页设计小工具。

Categories: CSS3动画, CSS设计, 实用知识点, 工作记录, 经验分享, 设计前沿

UX路漫漫 – 产品设计当中常见的5个误区

周末傍晚,拉着窗帘在屋里开着昏黄的台灯,几乎失去了对时间的感知。正听着Neil Young的一首27分钟的歌,这首歌在此张专辑(Psychedelic Pill)当中从长度上来说排名第二,比第一名短了整整10分钟。

很多时候觉得要靠微信朋友圈来了解外部世界,但那无非只是所有人吃喝玩乐的时间轴。发生在别人身上的喜怒哀乐,就像世界名胜他乡异地风土文化,对我有什么意义。”What the hell i’m doing here?”

陷入这种静的让人沉下去的身心状态当中,落到文字上却是要给人看的,我想让别人看到什么,从而让自己获得怎样的共鸣与认同呢?”But i’m a creep.”

表演仍要继续,我们来看本周的译文。原文标题看的我觉得挺无趣的(优叉路漫漫几个字是我自己更加无趣的加上去的),仔细读过觉得站的层面比标题表达出来的要高一些,于是很喜欢。原文作者Julie Zhuo,Facebook产品设计director,貌似在Medium上看过好几篇她写的东西了。开始吧。

学习的过程中没有不犯错误的。本文当中提到的这些产品设计流程当中的错误,我(英文原文作者)个人犯过很多次,也见过很多人同样在犯着。幸运的是,有种东西叫做互联网,有种媒介叫做文章,我们可以讨论这些错误及其背后的成因,今后在条件允许的情况下尽可能的避免。

1.对设计探索的过分约束

在实际工作当中,通常有两方面的因素在制约着我们对设计的探索。

Categories: 学习与阅读, 工作记录, 经验分享, 网址分享, 设计前沿