SEO 网站之虚

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

Continue reading “SEO 网站之虚” »

产品为什么延期

产品延期听起来是个挺悲伤的事情,可是对于那些走错了方向的产品来说还是会有收获的,但是对于正计划快速迭代的团队来说来挺糟糕的,这种糟糕不是产品本身没有发布出去,而是延期变成了一种习惯,习惯到在做这个产品的人自己都没有发觉,也无能为力。大部分正常的延期并不是一个人造成的,这里所谓的“正常”是指,产品事先进行了充分的准备、做好了大量计划,并使用了科学的工具和迭代方法,每个人都是干劲十足的,结果产品延期了。看起来像是每个事先做的计划,每个人在其中所做的所有事情才是根本原因。

Continue reading “产品为什么延期” »

maven 和 r.js 的整合

看到这个话题,可能有人会觉得不解,为什么会有这样的场景,为什么 js app 需要和 java 项目整合到一起,其实就是为了让开发效率更高,更加集中关注应用的实现过程,而不用纠结 host 绑定、如何测试、如何发布。

Maven 除了可以做项目的 build (通常是服务端项目),还可以做一些额外的事情,这些事情就是帮我们 build js app,这里的 build 通常就是指把一些开发过程产出的源代码变成线上代码的过程,如果没有在使用 AMD api 来构建应用,通常仅仅需要简单的文件压缩合并,这里我们会介绍怎么在 maven 项目中使用 r.js 来 build 基于 AMD api 实现的应用,这里也推荐一下比较复杂的应用使用尽量转到 AMD 来实现,参考 Why AMD,然后推荐 r.js 是因为这个算是目前做得最好的 build 工具。
Continue reading “maven 和 r.js 的整合” »

Don’t make me think 书摘

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

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

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

一种理想的前端生态

“前端生态”其实就是说在前端这个领域内的各种周边环境和自己的选择,不单单是分门别类地把“前端技术”(比如:最近流行的一张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 “追随自己的内心” »

jquery carousel插件

很久没有接触jQuery了,公司使用的也全部是YUI,之前写过一个基于YUI2.6的一个“旋转木马”(俗称焦点切换效果)的插件,最终整个插件相对比较臃肿,加上插件本身对animation等库的依赖,使用起来也是比较纠结,常常要为了一个功能多引入20多KB的js代码。这几天尝试了用jQuery来实现carousel的效果(类似的叫法还有slider show),感觉十分轻巧灵活,不过花的时间不是很多,因为其中的代码有很大一部分是直接从YUI的实现中移植过来。

View Demo View Sources
Continue reading “jquery carousel插件” »