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

核心提示：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、移动站点可以使用一些技术手段自动检测获取本地搜索结果。根据用户的一些喜好提供个性化的搜索结果，对用户来说更加重要