前端和用户体验

虽然说俺是个前端工程师，写写代码生成网页就好了，然而这几年工做下来养成的严谨精神和对美学的追求，反而对用户体验的要求愈来愈高。不少人以为用户体验是交互和设计负责的领域，前端只要负责生成代码就行。其实做为一个有经验的前端工程师，颇有必要弄清楚本身在整个网站开发过程当中的地位，以及明白在用户体验这块所具备的影响力。

前端是UI部分最后的也是最全的质量控制员。由于页面的静态代码包括动态交互都是由前端来实现的，这样就会涉及到方方面面的细节。在重构的过程当中，我经常以一个普通用户角度去揣摩这样的设计是否符合用户的使用习惯。通常状况下发现一些细节上的不足我首先会去找设计，在设计承认的状况下去跟产品经理和交互设计师知会一下。PC端的设计跟移动端的设计有着很大的区别，好比“回到顶部”这个按钮。移动端通常要设计成正方形，大小跟一个应用的icon尺寸相似。这样既不过度遮盖界面内容展现（通常来讲“回到顶部”的按钮是个随着页面滚动而滚动的按钮即fixed按钮，而且被设计成半透明），也不会形成用户点击失败；而PC端能够是竖着的长方形能够是一个文字连接。在最近的一个移动项目中，设计师把“回到顶部”的功能按钮作成了一个文字连接，跟产品经理提建议以后，对方认为客户已经承认了这个设计方案，咱们就再也不作设计上的更改（外包公司的弊病，只要客户没意见，咱们只要按时完成做业就好了）。。。

用户体验的另外一大部分是产品的性能。做为一个前端，能在性能上作的事无非是减小或者延迟HTTP请求、减小代码量和提升代码效率。减小请求的方式也就是合并js、css代码，图片合成图片精灵，有些小图片能够用base64代替，或者直接用css3来实现；把一些不在页面渲染时候须要的js代码（如googleAnalytics.js）放在body的最下面，这样不会影响页面的加载，用户不会由于js加载的未完成而影响阅读。减小代码量就是在压缩代码上下点功夫，有工具实现，很简单。其实对于一个程序员来说，最能体现他能力的仍是在编程技巧方面。至于怎样提升编程技巧以提升代码性能我这就不在多说，我的有我的的经验。

总的来讲，前端对于用户体验的知觉大部分是在UI上，一边作一边想，多思考，让本身的产品越作越有成就感。