響應式網站常見的幾個設計問題探討

什么是響應式網站？如果單單是定義為“能適應不同屏幕的網站就是響應式網站”。我們認為，這顯然拉低了響應式網站的高度。如果我們將響應式網站定位于區別于傳統網站的話，那么，響應式網站應該是具備如下幾個特點的：

其一，沉侵式體驗。響應式網站能夠讓訪客進入網站所營造的氛圍和環境；

其二，交互式體驗。響應式網站能夠與訪客進行良好的交互。

其三，需求被滿足。當用戶產生了某種需求，在網站上能夠得到及時的滿足。

我們認為，具備如上三個特點的網站，才能被稱之為響應式網站，響應式不應該是代碼上的響應式，更應該是體驗上的響應式。

按照如上定義，我們不妨看看目前的響應式網站存在的一些問題。

第一個問題：響應式網站“無響應”

為了追求風格的簡約，為了追求體驗上的無干擾，一些響應式網站取消了包括導航、彈窗等設計，或者是用漢堡包導航、隱藏式按鈕的設計，這些設計如果處理的不夠好，會給一些用戶造成障礙。

例如，當用戶想要進入之前的瀏覽頁面的時候，不容易從漢堡包導航中找到自己想要的網頁，還要依賴搜索；抑或是，當用戶想要與網站建立聯系的時候，找不到聯系方式的按鈕。

簡言之，當用戶產生的某種需求的時候，響應式網站不能很好或者立刻滿足這樣的需求。

第二個問題：響應式網站配圖不精準

這一個問題為什么在傳統網站下不會出現呢？

首先，非響應式網站文字形式為主，文字比圖片能夠傳達的信息更為精準。其次，響應式網站為了烘托氛圍，圖片占用版面面積更大，對選圖提出了更高的要求。

我們發現，一些模板式響應式網站，都是“一圖多用”，是“選圖”而不是做圖。所以，普遍存在配圖不精準的問題。

例如，一張藍天綠草的圖，可能出現在多個環保行業的企業網站上，被用于banner，但是這就忽視了不同企業的文化、不同企業所處的細分行業，當然，向用戶傳達的信息也是不精準的。

第三個問題：響應式網站文案不走心

我們觀察到，不少網頁設計師在做響應式網站的時候，響應式的構架、設計和交互，這完全不同與傳統網站，但是，文案卻使用的傳統網站的文案。

響應式網站的“大圖、人機交互”等特點，需要相匹配的文案設計。文案需要與交互方式、營造的氛圍匹配。不走心的文案會給網站帶來兩大弊端，一是圖片傳達的信息和文字傳達的信息相互干擾；二是不能夠增強網站圖片和交互的吸引力。

綜上三點，是我們在分析了大量的響應式網站之后，發現的響應式網站存在的普遍問題。