前端的終極目標應該是用戶體驗

做者：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）靠譜的前端切圖外包之選。