成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

移動Web站點開發指南

移動開發 移動應用
我們已經說了好幾年了…“Mobile即將變得非常強大。”現在它做到了,只比我們所期待的晚了一兩年的時間。現在智能機無處不在,app開發人員開發了數百萬計的應用,每天都有更多的人使用移動瀏覽器在網上沖浪。可惜大多數網站的移動體驗大失水準。當然,移動瀏覽器可以處理一個普通網站,但是在這一點上它們做得不怎么好。

一年之前我會說移動設備可有可無,但是現在情況完全變了。事實上,一些作者強調應該先開發移動web。我不能說我不同意,畢竟這是可靠的戰略。移動web設計聽起來容易,

然而你“只是”設計一個簡化的網站?如果是這么簡單就好了。

首先我們要考慮開發移動Web站點的方法,很多人都忽略了這一點。第二是移動界面的用戶體驗本質上是不同的。我們首先來看一下設計和開發一個網站的移動版。

在我們討論設計方法之前,我們必須弄清楚移動Web站點和移動應用程序之間的差異。

移動Web站點vs應用程序

盡管這看上去很簡單,但是很多人都混淆了移動應用程序和移動Web站點的概念。兩者之間的區別是顯而易見的,用戶和app的交互與用戶和website的交互是不同的。應用程序需要下載到用戶手機里,程序安裝在用戶設備上,并且可以連接聯機服務器。移動Web站點不需要下載也不用安裝在用戶設備上。它通過瀏覽器輸入訪問站點的URL來進行訪問。

一些設計師把他們的移動Web站點設計成移動應用程序的樣子,這會讓人(尤其是用戶)產生混淆。有某些情況,這么做是有道理的,比如說用戶熟悉這種界面。但是大多數情況下,他們只熟悉web瀏覽。除非你確定嘗試用網站來模擬移動應用程序,不然***避免“應用程序樣式”。

手機應用程序的用法

手機應用程序的用法較為復雜。用戶必須先搜索該應用程序(或者是某一種類型的應用程序),下載安裝,然后了解如何使用它。在這過程中幾乎沒有任何阻礙。許多移動apps仍然是未知的因為沒有人想到嘗試并且發現他們。比如說,一個以當地設計師的鞋店為原型開發的購物應用程序很少會有人使用。

移動Web站點的用法

移動Web站點的使用非常簡單,用戶不需要搜索,下載甚至安裝任何東西。他們只需要訪問你的站點。對于用戶和公司/組織來說,毫不費力就能上手。移動Web站點唯一缺點就是持久性太差。只要用戶不卸載app,app就一直在用戶的設備里。而當用戶停止訪問某個站點,這個站點就從用戶的設備中消失了。

既然你理解了應用程序和網站之間的區別,下面就可以仔細想一下移動設計的方法了。

移動Web站點設計的方法

有四種主要方法來設計移動Web站點,每一種方法都有其的優點和缺點。他們是:

  1. 有所不為
  2. 修改現有的設計(用CSS)
  3. 設計一個獨立的移動Web站點
  4. 設計一個負責任的網站

下面我們依次來看一下這四種方法吧。

1.“有所不為”

正如前面所說的,現在的移動瀏覽器能夠處理大多數網站,大多數瀏覽器允許用戶在閱讀的時候放大頁面,在瀏覽網頁候縮小頁面。這樣雖然麻煩,但是用戶習慣了這種工作流。有所不為是所有選擇中花費最小的一種方法,因為你差不多“什么都沒做”。同樣這也是最有效的方法。移動瀏覽器的性能一定會有極大的提高。但是作為一個整體,移動用戶的體驗大大減少。這不會使所有移動用戶不再訪問你的網站,但是會使某些用戶對你的網站不再感興趣。

[[54865]]

2.修改已有的設計

保留原有的標記,但是調整現有的設計樣式是完善移動體驗的長期方法。通常,通過更換移動瀏覽器的樣式表來達到這個目的,該樣式表簡化了布局,隱藏了大幅圖像/動畫,并使得瀏覽頁面更加容易。

利:

低成本,并且只需要修改外觀。

該方法和“有所不為”相比,改進了用戶體驗。

弊:

限制了能夠做出的改變的數量

內容仍需要下載,(給用戶)帶來了速度及帶寬等一系列問題。

無法改變基于該站點上下文的內容。

對于大多數移動設備和屏幕分辨率來說,很難進行設計。

3.單獨設計一個移動站點

