安卓 Launcher 概念设计

Facebook Home 最近的发布真是雷声大雨点小,在 Google Play 上的评分如此之低,低到想笑,我相信每个好的应用都有共同点,而不好的应用却是各不相同。在我看来,只有 Facebook 如今的市场地位才能做这样的 App,不过现在看起来他们确实有点一厢情愿。 Continue reading “安卓 Launcher 概念设计” »

SEO 网站之虚

SEO网站在国内是比较奇葩的一类网站,不过它们的存在都是在满足一部分人求知的需求,SEO知识一般也是与时俱进的,因为搜索引擎自身不断地会有算法改进,完善搜索引擎本身对于在网络中信息的辨识和处理,可以说这些对于多数人来说是个黑盒子,包括搜索引擎工程师也可能只是一知半解,所以很多不确定的技术手段就常常引人津津乐道。

Continue reading “SEO 网站之虚” »

低成本的前端性能优化

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

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

Don’t make me think 书摘

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

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

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

豌豆荚Web 重构小结

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

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

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

一种理想的前端生态

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

HTML5离我们不远

类似「学习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离我们不远” »

休整阶段的一点工作随想

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

整站ajax化

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

权衡前端性能优化

web性能优化的技巧越来越被人所重视,不管是YSlow的14条优化建议,还是各种性能优化相关的书籍都从技术解决方案层面给出了令人满意的答案,已经有很多网站在性能优化方面进行了成功的实践,在尽可能减少请求数,压缩代码,图片合并等基础优化方面似乎是没有其他退路,而javascript性能优化,ajax优化等方面的进阶优化虽然没有很直接的7天速成指南可以参考,但是在技术积累稍微好一点的团队,这种代码层面上的性能优化相对来说没有压力,可以看出web性能优化技术越来越透明,并且性能优化也是一个老生常谈的问题,不过正是因为如此在做这些看似很美的事情之前更需要冷静下来仔细权衡。 Continue reading “权衡前端性能优化” »