NEWS建站资讯

请致电给我们!
How to Contact Us?

移动站点的设计和网页站点十大不同点

发布时间: 2011年6月2日本文编辑:广州做网站公司www.3gonet.cn阅读数:2441

广州做网站,手机站点

随着手机站点设计的持续增长,一些新的原则,以及一些好的设计实践将会浮出水面。作为前进的第一步,本人通过分析一些成功的手机站点来研究两者的不同。在我的研究中,涵盖了航空,电子商务,社交网站,娱乐等一些较成功的站点,并得出了至少10个区别。

1. 内容优先

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

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

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

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

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

4. Text and Graphics文本和图形

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

5. 全局导航与情境导航

桌面站点提出使用多种导航方式,如图9 Best Buy 站点。一些全局性的导航可以保持站点的一致性,而其他一些情境导航会随着用户使用站点的不同而不同。在移动站点中,全局导航是最常见的导航方式,如图10 Best buy的移动站点就是非常典型的例子。

在移动站点中,移动设备有限的屏幕决定了应该减少全局导航和情境导航。然而,缺少全局导航和情境导航则会让用户迷失,为此,在构建移动内容时,应该尽量减少层级关系,这样,用户无需挖得太深就可以找到自己所需的信息,作为设计师,应该让用户在迷失之前找到自己的信息。


6. 页脚

在桌面站点设计中,有两种典型的页脚,第一种页脚提供了一些内容的连接,用户可以查看主页,或其他一些较低优先级的内容,如“人才招聘”和“站点地图”。第二种脚注,则提供了用户想看的所有内容结构,如图11所示,在页脚中列出一些快速入口,用户就可以纵观整个站点。在移动站点中,通过页脚,用户可以查看首页,但尽量保持最少连接数,如图12所示,在页脚中,不包含全部快速链接。


7. 面包屑

如图13所示,在桌 面站点中,面包屑导航可以有效地标明用户所在的位置,查看自己的导航路径,但通常会让用户产生站点内容多,层级关系深的感觉。面包屑导航方式很少出现在移 动站点中,通常也是没有必要的。有限的空间结构是原因之一,另外,这种方式使得用户需要经过很深的途径才能找到所需要的信息。同样,我们应该让用户在有迷 失感之前获取想要的信息。


8. 进度条

在桌面站点中,如果用户需要通过多种步骤才能完成某一过程,如购买过程或者填写较长注册表过程,如表14所示, 在页面的顶端经常会给出一个进度条,指导用户完成这个过程,这种进度条在移动站点中还没有出现。

采用一些替代的方法,让用户无需进度条,就可以表明当前所在的位置。如,不使用一些暗含用户操作“下一步”或“继续”的按钮,使用明确的标签按钮,告知用户的下一个步骤,如“前往收银台”“指定送货及付款”。这样,用户不仅知道当前的过程,还期待下一步的信息。

9. 集成手机功能

智能机是通信设备,打电话是其基本功能。尽管移动平台的设计和内容都是有限的,但仍具有一些桌面平台无法比拟的新机会,例如,可以使用直接拨打电话或短信的方式订购物品,如图15所示,将促销短信与产品功能进行整合,用户只需选择一个手机号码,然后通过这个号码来打电话或发短信,无需输入数字。


10. 本地化和个性化搜索

基于地理位置的服务是移动站点独一无二的优势。仅在5年前,地理位置服务才和消费市场结合起来,现在,在一些移动程序和网页站点中,地理位置服务作为增值服务的一部分而广泛使用。

很多移动设备可以自动检测用户的地点,并给出一些本地化的检索结果。如图16,Best Buy本地商店搜索功能,Yelp的餐厅搜索,Kayak的班机搜索,通过了解用户的交易地点以及一些临时服务,商家就可以有针对性地推广自己的产品或服务。


关键词标签:广州做网站,手机站点 广州做网站www.3gonet.cn

广州做网站

案例展示

匠心打造精品,用心成就经典!!携手客户共创双赢!!

品牌橱柜企业网站建设
品牌橱柜企业网站建设
在当今这个网络时代,作为橱柜、衣柜设计研发、生产制造企业的网站形象十分重要,所以在建设的时候要根据自己的品牌形象来制定方案。要善用网站的力量来宣传自己,营销自己、推广自己。...
130
183
环保科技公司网站建设
环保科技公司网站建设
环保科技公司网站建设以界面的简洁化,功能模块的灵活变通性为原则,做到产品展示,服务技术支持,问题,反馈意见,加盟等为一体,充分帮助客户体验到公司的全系列服务;...
135
186
装饰公司网站建设
装饰公司网站建设
装饰公司网站设计,如何做到实而不华,页面的设计要符合企业的性质、能方便浏览者能清楚地找到所需要的信息!...
140
189
LED灯光电企业网站建设
LED灯光电企业网站建设
作为国内领先的LED封装器件产品研产销于一体的高新技术企业,建设LED网站,使其成为的企业LED网站和实现信息化和网络化的整体平台,与LED公司的战略发展策略高度统一!全方位展示产品:LED支架&光学...
145
192

更多案例

广州做网站 - 欢迎来电咨询三行网络,电话:020-85628720

Copyright © 广州三行网络科技有限公司 版权所有  工商营业执照号:440106000167785  粤ICP备09210325号-3

关于我们 | 联系我们 | 广州做网站公司