低成本的前端性能优化

by Z.J.T on 四月 10, 2012

说到前端优化总让我想起很多灵感,这些灵感来源于对数据提升的“感性”预测,举个例子:我总是幻想把 Javascript 都重构了,网站的 TTI 可以提升个 10% +,但是除非你的代码中有严重的逻辑问题,这样的想法总只是幻想,因为重构代码而带来初始化性能提升的实在是太有限了,远远低于 5%,所以做重构这样的事情更重要的目标是让应用更易维护,以及有良好的架构能支撑 2 年左右无需再次重构。

Continue reading “低成本的前端性能优化” »

美化 django admin 后台

by Z.J.T on 四月 5, 2012

Twitter Bootstrap 实在是太方便太齐全了,如果想美化一个么有任何样式的系统,真的只需要引入一个 bootstrap.css ,你的页面看起来都会不一样,当然在 ie6 下效果会比较差,所以看到 django 的后台功能这么强大,但是界面却如此朴素就有点看不下去了,然后就有了这个改造 django admin 后台的想法,直接拿 bootstrap 的样式来做,覆盖了 django 后台所需的全部样式,改造过程还是挺纠结的,因为 django admin 的模板代码还是有点让人头疼,只能说冗余太多,风格也比较凌乱,所以在美化样式的同时也修改了一下 html 结构,不过也再次感受到 django 写模板的逻辑是如此优雅。

先来个登录界面截图:

Continue reading “美化 django admin 后台” »

Don’t make me think 书摘

by Z.J.T on 三月 16, 2012

很设计类书的内容会偏向经验介绍,也有是可操作性强的,don’t make me think 倒也是短小精悍,蛮引人深思,特别是对我这样设计经验特别浅的伪设计。

读的是最新版,顺便做了一些书抄

  1. 绝大多数的用户真实使用你设计出来的产品的方式跟你当时设想的希望用户用户的方式会不一样,这点在时候回顾的时候都能意识得到,但是很多人还是会在讨论方案的时候把自己的很多观点冠上“我认为⋯⋯”这样的句式,唯一其他人能信服你的可能是你在公司里的地位,真正产品的效果很难靠这样的“认为”来达到效果。
  2. 一大段的介绍文案是很糟糕的设计,因为几乎没人会仔细读他,基本是掠过,特别是在网站首页。这条太精辟了,人们使用网站是用“扫”的方式,所以赶紧去掉那些大段冗长的文案吧,太占地方了,这件事情同样面临第一条的困境,如果对这种现象没有理性的认识,同样是一条没有可操作性的建议。
  3. 文案!!如何让人一眼明了,并且达到目的是一门学问。
  4. 优秀的导航的设计,这个国内的大网站都做的很好,没有什么必要说了
  5. 首页的设计会变成一场抢食战,似乎无可避免,但是需要满足最基本的需求,网站口号,形象,网站功能这些是基本
  6. 所谓的设计评审、可用性讨论会基本上是一场”个人信仰的战争“,一切的”我觉得应该这样⋯⋯“,”我也是用户⋯⋯“都是不需要讨论的,包括设计师和开发人员以及用户在内的人都是不一样的,你要面对的用户是复杂的,你需要测试你的原型去解决真正的问题,除此之外你还要学会安抚喜欢指指点点的“老板”
  7. 关于可用性的保障不只是去满足有使用障碍的用户,也可以满足你的商业利益
  8. 关于搜索框的经典设计,“快速搜索”这种文案是个很差的例子,关于是否添加类别搜索需要权衡。再举个反例,优酷的搜索按钮写的是“搜库”,虽然习惯了搜索框加上一个按钮的模式,但是这个文案实在是太让人疑惑了。
  9. 尽可能让用户达到目标的步骤变少,让每个步骤变轻,减少可能产生使用疑惑,增加用户思考的设计,文案和视觉、页面结构的设计非常关键,说起来很容易,做起来难。
  10. 承上:让视觉设计体现信息结构,懂得利用用户习惯,视觉降噪。
  11. 可用性测试其实可以做得很简单,但是效果会让你意想不到的好。利用简单的办公室,不要太过于形式化同样可以做可用性测试。

豌豆荚Web 重构小结

