0 Comments

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

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

内容比导航更重要

在手机上,内容比导航重要是一条普遍规则。无论人们是在跟进新消息如股票、新闻、比赛分数,或是查找当地的信息、文章,他们想要的都是及时的反馈结果而非站点地图。太多的手机Web应用(就像我们刚刚所提到的Flickr和Basecamp的例子),在会话开始都是提供一列导航选择而非内容。对手机而言,时间很重要,下载是要费流量花钱的,所以,要尽快反馈给人们他们所需要的。YouTube和ESPN手机Web应用就是这么做的。一个简单的头栏告诉你你正在访问哪个站点,并将所有的导航选项放到一个按钮中去了。页面其他部分都是即时信息(ESPN)和最新的娱乐资讯(YouTube)(图4.3)。

 

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

 

图4.3:ESPN和YouTube的移动Web应用将重点放在内容上而不是导航上。

定位与搜索

且慢,如果内容总优先于导航,那如何用我自己的方式浏览应用?难道我们不需要一种方式用于导航或者发现其他功能吗?当然需要,但是,让人们搜索相关内容并不一定意味着应用中铺设大量导航栏以至于掩盖了内容。例如,Facebook的手机应用将我常看的相关内容放在默认页面的中心部分,这非常好;但是,因为在页面顶端有三个导航栏,我只能在屏幕上看到一个更新。Google的Finace应用也以实时信息为主,但是这些信息却被五个导航栏中夹在其中。这些导航选项(人们有可能并不需要这些导航选项)占用了屏幕上很多宝贵的空间,这些空间本来是可以用来突出更有用的内容(图4.4)。

 

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

 

图4.4:Facebook和Google Finance 应用上用多个导航选项占用了宝贵的空间

Facebook最近重新设计了他们的Web应用,减少了导航选项数量(图4.5)。如果不算上消息推送中的“最热消息”和“最多评论”的话,他们将导航选项减少了一半(从10个减到了5个)。这是个很好的开始。

 

 

 

图4.5:Facebook最近的新的设计减少了其移动Web应用中导航选项的数量

YouTube和ESPN的例子都是内容优先于导航,但对于用户如何通过导航搜索到它们网站的其他内容,有着不同的处理方式。YouTube提供了一个快捷方式,通过点击这个快捷方式就可以全屏显示出站点各个位置的导航(图4.6)。这种方式需要你主动去寻找导航按钮,并且当你在一个单独的全屏页面中查看(你将看不到原先的内容页面)导航栏。你需要了解YouTube顶端的图标代表着“导航,请点击”。

 

 

 

图4.6:YouTube的移动Web应用顶部中有个导航按钮用于全屏显示应用地图

标签:
飞机