谈谈电脑桌面网站和手机网站设计过程中的几大区别

发布时间:2011-07-09 浏览:2004

很多人认为这些适合网页设计的原则和指南也同样适用于移动平台。毕竟,网页设计是从一些基础的,基于文本的HTML出发,才发展成为今天的WEB标准的。因此,我们也可以想象依靠这些原则,手机站点的设计也会和网页站点的设计一样,获得巨大的成功。

t016f6fd1ebe60ba336.jpg

然而,移动站点的设计仍处于初步阶段。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移动站点的垂直导航

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

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

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

 

图 5—Kayak 网页链接

 

图 6—Kayak 手机页,没有链接

4. Text and Graphics文本和图形

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

 

图 7—Dell首页,有图形

 

图 8—Dell 移动页,只有较少的图形

 

相关推荐

  • 网站建设常见问题解答

    1、建立网站要多少钱?答:建立网站一般分为定制和套餐,定制是完全根据您的要求制作,您把具体的需求告诉我们的商务专员之后才能给您相应的合理报价,这需要电话或者见面来相互沟通;套餐是您只能在我们提供的套餐范围内选择,获得所购买的套餐服务项目和内 [更多]

    更新于2016-10-12 浏览 6472 次
  • 网站LOGO设计规范

    LOGO的应用一直是CIS导入的基础和最直接的表现形式,其重要性是不言而喻的,网络标识的设计尤其如此。一、标识的职能:作为独特的传媒符号,标识(LOGO)一直成为传播特殊信息的视觉文化语言。 [更多]

    更新于2016-05-09 浏览 8191 次
  • 淘宝客和购物分享网站有什么区别?

    购物分享也是属于淘客的不过更软性化一点 [更多]

    更新于2016-05-09 浏览 6488 次
  • 新手建站这三点很重要

    笔者是个好胜的人,一而再的小失败,让笔者暗自给自己憋了口气,一定要把这个重新做好,于是,又一个淘客网赚站出来了,呵呵,时间不长,也就才短短一个月多一点,但笔者分析整理了下,觉的里面有很多的东西. [更多]

    更新于2016-03-28 浏览 5915 次
  • 网站建设文章内容要如何去规划

     在搜索引擎而言,相似度低于40%的内容,搜索引擎就会认为是原创文章,相似度越高质量就越差,搜索引擎就会判断为伪原创或者采集。当然,原创文章的定义也不仅于此,搜索引擎发展的十几年,对于文章也是有一定识别能力的. [更多]

    更新于2016-03-24 浏览 5735 次
  • 新手建站这三点很重要

    空间,国内遍地空间商,开始的噱头不要太多,折扣啦,空间广告词啦一堆堆的,很多新手朋友看中其相当低廉的价格,头一昏脑一热就买了,结果被坑爹了,不是空间不稳定了,就是备案的让你抓狂,还有空间售后的鸟人,付款了之后,你就可有可无了. [更多]

    更新于2016-03-24 浏览 6207 次