移動網頁如何與普通網頁不同?

移動網頁是一種獨特的動物。 與適用於大屏幕和精確鼠標點擊的桌面友好型網頁不同,移動網頁的大小適合較小的屏幕和不精確的手指敲擊。 此外,現代網站有義務以桌面和移動格式發布,有效地要求每個網頁創建兩次。

08年1月

屏幕尺寸和“房地產”是不同的

這是桌面和移動網頁之間最明顯的區別。 雖然大多數台式顯示器的尺寸為19英寸到24英寸,但平板電腦的對角線一般為10英寸。 智能手機是4英寸對角線。 簡單縮小無法將網頁成功轉換為適合移動設備,因為這只會導致文本無法讀取。 類似地,在縮小的網頁上,手指敲擊變得無法準確執行。 移動網頁設計師實際上需要改變他們整個頁面佈局的方法。 通常,設計師需要刪除側邊欄和不必要的圖片,選擇較小的圖片,增加字體大小,並將內容合併到可擴展小部件中。 這種房地產限制推動了網絡設計人員的一種完全不同的思維方式。

08年2月

小部件和“滑塊”在; 側邊欄和空白處於空白狀態

您可以預期,大部分適合移動設備的網頁都會移除部分或全部側邊欄導航鏈接,並將其替換為可折疊/可消耗的菜單窗口小部件。 同樣,預計內容的左側和右側不會留下空白區域,而設計師會努力最大限度地利用平板電腦和智能手機的空間,從而減少空白。

08年3月

手指敲擊比鼠標點擊更精確

手指敲擊與鼠標點擊不同:。

與桌面上的精確鼠標指針不同,人手指是一個blob,而手指敲擊需要屏幕上有超大鍊接的大目標。 預計在移動網頁上會看到更多的大型矩形水龍頭目標(“瓦片”),並且基於文本的超鏈接數量會減少。 此外,菜單通常會被大按鈕和大標籤取代以適應手指敲擊的不精確性。

08年04月04日

移動頁面URL是不同的

移動網頁網址不同。

移動友好的網頁通常包含字母'm'作為其地址的重要部分。 (點擊此處查看示例)當您使用移動平板電腦或智能手機瀏覽時,通常會自動為您選擇移動URL 。 在某些情況下,您會看到一個可點擊的鏈接,讓您切換到常規桌面版本的頁面。

08年05月05日

廣告可以減少或消除

移動網頁上的廣告通常會減少。

是的,這對讀者來說很棒,但對於網絡廣告商來說卻是一個真正的痛點。 由於平板電腦或智能手機的空間有所減少,因此放置贊助商鏈接和大型橫幅廣告群體是行不通的。 相反,我們希望在移動網頁上看到特殊的小型彈出式廣告,通常位於屏幕的最下方。 隨著移動設備的成熟,其他聰明類型的小型廣告正在設計中。

08年06月

複選框和小鏈接會令人沮喪

當網站發布商不對小屏幕完全重新設計他們的內容時,他們通常會迫使我們使用我們的斑點型手指點擊小小的複選框。 這會強制用戶使用試錯法或捏縮放來準確點擊複選框。

08年7月

密碼登錄可能會變得模糊或過小

在移動網頁上輸入密碼登錄常常令人沮喪。

是的,這是許多移動網頁的現代煩惱。 由於許多網絡發行商仍然以22英寸屏幕的角度思考,他們會為您設置兩種令人討厭的移動體驗:您的登錄名和密碼字段很小且難以點按,您的滑動移動鍵盤將覆蓋您的登錄名和密碼字段。 您將需要通過使用捏縮放來適應,以使登錄字段可見,並且您需要滾動屏幕並關閉鍵盤才能發現隱藏的登錄按鈕。 希望現代網絡出版商能很快找到解決這個問題的巧妙方法。

08年08月

圖片變得更加突出

移動網頁上的圖片大小不同。

通常情況下,照片會縮小以適應較小的屏幕。 在一些罕見的情況下,照片實際上會擴大以填充平板電腦或智能手機顯示屏的寬度。