久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

如何為平板打造完美的網站頁面

  據調研公司Gartner預測,平板的銷量每周都在增加,到2016年,全世界平板的銷量將達到6.65億臺。隨著以蘋果iPad為代表的平板電腦風暴越演越烈,相信移動設備取代個人電腦的霸主地位,成為接入網絡的首選設備只是時間問題。

  Adobe最近發布的數字營銷報告顯示,使用平板電腦瀏覽網站的用戶比普通PC訪客的每筆交易金額高出20%。這些數據意味著對于電子商務企業來說,設計對平板電腦友好的網站非常重要。

  iPad的橫空出世讓原本死寂沉沉的平板市場重新煥發生機,可整整兩年時間過去了,很多網站還是沒有專門針對平板電腦進行優化,甚至很多新建的網站在平板電腦上無法正 常使用。而且這當中不只是那些不起眼的小網站,就連大名鼎鼎的Google Docs的用戶體驗也是相當糟糕,不信的話就在iPad上面試試Google Docs,你會發現除了瀏覽什么都不能干,尤其是當你需要編輯文檔的時候。

如何為平板打造完美的網站頁面 三聯教程

  問題出在了哪里

  諸如細節是魔鬼、細節決定成敗等等的話我們都耳熟能詳。其實導致上面的問題也很簡單:有些網站的鏈接和可點擊的圖片實在是有點小。Web可用性方面 的世界頂尖專家Jakob Nielsen一針見血的指出了問題的癥結所在,這些問題在Kindle Fire一樣的中等大小的平板上面尤為凸顯。為15寸筆記本電腦或者22寸顯示器設計的網站并不適合iPad的10寸屏幕,整個屏幕會顯得過于擁擠而無處下手,用戶需要經常通過雙擊放大,這絕對不是個愉快的體驗。

  平板與筆記本、臺式機的五大重要差異

  大體上說來,設計適合平板的網站與適合臺式機/筆記本的網站存在如下五大差異:

  尺寸

  相對于筆記本和臺式機而言,平板電腦的尺寸一般較小。

  屏幕分辨率

  平板電腦屏幕分辨率可謂是千差萬別(從Kindle Fire的600×1024到新一代iPadd的2048 ×1536),而且因為平板電腦的屏幕方向可以旋轉,所以平板電腦的網站需要在水平和垂直方向都能正常瀏覽。

  兼容性

  使用過平板的人都知道,Abobe Flash與平板的兼容性是個大問題。但是像Silverlight這樣的插件,以及一些計算任務較重的JavaScript Web程序也會導致麻煩。

  觸摸界面

  這是個大問題。觸摸界面是平板電腦和傳統PC最大的區別,為了方便用戶操作,就需要更大的可點擊元素和更少的導航元素。

  內存和CPU限制

  我們都知道平板板電腦已經進入四核時代,所以平板的性能缺陷往往很容易被忽略。事實上平板電腦的內存和CPU性能依然遠遠落后于傳統PC,所以多媒體元素過多的網站對于平板電腦來說依然是個不小的挑戰。

  理解用戶體驗

  網站機構Domain7的創始人Shawn Neumann說,設計網站最重要的一點就是要理解用戶體驗,并制定策略來滿足用戶的需求。臺式機是用來搞研究的和完成任務的,智能手機是用來臨時打發時間的,平板則是用來在家里好好享受時間的。

  “有時候采取響應的辦法是最為有效的”,Neumann建議道。響應式的網站是流動的,可以根據不同的屏幕尺寸和顯示分辨率進行調整。所以理論上來 說,同一個網站可以同時在大屏幕和小屏幕的設備上瀏覽,但實際的結果往往是差強人意。如何克服分辨率變化這一問題,難度也是不小,專門為大顯示器設計的網 站在小屏幕上的顯示效果往往并不怎么好,所以,一個網站并不是放之四海而皆準的。

  究竟如何解決這一問題,大家眾說紛紜,有建議說創建一個移動友好型的網站,也有說根據用戶使用的設備來進行自定義。設計移動友好型的網站難度不小, 特別是是要運行不同的內容管理體系,此外同時維護兩個網站難度也不小而且代價很高,而且用戶在平板上不能使用網站的完整版本也會令他們相當搓火。總之不管最終選擇哪種方案,都會增加額外的開發工作和額外的費用。

  使用工具軟件

  當然有時候也可以走捷徑:使用像Pressly或者OnSwipe一類的軟件。使用這一類軟件,標準的網站頁面就像是被施了魔法一樣,適合平板瀏覽的頁面立刻就會完美地呈現在用戶面前。

  以上這種方案是OnSwipe的CEO兼聯合創始人Jason Baptiste希望看到的,他說:

  “人們將逐步從“點擊時代”進入“觸屏/掃屏”時代,平板的網站界面將更加集中,而且要求的是不同的設計方式。有些人認為只要設計一次網站頁面然后到處使用,就可以一勞永逸了,我認為這根本站不住腳。在平板上我們要注重的是觸感,所以設計的時候也應當以觸感為重點。”

  適合平板的網站頁面

  那么什么樣的網站頁面才是適合平板電腦的?我認為需要做到以下幾點:簡潔干凈的用戶界面,再加上大而顯眼的導航和控制元素,空間排布合理,盡量減少 互動性插件的使用,最好還要創建靈活的、能適應多種屏幕尺寸的框架;再考慮使用第三方服務,針對平板或者其他類似的設備自動對網站頁面進行轉換。

  其實平板電腦網站的設計者可以多學習Flipboard和Pulse等個性化的內容聚合服務,它們設計的網站頁面在小型設備上的展示效果相當不錯,所以可以對它們加以研究并借鑒它們的設計方法與風格。

  為平板打造完美的網站頁面的重要性已經一目了然:要么將網站設計得更“平板化”,要不就等著流失用戶、收益損失的情況出現吧。將網站轉換成平板電腦 友好的環境宜早不宜遲,動作慢了,你就會和競爭對手形成差距。如果你想利用平板電腦風暴所帶來的好處,并且創建一個對平板電腦友好的網站,趕緊行動吧!網站設計者們!

  Via VB

  (Danice 供雷鋒網專稿,轉載請注明!)

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 正在播放国产精品 | 青青草这里只有精品 | 亚洲精品国产区 | 日本高清精品 | 亚洲福利在线观看 | 日本视频在线播放 | 一级黄a视频| 国产韩国精品一区二区三区 | 日韩在线成人 | 成人一区二区三区视频 | 欧美日韩国产一区二区三区 | 波多野结衣亚洲 | 大象一区 | 久久精品国产v日韩v亚洲 | 中文成人在线 | 成人精品毛片 | 免费看黄视频网站 | 91精产国品一二三区 | 久久精品99国产精品 | 伊人手机在线视频 | 久草视 | 国产日韩欧美 | 国产精品高清在线 | 亚洲视频在线播放 | 在线一区 | 成人免费观看男女羞羞视频 | 国产亚洲精品久久久久动 | 国产三区四区 | 国产精品久久久久永久免费观看 | 日韩在线免费播放 | 精品免费视频一区二区 | 精品国产一级 | 中文字幕蜜臀av | 欧美激情一区二区三级高清视频 | 成人免费精品视频 | 91精品国产一区二区在线观看 | 91伊人 | 色婷婷综合久久久中字幕精品久久 | 国产亚洲网站 | 亚洲国产欧美在线 | 国产精品一区二区免费看 |