移动网络导航的最佳实践
人们上网获取信息的方式是不断变化的。 谷歌报告说,明年(2013)超过一半的网站访问量来自移动设备而不是台式机或笔记本电脑。
不仅是访问Web改变介质,需要大多数移动用户与他们的智能手机或手持设备上网以及改变;变得更集中和任务导向。
今天的智能手机用户使用他们的手机来执行特定的任务,如检查位置的目的地,公共交通的时间表,及银行结余。 互联网手持设备上浏览时(特别是当站在很长的线或等公共汽车)许多人喜欢上网,从他们的家中或办公室的舒适性。
屏幕空间是有限的手持设备上,用户和移动用户都很忙,经常多任务为他们寻找一个拇指或手指信息在线。
由于这些原因,手机网站导航甚至比在传统的网站导航更重要。典型的网站访问者的问题和需求的理解,对他们的设备的限制,什么会让他们感到沮丧的时候,在一个手机网站,有效的导航设计是至关重要的。
什么是移动用户问他们什么时候上网?
康博软件2011的研究用户想要的移动发现,95%的用户在寻找本地信息与他们的智能手机或手持设备。这是砖和水泥企业特征导航地理位置好的做法,突出移动网站上的时间和联系信息。
把自己放在典型的网站用户的鞋。在对移动流量的分析一下。前三或四类用户寻找和选择类别名称,反映最常见的搜索选择。
如果这是一个手机网站的砖和砂浆的企业,显示一个按钮的位置,和联系信息突出。
你可以添加一个链接到“访问我们的网站”和真正感兴趣的可以看一个更复杂的版本的手机网站在他们办公室的舒适或在家里用电脑。
对于不同的环境设计
除了参数和外部环境的干扰,设计师还必须评估设备本身在设计导航元素。
建筑师不主张完全相同的建筑设计对城市中间,沙漠或森林,一个好的网页设计师考虑移动环境的机会和限制创造流动性的最有用的导航。
当然问题,是设计师不知道哪个设备终端用户持有的时候访问网站,的情况下,可以使用响应式设计工具如CSS媒体查询来解决问题的定位解决,规模和内容适应。是否使用响应式设计或适应于移动现有的网站设计一个全新的移动网站,还是有一定的最佳做法,适用于导航。
对于小屏幕的导航菜单
网页设计师知道,移动用户的行为不同的访问Web的智能手机和手持设备比他们的台式机或笔记本电脑。发现在一个小屏幕导航空间可能会非常棘手,但通过仔细的规划设计是实现移动导航。
最佳实践1:减少菜单的按钮数
这可能有点棘手,当设计一个移动友好的版本的一个现有的网站,特别是在桌面设计环节多。限制你的主导航按钮五或更少,如果需要添加嵌套菜单。
最佳实践2:减少抽头数
保持动作要在移动设备上的最小行数。较少的水龙头和点击找出用户正在寻找更好的。这是太容易犯的一个错误。总是有一个容易找到返回按钮:你不想让用户进一步。
最佳实践3:滚动导航
把最重要的导航元素在顶部。移动设备的屏幕大小不同,所以仔细考虑每个类别的列表可能需要进一步向下滚动屏幕空间智能手机的重要性不。
最佳实践4:堆叠按钮
移动用户在肖像代替景观作为他们在桌面上看到你的网站。适应你的导航移动互联网呈现垂直。读下来,而不是越过。这个工作最好在菜单不超过五类的网站,当它不太可能会增加更多的类别。
最佳实践5:嵌套菜单
有时被称为可折叠的导航,这是需要在屏幕上的内容以及菜单的网站一个不错的选择,和那些希望增加种类和菜单项。
优化移动导航的触摸屏和小按钮
触摸屏和小按钮意味着网页设计师的新思考。移动用户没有点击鼠标定位一个小小的菜单按钮或链接的奢侈品。他们是在他们的手指和拇指的摆布,这意味着他们是指在画面上更精确的比如果他们使用鼠标,可以轻易沮丧如果攻不产生立竿见影的效果。
网站设计者可以通过增加更多的空间导航菜单链接使移动用户更容易,或通过更换链接按钮菜单类。
使它更大更容易迅速找到一个区域,单击它小小的手机按钮,或点击它用手指或拇指。作为普通的手指需要点击区域至少44px X 44px,这可能会导致按钮和导航领域,使屏幕上的其他内容。然而这可能适合的网站和用户的目的,特别是如果主页内容是次要的,主要的菜单项。
理想的情况是,设计应该让触摸屏用户进行导航按钮,如果需要更大的。
提示优化
设置菜单在屏幕的顶部或底部,根据网站用户的主要目的。如果他们要找的内容和容易滚动,把菜单底部提供了一个可去的地方在您的网站上,而不是让网站对搜索引擎网站或竞争。
部分隐藏菜单以适应屏幕上的其他内容,揭示完整的菜单,当用户点击它。这使菜单前没有删除有用的内容中心。
一个菜单的链接在屏幕的顶部,并添加一个导航按钮的底部。
又高又瘦的可能是伟大的名模,但在移动Web导航短而宽是美丽的。宽短导航也有助于当你有较长的一类标题–文本更适合。
降低标题图片的高度或更换它们具有较小的标志来增加空间 导航。
保持品牌和设计问题,注意排版、颜色一致,和导航按钮的样式而不是使用了宝贵的空间与大型图形图像。
缩短了的文本,尤其是菜单按钮和分类标题。在某些情况下,这是非常困难的,而在每一行文字里堆叠式菜单是一个更好的选择。
尽可能的简化。删除尽可能多的网页,可能只提供前几项用户最希望。
手机导航的禁忌
移动用户忙,心烦意乱,就去。他们不想他们的选择按钮选择品种,你不想让他们变得沮丧,由于分析瘫痪离开现场。
不要给他们很多的选择。
避免水平滚动,没有徘徊!滑动菜单也可以向移动用户沮丧。在你的追求,简化导航,不要认为你很无聊。创造性的导航并不是一件坏事,但它必须直观。用户应该能够很容易地看到哪里去找到他们想要的信息很快。
结论
移动设备是比较新的一种访问Web方法意味着移动导航是不同的设计尝试,调整,不断地发展,或抛出,共。
这一集的用户在一个网站的作品可能是一个不同的网站的用户搜索信息的灾难是完全不同的。此外,同一用户的方法不同部位及不同用途:移动用户在寻找一个最可能想要她的手机新闻网站的头条新闻,不接触信息;而这正是她想当她访问手机网站为她的牙医或发型师。
而对于移动网站的导航元素可能不同于传统的网站,其目的都是一样的:网站访客有一个问题,当他们去在线。商店在哪里?这个世界正在发生什么?我的银行帐户的余额是多少?伟大的导航引导用户快速简单的答案。
满足他们的迫切需要,他们会回来的,增加网站流量,让你的客户高兴和你领导推荐和更多的移动网页设计业务。
牧羊人设计文章推荐: