移动网页怎么设计

移动网页怎么设计

　　现在的移动事业越来越发达，移动商务、移动上网、移动娱乐、都成为了人们生活中不可少的一部分。而移动设备上的网站或者页面应用设计，也越来越成为设计师们需要用心的作品。和PC端的网页设计相比，移动网页设计，必须更加注重实用性，还要非常快捷，节省网络流量。那移动网页怎么设计？

　　1.内容优先

　　桌面站点可以有1024*768的分辨率，而智能机仅有320*480分辨率，如何在如此小的分辨率中，在不降低用户体验效果前提下进行设计是很有挑战性的。桌面站点常常包涵更广的内容，而移动站点仅包涵一些符合使用情境的主要功能和特征，Orbitz的桌面站点和移动站点。移动站点应该通过移动设备将用户更需要的内容和特征展现给用户。一些站点内容，信息架构和屏幕布局都是在深度理解客户需求的前提下设计的。

　　2.垂直浏览取代水平浏览

　　在呈现数据结构和数据内容时，水平导航是一种广泛采用的导航方式。用户可以从左到右，点击不同的站点链接来浏览。JoshuaPorter在一篇名为“TheChallengeofMovingtoHorizontalNavigation“的博客中，讨论了在页面顶端而不是页面两侧使用水平导航的好处。至于顶端时，用户可以更容易聚焦于页面的内容，而在两侧时，会很容易干扰用户视线。在我的研究中，90%的移动站点采用垂直导航的方式取代水平导航，包括UrbanOutfitters移动站点。

　　3.导航条，标签和超文本

　　超链接是因特网站点的主要组成部分，然而，在移动站点中，我们则很少看到超链接。并不是在移动站点中没有超链接，而是被一些导航条，标签和按钮等取代了。用户使用手指来操作移动设备是产生垂直导航方式的原因之一。

　　在电脑上，移动鼠标，点击超链接是很理想的查看信息的方式，但是在移动设备中，通过手指触摸屏幕来打开超链接就不那么容易了。用户可以很容易激活一个链接，进入一个新页面，但，这并不是用户期望的页面，如果这样的话，会产生非常差的体验效果。Fitts定律告诉我们使用指点设备达到一个目标的时间与设备当前的位置和目标位置的距离，以及目标的大小有移动的关系。在一些大的手机站点中，导航条，标签和按钮会吸引更多的注意力。

　　4.TextandGraphics文本和图形

　　在网页中，我们经常会看到一些促销，营销或者导航的图形信息。设计者经常需要设计一些促销或营销的图形，公司LOGO始终保持着导航的目标，通过它，用户可以进入主页。而在移动站点设计中，应该减少这些图形，原因有二：其一，一些移动设备并不支持和传统网页站点一样显示方式;其二，移动屏幕较小，显示内容有限，除此之外，过多的显示内容会降低移动设计的运行速度。