如果有大量預算的話,那么最理想的方法就是開發一個獨立的專門由移動設備訪問的網站。移動Web站點的設計,組織和填充一直關注移動用戶的需求。因為該站點獨立于公司的主網站,因此它可以是完全不同的。當用戶訪問主站點的時候,他們被標識為移動用戶,頁面自動跳轉到為移動設備訪問版本,這給用戶提供了***的體驗。他們可以瀏覽專門為移動用戶的需求設計的站點。

利:

給用戶提供***的移動體驗。

弊:

開發和維護的成本太高。

一些用戶習慣了該網站的桌面版本,并傾向于通常使用的版本。

對于大多數移動設備和屏幕分辨率來說,很難進行設計。

4.設計一個負責任的網站

負責人的設計是個新成員。該設計非常有用,并且可行。因此它的普及率大幅上升。這個設計背后的觀點非常簡單,不僅僅只有一個樣式表。你可以在不同的分辨率下使用不同的樣式表。結果是站點展開和折疊取決于瀏覽器窗口的大小。負責任的設計讓你保持***的演示不管用戶是在使用移動電話,平板電腦還是一個大型的電腦屏幕。

利:

能夠為多種分辨率設計一個良好的視覺體驗。

比移動特定的網站花費要少。

弊:比移動特定的樣式表花費要高。

無法修改基于移動使用的站點內容。

布局受制于資源順序。

總結

設計任何移動Web站點的***步就是選擇你用的方法。選擇的方法能夠表明設計的局限性和性能。目前,有四種主流的設計方法,且每種方法有各自的優缺點。最古老,最有優越感,最貴的方法就是專門為移動設備設計一個站點。最少的花費且長期存在的方法是使用一個特定的樣式表。方法是創建一個設計,該設計響應不同的屏幕分辨率。如果預算比較少,移動用戶的訪問量比較小,你可以什么都不做。現代的移動瀏覽器自己提供可以接受的體驗。

原文鏈接:移動Web站點指南–移動101

責任編輯:佚名 來源: webapptrend
相關推薦

2014-06-12 09:35:25

設備定向API移動開發

2014-09-18 09:27:32

AndroidTransition框

2012-02-20 10:26:11

Web Apps

2012-02-22 10:14:41

Web App

2012-02-28 15:39:48

2013-08-16 14:43:14

高性能移動Web移動Web站點移動Web

2011-12-06 09:55:25

移動Web

2011-07-25 16:21:22

Sencha touc

2022-08-02 08:01:09

開發插件Chrome前端技術

2012-02-01 13:39:31

移動Web設計開發

2013-10-09 09:10:28

移動應用開發NativeHybrid

2013-09-10 17:13:57

移動網站性能優化移動web

2011-06-09 18:24:36

QT Wince

2012-03-26 09:27:40

谷歌安卓開發谷歌安卓

2023-05-15 18:44:07

前端開發

2009-06-24 16:30:21

JSF組件模型

2015-11-12 16:14:52

Python開發實踐

2015-12-16 10:30:18

前端開發指南

2010-06-13 09:27:56

Widget開發

2019-10-31 08:00:00

機器學習人工智能AI
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 中文字幕 在线观看 | 欧美一级二级在线观看 | 三级免费毛片 | 欧洲一区二区三区 | 一级a性色生活片久久毛片 一级特黄a大片 | 尤物在线视频 | 亚洲精品美女视频 | 网络毛片 | 污视频免费在线观看 | 久久国产精品免费一区二区三区 | 水蜜桃亚洲一二三四在线 | 91看片免费版 | 精品免费国产视频 | 欧美精品一区在线 | 国产成人在线一区 | 91文字幕巨乱亚洲香蕉 | 日本小电影网站 | 亚洲精品一区二区在线观看 | 久久精品色欧美aⅴ一区二区 | 亚洲免费在线观看av | 99国内精品久久久久久久 | 中文字幕一区二区三区乱码图片 | 黄色片网站在线观看 | 一区二区视频在线观看 | 久久久久国产一区二区三区四区 | www.亚洲视频| 四虎影院在线观看免费视频 | 久久精品国产一区二区电影 | 秋霞电影一区二区 | 国产一区二区在线免费观看 | 亚洲精品一区二区三区 | 97精品一区二区 | 日本人麻豆 | 黄色毛片免费看 | 久艹网站 | 黄网站涩免费蜜桃网站 | 亚洲五码久久 | 亚洲国产成人精品久久久国产成人一区 | 一区二区视频免费观看 | 国产精品综合视频 | 先锋av资源在线 |