不要為移動設備設計您的網站。相反,設計您的網站的所有設備,從小手機到巨大的客廳平面屏幕。
“幾乎每個企業都需要適應任何屏幕上有效地到達消費者手中,說:” 珍妮華納,全球公認的數字化設計和互聯網發展趨勢的顧問誰我對她的方式阿布扎比,在那里她拿了世界信息峰會大獎階段,趕上了分享多屏戰略,國際移動專家組成的龐大的觀眾面前。
“有兩種基本的策略來構建在所有設備上顯示良好的網站:響應和自適應,”她解釋說。“響應式網站是大多數小型企業的最佳選擇。以下是對含醉句句意味著什么的翻譯,以及您的企業應該采取的關鍵步驟。
至少,調整您的現有網站為今天的Web用戶。 沒有一個企業不能忽視這樣一個事實:超過十億人主要從移動設備訪問網絡。即使您尚未準備好重新構建網站,以便在所有設備上實現最佳顯示,也至少需要執行以下兩個步驟之一:
簡化您的網站設計。拉起你的網站在智能手機上(或查看它在谷歌的GoMoMeter),你可能會看到設計變更的需要。為了在移動設備上顯示出色,華納推薦更簡單的頁面設計,大字體大小,關鍵信息放在“折疊”,以及大,可觸摸的按鈕,防止手指。最低限度,她說:“只要把你的姓名,電話號碼和一個地圖的鏈接放在你的主頁左上角就可以輕松找到。
創建您網站的移動版本。作為編輯網站的替代方法,您可以使用移動網站設計服務創建并行版本,其中許多是免費或低成本的。“但是有權衡,”華納說。“如果您的移動網站有第二個網址,例如帶有.m子域的網址,搜索引擎可能會找到它,也可能找不到它。Bing和Google都主張使用單一網址方法來實現可搜索性和搜索引擎優化。“但是,如果你喜歡你的網站或不能重建它,創建一個移動網站鏈接到你的主要網站不是最糟糕的策略,”華納說。“最糟糕的策略是完全忽視你的移動用戶。
更好的是,重建您的網站,以便在任何設備上顯示。 這里是適應和響應網站設計的術語:
自適應設計是網站設計的高端。它由大型公司使用,大量投資,以獲得最大的在線觀眾。“美國航空公司是一個很好的例子,”Warner說,自適應設計“檢測和識別用戶的設備,然后生成一個與設備能力匹配的頁面。
響應式設計是使用CSS(層疊樣式表)技術創建一個網站,自動調整以除最早的手機的所有設備正常顯示的單一版本更實惠的解決方案。“一個敏感的網站允許你到達最活躍的Web受眾,”華納說。作為一個例子,她拉起來的網站波士頓環球報,點擊瀏覽器窗口的右邊緣拖動到左側,從全屏頁面縮小到一個地區智能手機的大小。無論她做多大的顯示區域,地球儀的響應設計看起來不錯,很容易閱讀。
致力于面向未來您的網站
當您準備使您的業務拖延已久的投資,把網站重新設計的高名單上的,所以你就可以通過自己的手機,平板電腦,個人電腦,電視到達消費者手中,或者很快,冰箱門,浴室鏡子等。
即使是DIY平臺,從GoDaddy.com到WordPress和許多之間,開始提供工作在各種屏幕尺寸的設計。“只要確定你使用的主題標記為響應,”華納說。
或者,她說,對于幾千美元或更多,專業設計師可以創建一個良好的定制網站,“除非設計師不知道這個詞是響應,在這種情況下,你需要一個不同的設計師。
最后,一旦您獲得了技術正確,請注意創建偉大的網站內容。“記住,”華納說,“特別是在移動設備上,人們訪問您的網站有三個原因:節省時間,與他人聯系,浪費時間。讓他們快速,方便地訪問,將您的聯系信息放在前面和中心,給他們指向地圖和路線的鏈接,然后添加視頻或其他娛樂內容,讓他們在您的網站上逗留只要他們想留下來。
這是如何面向未來的您的網站。