手机站点和桌面站点设计的10个区别

lite6

核心提示：随着手机站点设计的持续增长，一些新的原则，以及一些好的设计实践将会浮出水面。作为前进的第一步，本人通过分析一些成功的手机站点来研究两者的不同。在我的研究中，涵盖了航空，电子商务，社交网站，娱乐等一些较成功的站点，并得出了至少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移动站点的垂直导航

chenjiesuper

都看了，这帖子有意思。