close

手機站點和桌面站點設計的10個區別 -網上推廣


桌面網站的一些設計原則是大家廣泛認可,并積極付諸實踐的。例如:系統狀態保持可見,避免錯誤信息,在錯誤發生時,應該提供一些具體的指南幫助用戶解決這些問題等。

很多人認為這些適合網頁設計的原則和指南也同樣適用于移動平臺。畢竟,網頁設計是從一些基礎的,基于文本的HTML出發,才發展成為今天的WEB標準的。因此,我們也可以想象依靠這些原則,手機站點的設計也會和網頁站點的設計一樣,獲得巨大的成功。

然而,移動站點的設計仍處于初步階段。Jakob Nielsen在2009年移動可用性調查時指出,相比與網頁站點80%的成功率,用戶使用移動設備查看移動站點時平均成功率只有64%, 形式要素的差異對用戶交互成功率的影響是巨大的,因此,在進行移動站點的設計時要充分考慮移動設備的形式要素,

隨著手機站點設計的持續增長,一些新的原則,以及一些好的設計實踐將會浮出水面。作為前進的第一步,本人通過分析一些成功的手機站點來研究兩者的不同。在我的研究中,涵蓋了航空,電子商務,社交網站,娛樂等一些較成功的站點,并得出了至少10個區別。

1. 內容優先

桌面站點可以有1024*768的分辨率,而智能機僅有320*480分辨率,如何在如此小的分辨率中,在不降低用戶體驗效果前提下進行設計是很有挑戰性的。桌面站點常常包涵更廣的內容,而移動站點僅包涵一些符合使用情境的主要功能和特征,如圖1、圖2所示Orbitz的桌面站點和移動站點。移動站點應該通過移動設備將用戶最需要的內容和特征展現給用戶。一些站點內容,信息架構和屏幕布局都是在深度理解客戶需求的前提下設計的。

圖 1—Orbitz桌面站點特征

 

圖 2—Orbitz移動站點特征

 

2. 垂直瀏覽取代水平瀏覽

如圖三Urban Outfitters站點所示的那樣,在呈現數據結構和數據內容時,水平導航是一種廣泛采用的導航方式。用戶可以從左到右,點擊不同的站點鏈接來瀏覽。Joshua Porter在一篇名為“The Challenge of Moving to Horizontal Navigation“的博客中,討論了在頁面頂端而不是頁面兩側使用水平導航的好處。至于頂端時,用戶可以更容易聚焦于頁面的內容,而在兩側時,會很容易干擾用戶視線。在我的研究中,90%的移動站點采用垂直導航的方式取代水平導航,包括如下圖所示的Urban Outfitters移動站點。

圖 3—Urban Outfitters桌面站點中的水平導航

 

圖 4—Urban Outfitters移動站點的垂直導航

 


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()