——資訊分享——
用戶體(tǐ)驗這個(gè)詞最早被廣泛認知是在上(shàng)世紀90年代中期，由用戶體(tǐ)驗設計(jì)師(shī)唐納德·諾曼（Donald Norman）所提出和(hé)推廣。
近些(xiē)年來(lái)，計(jì)算(suàn)機技(jì)術(shù)在移動和(hé)圖形技(jì)術(shù)等方面取得(de)的進展已經使得(de)人(rén)機交互（HCI）技(jì)術(shù)滲透到人(rén)類活動的幾乎所有(yǒu)領域。這導緻了一個(gè)巨大(dà)轉變──（系統的評價指标）從單純的可(kě)用性工程，擴展到範圍更豐富的用戶體(tǐ)驗。這使得(de)用戶體(tǐ)驗（用戶的主觀感受、動機、價值觀等方面）在人(rén)機交互技(jì)術(shù)發展過程中受到了相當的重視(shì)，其關注度與傳統的三大(dà)可(kě)用性指标（即效率，效益和(hé)基本主觀滿意度）不相上(shàng)下，甚至比傳統的三大(dà)可(kě)用性指标的地位更重要。
在網站(zhàn)設計(jì)的過程中有(yǒu)一點很(hěn)重要，那(nà)就是，要結合不同利益相關者的利益──市場(chǎng)營銷，品牌，視(shì)覺設計(jì)和(hé)可(kě)用性等各個(gè)方面。市場(chǎng)營銷和(hé)品牌推廣人(rén)員必須融入“互動的世界”，在這一世界裏，實用性是最重要的。這就需要人(rén)們在設計(jì)網站(zhàn)的時(shí)候必須同時(shí)考慮到市場(chǎng)營銷，品牌推廣，和(hé)審美需求三個(gè)方面的因素。用戶體(tǐ)驗就是提供了這樣一個(gè)平台，以期覆蓋所有(yǒu)利益相關者的利益──使網站(zhàn)容易使用、有(yǒu)價值，并且能夠使浏覽者樂在其中。這就是為(wèi)什麽早期的用戶體(tǐ)驗著作(zuò)都集中于網站(zhàn)用戶體(tǐ)驗的原因。
——前端布局——
-
流動布局
原特指以百分比為(wèi)度量單位的布局技(jì)術(shù)實現方式。在響應式設計(jì)的布局中，不再以像素（px）作(zuò)為(wèi)唯一單位，而是采用百分比或者混合百分比、像素為(wèi)單位，設計(jì)出更具靈活性的布局方式。
-
媒介查詢
媒介查詢可(kě)以讓你(nǐ)根據在特定環境下查詢到的各種屬性值——比如設備類型、分辨率、屏幕物理(lǐ)尺寸及色彩等——來(lái)決定應用什麽樣的樣式。通(tōng)過使用媒介查詢，可(kě)以獲取到設備及設備的特性，并給出求同存異的方案，從而解決之前在單純的布局設計(jì)中遺留的問題。
-
響應式
響應式布局可(kě)以為(wèi)不同終端的用戶提供更加舒适的界面和(hé)更好的用戶體(tǐ)驗，而且随着目前大(dà)屏幕移動設備的普及，用“大(dà)勢所趨”來(lái)形容也不為(wèi)過。随着越來(lái)越多(duō)的設計(jì)師(shī)采用這個(gè)技(jì)術(shù)，我們不僅看到很(hěn)多(duō)的創新，還(hái)看到了一些(xiē)成形的模式。