by Z.J.T on 一月 10, 2012

年底了很多人都在做年终总结,可惜我今年值得总结的东西周期没有到一年那么多,这次就对最近的一个重构项目做个笔记,总结一下完成思路和不足之处。

我需要完成的是对豌豆荚应用导航页面(也就是大家在豌豆荚客户端里看到的页面)进行重构,因为这些页面最终展示在webkit内核的终端上,所以实现技术上有很多可能,挑几个自己觉得需要投入思考的介绍如下:

Continue reading “豌豆荚Web 重构小结” »

一种理想的前端生态

by Z.J.T on 十二月 19, 2011

“前端生态”其实就是说在前端这个领域内的各种周边环境和自己的选择,不单单是分门别类地把“前端技术”(比如:最近流行的一张201x年前端需要掌握的技术…)罗列出来,这样做其实大多数会觉得有太多东西要去学习,并且可能会掌握不了这些“技术”了之间的关系,为什么会想起前端生态这个话题,更多的是说去让自己停下来思考一下现在的状态是不是健康的。 Continue reading “一种理想的前端生态” »

HTML5离我们不远

by Z.J.T on 十一月 14, 2011

类似「学习HTML5的10个顶级资源」「25个让人惊叹的HTML应用试验」这样翻译过来的文章很受欢迎,其中的那10个和25个并不一定是精挑细选的料,只是因为硬凑出这样的标题对SEO很有帮助。大多数这样的文章介绍的是国外的一些HTML5的试验或者应用,包括了早期标准的介绍和讨论,一些HTML5 api应用的展示,近阶段比较丰富的HTML5库和框架的推广,让人有很多想在各种项目中尝试HTML5的冲动,很少看到有国内的公司有这样的技术分享,移动应用「还有被很多人用烂了概念的Cloud App」不断涌现,通常情况下HTML5的应用基本是在mobile app上,并且是以web view出现在native app中,很少只用HTML5完成的成功案例,这里有一篇专门讨论Native vs HTML5的对比:

HTML5 vs Native: The Mobile App Debate Continue reading “HTML5离我们不远” »

写个前端看的django入门教程

by Z.J.T on 八月 22, 2011

特别说明一下,网上有数不胜数的django好教程,包括开发环境和各种软件安装,都很详细,本篇仅仅写给特定的人群用于快速地像体验django开发网站的体验,并且其中文字肯定有诸多不合理和不够正确的地方,其实说快速体验也是比较滑稽的,因为就算是你只在window下开发的话也会与遇到诸如要配置很多环境变量之类的问题。
Continue reading “写个前端看的django入门教程” »

休整阶段的一点工作随想

by Z.J.T on 八月 2, 2011

今天下午参加了两个项目的需求评审,都出现了产品方案细节争执不定的情况,期间一方多次用词“我觉得如何如何”,另一方也是“我觉得如何如何”,不可开交,终于有人说了句我让印象深刻的话,“你们都是在你觉得、我觉得,没有数据怎么也说服不了对方”,平时看多比较多的是经验多一点,气场足一点的人经常会因为他“觉得如何”来“拍方案”,这种场景跟一个苦逼的设计师后面站着一个大老板指点江山有点相似。 Continue reading “休整阶段的一点工作随想” »

学习django用到的一些资源

by Z.J.T on 六月 24, 2011

django对于有过一些web开发经验的人来说入手是相对容易,特别是刚入手python的,虽说刚入门语言的时候就直接跳到web开发有点激进,但是特别适合不是专职从事python的前端同学,假如你稍微有点web开发的经验,给你一天就足够搭建一个有基础功能的网站,秘诀就在于django为了做了大部分的事情: Continue reading “学习django用到的一些资源” »

整站ajax化

by Z.J.T on 六月 14, 2011

整站ajax化(简称ajaxifying)亦即使用ajax渲染网页的主要部分,通过极大程度减少冗余的请求来提升网站速度,它有别于我们平时所理解的较小区域的异步刷新, ajaxifying使页面上绝大部分的内容是通过ajax完成渲染,这样的处理需要额外考虑这些大容量内容渲染的效率,内容模块化管理等因素。 Continue reading “整站ajax化” »