开发学院网页设计心得技巧 手机站点和桌面站点设计的10个区别 阅读

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

 2011-06-02 10:04:00 来源:本站整理   
核心提示:5. 全局导航与情境导航桌面站点提出使用多种导航方式,如图9 Best Buy 站点,手机站点和桌面站点设计的10个区别(2),一些全局性的导航可以保持站点的一致性,而其他一些情境导航会随着用户使用站点的不同而不同,如电话直接订货或发送促销信息,10、移动站点可以使用一些技术手段自动检测获取本地搜索结果,在移动站点中,

5. 全局导航与情境导航

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

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

图 9—在Best Buy桌面站点中各式各样的情境导航

图 10—在Best Buy 移动站点中,没有情境导航

6. 页脚

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

图 11—Dell 桌面站点的页脚

图 12—Dell 移动站点,较少的页脚

7. 面包屑

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

图 13—Amazon移动站点的面包屑

8. 进度条

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

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

图 14—Amazon 站点的进度条

9. 集成手机功能

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

图 15— Best Buy 移动站点,电话购物

10. 本地化和个性化搜索

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

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

图 16—在Kayak中,自动监测地理位置并给出一些检索建议

小结

基于我们的研究,我们总结了移动站点和桌面站点设计10大不同点:

1、桌面站点可以包含更丰富的信息,而移动站点包含一些在大部分时间,地点中使用的典型功能和特征。

2、桌面站点采用顶端的水平导航方式来呈现站点结构和内容,而90%的移动站点采用垂直导航的方式。

3、桌面站点通常使用超链接,移动站点极少使用超链接

4、桌面站点会根据促销,营销,导航目的的不同设计不同的图形,移动站点应避免一些促销或营销的图形,较少使用导航图形。

5、在桌面站点中,可以使用各种各样的导航方式,如全局导航和情境导航。移动站点采用全局导航,情境导航极少。

6、在桌面站点中,用户可以通过页脚查看站点内容,或查看一些快速链接。移动站点较少采用一些页脚,更不会使用页脚来包含一些快速链接。

7、在桌面站点中,面包屑导航可以帮助用户找到需要的页面,或者返回查看一些导航路径。而在移动站点设计中,由于自身的一些平台结构的限制,面包屑导航的方式是没有必要的。

8、桌面站点通常在页面顶端增加进度条来引导用户完成某项进程。移动站点并不出现进度条。

9、移动站点可以更好地整合手机功能,如电话直接订货或发送促销信息。

10、移动站点可以使用一些技术手段自动检测获取本地搜索结果。根据用户的一些喜好提供个性化的搜索结果,对用户来说更加重要

上一页  1 2 

Tags:

编辑录入:coldstar [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接