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

做者：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）靠谱的前端切图外包之选。