互聯(lián)網(wǎng)發(fā)展迅速時(shí)代中,各種各樣的網(wǎng)站設(shè)計(jì)技術(shù)也越來越多,當(dāng)下想要跟隨新潮流的公司紛紛進(jìn)入當(dāng)代多屏世界?以時(shí)髦的響應(yīng)式網(wǎng)站吸引來自不同終端的用戶?新設(shè)備層出不窮,為跟上時(shí)代的腳步,產(chǎn)品服務(wù)于用戶,企業(yè)必須解決其網(wǎng)站在這些設(shè)備上的展現(xiàn)問題。弄清響應(yīng)式網(wǎng)站建設(shè)技術(shù)是否符合公司發(fā)展需要的最好方法就是去了解這種設(shè)計(jì)在哪種商業(yè)領(lǐng)域有效以及有效的原因,將響應(yīng)式網(wǎng)站的特點(diǎn)與您對(duì)公司網(wǎng)站的期望進(jìn)行對(duì)比。
響應(yīng)式設(shè)計(jì)的成功
2012 年8月,Google在一次名為《對(duì)新興多屏世界的探討》的研究中發(fā)現(xiàn):在為現(xiàn)代用戶設(shè)計(jì)網(wǎng)站時(shí)應(yīng)考慮終端設(shè)備的尺寸問題。此次研究明確了目前影響用戶行 為的主要終端設(shè)備有電視,臺(tái)式電腦,筆記本,平板電腦及智能機(jī),這對(duì)開發(fā)適合以上五種終端設(shè)備的代碼庫有重要意義。
一個(gè)代碼庫,哪里都適應(yīng)?優(yōu)化一次網(wǎng)站內(nèi)容等于一次性優(yōu)化所有終端設(shè)備上的顯示的網(wǎng)頁,工作效率太高了!但是,響應(yīng)式設(shè)計(jì)還存在著一些問題。
響應(yīng)式設(shè)計(jì)存在的問題:
瀏覽器兼容性不足
技術(shù)開發(fā)費(fèi)用高
漫長的開發(fā)、構(gòu)建及測(cè)試過程
對(duì)終端設(shè)備進(jìn)行響應(yīng)而不對(duì)上下文
瀏覽器兼容性不足
大多數(shù)的用戶或您的大部分潛在客戶目前使用的瀏覽器依然是IE6。如果您是網(wǎng)店的老板,與跟隨潮流,試驗(yàn)未來相比,活在當(dāng)下,盡可能地與客戶成交才是最重 要的。對(duì)此,領(lǐng)動(dòng)分享了一些技術(shù)性想法,認(rèn)為“目前,大部分瀏覽器讀取CSS3樣式等媒體信息的方式有限, Safari是現(xiàn)在唯一能以多種方式讀取該樣式的瀏覽器”。響應(yīng)式設(shè)計(jì)是未來發(fā)展的趨勢(shì),但在它變成現(xiàn)實(shí)之前,請(qǐng)不要孤注一擲。
昂貴的開發(fā)成本及開發(fā)周期
設(shè)計(jì)一個(gè)適合任意終端設(shè)備的網(wǎng)站需要對(duì)網(wǎng)站的源文件進(jìn)行幾千次的修改。2011年已有1,452種不同尺寸的屏幕。建立響應(yīng)式網(wǎng)站,必須考慮屏幕尺寸、屏 比 問題,編寫每種交互元素為設(shè)備和操作系統(tǒng)識(shí)別本地工具的代碼。必須設(shè)立一些關(guān)于響應(yīng)式設(shè)計(jì)的規(guī)則,頁面元素需系統(tǒng)地設(shè)置在容器內(nèi)來指令頁面崩潰時(shí)頁面元素的去向,然后開始檢測(cè)與調(diào)試。
請(qǐng)記住,響應(yīng)式設(shè)計(jì)重建主要是指從基礎(chǔ)開始修改。領(lǐng)動(dòng)認(rèn)為:“升級(jí)通常需要更多的 基礎(chǔ)設(shè)施和技術(shù)投資,并不僅僅是,‘嘿,我有一個(gè)好想法,我要去實(shí)現(xiàn)它’。要實(shí)現(xiàn)這個(gè)想法,還需從電子商務(wù)方面做許多準(zhǔn)備工作,還需要更多的想法。”即使 是對(duì)代碼庫的某一處進(jìn)行簡單的升級(jí),也需要復(fù)雜的操作和昂貴的費(fèi)用。如果平板電腦上只出現(xiàn)9%的互動(dòng),那您花在開發(fā)工作上的金錢和時(shí)間是否值得呢?
如果您把時(shí)間和金錢投資在真正高效的響應(yīng)式設(shè)計(jì)上,那才值得。計(jì)劃與程序開發(fā)小組在例會(huì)上討論,讓每個(gè)人都對(duì)您的網(wǎng)站內(nèi)容感興趣;計(jì)劃與開發(fā)小組和市場(chǎng)部 一 起花數(shù)月的時(shí)間在開發(fā)項(xiàng)目上,然后就是漫長的測(cè)試程序。開發(fā)響應(yīng)式設(shè)計(jì)時(shí)最容易忽視的關(guān)鍵點(diǎn)就是:其實(shí)響應(yīng)式設(shè)計(jì)最終是為用戶服務(wù)的而不僅僅對(duì)終端設(shè)備的響應(yīng)。
基于用戶需求的設(shè)計(jì),而不是終端設(shè)備
平板電腦無法自己在網(wǎng)上向酒店預(yù)定房間,而是需要訂房的用戶使用離自己最近的設(shè)備搜索房間來下單。無論用戶使用何種設(shè)備,你都希望下單操作直觀、簡單。易 站網(wǎng)表示:“響應(yīng)式設(shè)計(jì)最大的難題就是設(shè)計(jì)時(shí)會(huì)花大量的時(shí)間考慮終端設(shè)備問題、分辨率問題,考慮標(biāo)題欄的移動(dòng)問題。有趣的是,那并沒有專注你的實(shí)際用戶及 用戶需求。”你了解用戶什么呢?你可以充分地根據(jù) 用戶使用的設(shè)備來猜測(cè)他們的需求,網(wǎng)站必需考慮用戶的需求,因?yàn)橛脩粜枨蟛攀撬袉栴}的關(guān)鍵。
客戶需求是關(guān)鍵
不管用戶有何種需求,我們都希望用戶可以快速下單。我們?cè)谶m合某種設(shè)備的網(wǎng)站上放上銷售信息,希望銷售信息能在該設(shè)備上得到更好的展示,但是銷售信息取得 了更好的效果了嗎?響應(yīng)式設(shè)計(jì)能使一個(gè)內(nèi)容版本適應(yīng)多種設(shè)備,但無法使用設(shè)備時(shí)的不同需求。Google調(diào)查顯示:用戶在不同情況下使用他們的移動(dòng)設(shè)備, 市場(chǎng)和網(wǎng)站應(yīng)該滿足用戶使用不同設(shè)備時(shí)的需求,調(diào)整變化,適應(yīng)設(shè)備之間的本質(zhì)區(qū)別。如果你不想遵守這一規(guī)則,請(qǐng)不要妄想網(wǎng)頁能對(duì)設(shè)備作出響應(yīng),并且得開始 考慮調(diào)整網(wǎng)站內(nèi)容以適應(yīng)用戶使用設(shè)備的情境。單一的代碼庫并沒有增加變化,弄清網(wǎng)站的前景才能引起變化。
4種情境
他們?cè)谀睦?
他們和誰在一起?
他們?cè)谙胧裁?
他們周圍還有什么設(shè)備?
通過用戶訪問網(wǎng)站的終端設(shè)備,我們可以了解到更多關(guān)于用戶的信息,這有利于貴公司利用這些差異使網(wǎng)站上的銷售信息更加突出,更加吸引用戶。每種重復(fù)指令都是唯一的,不僅僅指圖片尺寸,還可以發(fā)現(xiàn)人們?nèi)绾问褂貌煌O(shè)備,然后解決這些不同的場(chǎng)景。不同的情境需要不同的內(nèi)容。
與搜索引擎優(yōu)化的關(guān)系
Google已經(jīng)表明對(duì)響應(yīng)式設(shè)計(jì)的青睞,他們也支持那些為非響應(yīng)式網(wǎng)站的單獨(dú)網(wǎng)址提供動(dòng)態(tài)數(shù)據(jù)的網(wǎng)站。Google表示: 如果響應(yīng)式設(shè)計(jì)不是服務(wù)于用戶的最好辦法,Google會(huì)讓您的網(wǎng)頁通過不同的HTML標(biāo)簽呈現(xiàn)在用戶面前。所以,請(qǐng)您使用的是規(guī)范的標(biāo)簽,這樣Google將會(huì)知道這些單獨(dú)的網(wǎng)址之間的關(guān)系,讓您的桌面網(wǎng)站接受SEO權(quán)重。有意思的是,Google的網(wǎng)頁并沒有采用響應(yīng)式設(shè)計(jì),它有一個(gè)特定的手機(jī)網(wǎng)站。
網(wǎng)絡(luò)營銷中唯一不變的就是變化,“試驗(yàn)未來”在這個(gè)行業(yè)其實(shí)是一件冒險(xiǎn)的事。5年前的您會(huì)想到迷你ipad的存在嗎? 鑒于開發(fā)及更新單一代碼庫是一件高成本的事,你最好確信響應(yīng)式網(wǎng)站建設(shè)是最萬無一失的賭注。在北京這個(gè)互聯(lián)網(wǎng)科技前沿城市中,那么應(yīng)該如何定義響應(yīng)式網(wǎng)站建設(shè)呢?還需要時(shí)間來為我們證明響應(yīng)式網(wǎng)站設(shè)計(jì)是否能夠經(jīng)得起時(shí)間與用戶的考驗(yàn),讓我們拭目以待吧!
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識(shí)
- 競(jìng)價(jià)推廣知識(shí)
- 新媒體營銷知識(shí)
- 網(wǎng)站運(yùn)營知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營銷知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營銷
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過度營銷 對(duì)嚴(yán)重違
- SEO優(yōu)化過程要避免什么?
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營銷
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?
響應(yīng)式網(wǎng)站設(shè)計(jì)能否經(jīng)得起時(shí)代的考驗(yàn)!
來源:北京匯仁智杰科技有限公司 時(shí)間:2016-11-18 點(diǎn)擊: 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過度營銷 對(duì)嚴(yán)重違2016-01-26
- SEO優(yōu)化過程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營銷2016-01-26
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?2015-01-22