0 Comments

移动优先的设计常识:应用如何组织?(5)

发布于:2013-09-27  |   作者:广州网站建设  |   已聚集:人围观

屏幕底端的固定导航

说到iPhone的本地应用,它们当中有很多在屏幕底端使用了固定位置的导航条。这些菜单可以让我们更容易用拇指完成一些关键操作,但是不像Web应用,本地的iOS应用并没有浏览器控件占用屏幕空间。Yahoo!邮件的Web应用就显示了浏览器菜单(browser chrome)会对Web页面的影响,其中两个浏览器菜单和两个固定菜单只给收件箱下了很小的显示空间(图4.15)。

 

 

 

图4.15:Yahoo!邮件的手机Web应用在浏览器窗口底端设置了一个固定的导航菜单

但是Web应用不应只适用于在iOS上的某一个Web浏览器,还应能适配其它多个浏览器。同时,不少移动设备在屏幕底端用设有物理控制按钮,这种情况也给屏幕底端显示的菜单造成了麻烦(图4.16)。这些控制按钮间的相似性使得人们在忽视菜单而点击物理按钮时一定会遇到错误。

 

广州网站建设,网站建设,广州网页设计,广州网站设计

 

图4.16:很多设备在屏幕下方有物理的控制键

当你开发一个本地应用时,可根据各个设备的物理按钮调整菜单的位置,但是Web应用应该是能跨平台的——无论屏幕底端有没有物理按钮。尽管在某些本地应用中,将导航菜单固定在屏幕底端或许是不错的选择,但当开发Web应用时,如果屏幕下端有Web浏览器菜单和物理按键,再将导航菜单固定在屏幕底端却不是个好主意。如果你需要一个固定的菜单,那么应该将它放在顶部,就像Twitter为他们重新设计的手机Web应用一样(图4.17)

 

广州网站建设,网站建设,广州网页设计,广州网站设计

 

图4.17:Twitter的最新手机Web应用考虑到不同设备的区别,使用了一个顶部的导航菜单来完成关键操作

标签:
飞机