前端工程師和交互設(shè)計師之間理所當然的存在著一些聯(lián)系。從另一個角度看前端工作，前端人員既能定義為設(shè)計師，更重要的是應(yīng)該對用戶心理有完整的了解和研究。有一句話可以充分的證明這兩者之間剪不斷理還亂的關(guān)系，“在前端眼里，UI設(shè)計稿是動態(tài)的”。

前端與交互設(shè)計的工作內(nèi)容相輔相成，他們有共同的目標，并且互相貫通，但仍然有著各自的職責。

前端開發(fā)工程師和交互設(shè)計師有什么區(qū)別？

前端人員的主要職責是與設(shè)計師協(xié)作，根據(jù)設(shè)計圖用HTML和CSS完成頁面的制作，以及頁面效果的實現(xiàn)，經(jīng)過代碼的反饋由用戶端的瀏覽器呈現(xiàn)出來。

交互設(shè)計師主要是將文字需求變成一個有邏輯的方案，并且具備具體操作性，屬于信息的架構(gòu)者。交互設(shè)計師相比較前端技術(shù)人員更善于用網(wǎng)頁語言表達內(nèi)容，同時顯示出用戶的操作功能。

好的交互相當于半個產(chǎn)品經(jīng)理

交互設(shè)計師對前端一無所知肯定是不行的，但也無需很深入透徹，只要能達到有所了解的程度就可以應(yīng)付自身的工作了。

好的交互設(shè)計師一定不只懂得如何做好交互，任何一個好的專業(yè)人員都有共同的特點，“在專業(yè)能力過關(guān)的基礎(chǔ)上，對上下游知識的學(xué)習(xí)也樂此不疲”，這樣的方法對自身工作會有很大的幫助，更準確的在工作中舉一反三。

當然，交互設(shè)計師們也不能因此本末倒置。交互終究還是交互，交互并不是一味的追求由代碼創(chuàng)造出的效率，更不是由UI的美觀而形成的視覺效果。交互是理解用戶，并實現(xiàn)符合他們操作的產(chǎn)品形式。懂得上下游的知識也是為了更好的推進自己的工作，獲得與他人更有效的溝通。

AnyForWeb告訴你如何提升用戶體驗

前端優(yōu)化的方法有很多，但目的性卻很唯一。從用戶角度來看，前端優(yōu)化能讓頁面的加載速度變快，用戶自然能在更短的時間內(nèi)得到反饋，這是一種提升用戶體驗最直接和最不可缺少的方法。

創(chuàng)建一個有效的404頁面是網(wǎng)站對用戶的一種重申和反饋，讓用戶及時知道當前發(fā)生了些什么。大多數(shù)404頁面只是單純的起到通知作用，但這也許是不夠的，好的用戶體驗可以體現(xiàn)在準備一個搜索框，為用戶提供一種聯(lián)系方式。比如，自動建議與他們尋找的內(nèi)容相關(guān)的內(nèi)容列表；或是鏈接到其他網(wǎng)頁，列出您的內(nèi)容（例如，存檔頁面，地圖，幫助/支持頁面等）。GitHub的404頁面就能完成這樣的效果。它有一個搜索表單，用戶可以用它來尋找到正確的網(wǎng)頁；一個鏈接允許網(wǎng)站訪問者獲得援助；另一個鏈接讓用戶可以看到該網(wǎng)站只是暫時有問題。在404頁面的視覺呈現(xiàn)上也可以盡量選擇有趣特別的設(shè)計。

背景和主內(nèi)容的清晰度也是用戶體驗的主要表現(xiàn)。當美觀度和實際體驗不得已二選一的時候，請記住清晰度勝過美學(xué)設(shè)計。其實只需要很少的CSS調(diào)整,改變了h1和p元素顏色的屬性值，就可以使閱讀體驗更好。盡可能的關(guān)注實現(xiàn)舒適的瀏覽體驗，以此鼓勵用戶去關(guān)注網(wǎng)站的內(nèi)在實質(zhì)。