前端的终极目标应该是用户体验

2019独角兽企业重金招聘Python工程师标准>>>

作者：aming

因为最近设立了一个新的前端咨询品牌——问切（关注用户体验，专注永久、不依赖第三方移动适配。）。所以决定为它写点什么东西。

作为前端从业10年的老兵来说，我对于前端的理解一直在升华，同样是做前端，我觉得我和其他前端相比还是有不一样的东西存在，因为开了一家前端公司（切图网），所以我是距离商业最近的。

前端的终极目的究竟是不是node.js ，angular.js，react.js等等？

我说说我的感悟，如果你跟我说是，那么这个思考的角度太技术了，或者也许你根本就没有去正真思考过这些问题。 这些好的技术某种程度可以提高效率，比如angular.js可以无刷新，更流畅，能改善用户体验是没错，但是终极目的一定是用户体验的改善。

不用node.js，angular.js，react.js ，vue.js 是否就很烂，体验就不好呢，绝对不是这样。相比新的技术，其实还有好多是可以改善用户体验的，比如细节，我列举一下5点：

1，ajax

无刷，估计你已经笑出声了，这算什么？老掉牙的技术了，但是我站在用户体验角度来评价的话，他对于用户体验的提升，5颗星做评判，我会标5颗星。

2，字体

所有网站的文字都是通过字体传达的，你认可吗？ 合理的字体选择会让体验倍增，这方面的标杆性网站估计的算是豆瓣了。豆瓣读书用了Helvetica和Arial两种差别非常小的字体，这种非衬线字体很容易让人一目了然，还不乏一些科技感。

有人担心非衬线用作正文对阅读体验有影响，实际上不难发现国外很多网站都用非衬线字体来处理正文，当然也不排除他们可能考虑的更多是英文。其实我还是非常喜欢非衬线体，它们看起来更富美感。

3，加载速度

天下武功，无坚不摧，为快不破。这可不仅仅适用于武功，任何行业皆如此，用户体验更是如此。

你的页面设计在好看，但是因为加载时间是在太长，访问者失去了耐心，在页面加载未完就离开了页面，那么这个页面在好看，在绚丽也是失败的，你同意吗

很多人不关系文档流、图片、JS脚本的加载顺序，好的前端必须时刻注意这些。

4，体验设计

什么是好的体验设计，比如页面在滚动的时候，导航条会自动吸顶。这就是一个非常好的体验设计。

在比如：

以前我用360搜索的时候总感觉怪怪的，没有google和百度顺手，研究了一段时间之后才发现好搜的的主页搜索框比百度和google要低一些，Google到顶部固定菜单的距离是286px，百度是192px(未登录238px)，而好搜则是328px。相比之下，好搜的搜索框更趋向于屏幕中间，而百度与Google则是在屏幕中上方。

对于已经常年习惯了百度和Google搜索的用户来说，想要改变这个习惯来适应好搜多少有些困难，360这样做无外乎两点，一个是不在乎/不知道/不关心用户体验，或者就是故意有所不同吧。

5，细节

为什么网站有几百到几百万的差别？一样的网站一样的功能，其中最大的区别就是细节了。在产品同质化的时候，一个产品在细节上的润色，才能让他有更高的价值。对于WEB开发者来说，更加是如此。

很多时候用户体验应遵循“less is more”，堆积如山的垃圾信息不仅无用还破坏了整体的用户感受，这也就是所谓的设计细节决定成败。

当我们认为前端技术已经炉火存青的时候，静下来站在用户视角在去看，还有太多的细微之处需要我们留意。

6，手机访问体验

这是目前阶段而言的一项，目前仍然有大量的传统pc网站，需要移动化、响应式、适配处理，否则，这些网站在手机下根本无法浏览，这样会直接导致访问者关掉页面，这种体验是致命的。

好了，关于用户体验的理解就这么多。另外说下这个“问切”，我们单独设立一个新的网站，是首家致力于前端用户体验研究的网站。目的在于研究前端、用户体验、商业价值的联系，为网站提供优质的用户体验优化，其中不乏最重要的一项就是 ，网站移动适配服务了。

原文：http://www.wenqie.cn/zhongjimudi/

 

---

切版qieban（.cn）靠谱的前端切图外包之选。

转载于:https://my.oschina.net/u/3529908/blog/1408449