響應(yīng)式網(wǎng)站常見的幾個(gè)設(shè)計(jì)問題探討

什么是響應(yīng)式網(wǎng)站？如果單單是定義為“能適應(yīng)不同屏幕的網(wǎng)站就是響應(yīng)式網(wǎng)站”。我們認(rèn)為，這顯然拉低了響應(yīng)式網(wǎng)站的高度。如果我們將響應(yīng)式網(wǎng)站定位于區(qū)別于傳統(tǒng)網(wǎng)站的話，那么，響應(yīng)式網(wǎng)站應(yīng)該是具備如下幾個(gè)特點(diǎn)的：

其一，沉侵式體驗(yàn)。響應(yīng)式網(wǎng)站能夠讓訪客進(jìn)入網(wǎng)站所營造的氛圍和環(huán)境；

其二，交互式體驗(yàn)。響應(yīng)式網(wǎng)站能夠與訪客進(jìn)行良好的交互。

其三，需求被滿足。當(dāng)用戶產(chǎn)生了某種需求，在網(wǎng)站上能夠得到及時(shí)的滿足。

我們認(rèn)為，具備如上三個(gè)特點(diǎn)的網(wǎng)站，才能被稱之為響應(yīng)式網(wǎng)站，響應(yīng)式不應(yīng)該是代碼上的響應(yīng)式，更應(yīng)該是體驗(yàn)上的響應(yīng)式。

按照如上定義，我們不妨看看目前的響應(yīng)式網(wǎng)站存在的一些問題。

第一個(gè)問題：響應(yīng)式網(wǎng)站“無響應(yīng)”

為了追求風(fēng)格的簡約，為了追求體驗(yàn)上的無干擾，一些響應(yīng)式網(wǎng)站取消了包括導(dǎo)航、彈窗等設(shè)計(jì)，或者是用漢堡包導(dǎo)航、隱藏式按鈕的設(shè)計(jì)，這些設(shè)計(jì)如果處理的不夠好，會(huì)給一些用戶造成障礙。

例如，當(dāng)用戶想要進(jìn)入之前的瀏覽頁面的時(shí)候，不容易從漢堡包導(dǎo)航中找到自己想要的網(wǎng)頁，還要依賴搜索；抑或是，當(dāng)用戶想要與網(wǎng)站建立聯(lián)系的時(shí)候，找不到聯(lián)系方式的按鈕。

簡言之，當(dāng)用戶產(chǎn)生的某種需求的時(shí)候，響應(yīng)式網(wǎng)站不能很好或者立刻滿足這樣的需求。

第二個(gè)問題：響應(yīng)式網(wǎng)站配圖不精準(zhǔn)

這一個(gè)問題為什么在傳統(tǒng)網(wǎng)站下不會(huì)出現(xiàn)呢？

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

我們發(fā)現(xiàn)，一些模板式響應(yīng)式網(wǎng)站，都是“一圖多用”，是“選圖”而不是做圖。所以，普遍存在配圖不精準(zhǔn)的問題。

例如，一張藍(lán)天綠草的圖，可能出現(xiàn)在多個(gè)環(huán)保行業(yè)的企業(yè)網(wǎng)站上，被用于banner，但是這就忽視了不同企業(yè)的文化、不同企業(yè)所處的細(xì)分行業(yè)，當(dāng)然，向用戶傳達(dá)的信息也是不精準(zhǔn)的。

第三個(gè)問題：響應(yīng)式網(wǎng)站文案不走心

我們觀察到，不少網(wǎng)頁設(shè)計(jì)師在做響應(yīng)式網(wǎng)站的時(shí)候，響應(yīng)式的構(gòu)架、設(shè)計(jì)和交互，這完全不同與傳統(tǒng)網(wǎng)站，但是，文案卻使用的傳統(tǒng)網(wǎng)站的文案。

響應(yīng)式網(wǎng)站的“大圖、人機(jī)交互”等特點(diǎn)，需要相匹配的文案設(shè)計(jì)。文案需要與交互方式、營造的氛圍匹配。不走心的文案會(huì)給網(wǎng)站帶來兩大弊端，一是圖片傳達(dá)的信息和文字傳達(dá)的信息相互干擾；二是不能夠增強(qiáng)網(wǎng)站圖片和交互的吸引力。

綜上三點(diǎn)，是我們在分析了大量的響應(yīng)式網(wǎng)站之后，發(fā)現(xiàn)的響應(yīng)式網(wǎng)站存在的普遍問題。