网站首页
网站建设
建站资讯
选模板
联系我们
易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...
如果移动网站导航放到底部需要解决那些问题
来源:
网站建设
行业资讯网
添加时间:2022-01-15
PC网站的导航基本都是在顶部,极少数有侧边导航栏。而在响应式网站潮流之下,几乎所有的响应式网站都将导航放在了顶部。在手机屏幕中,为了既不让导航占据仅有的手机屏幕,又能够方便访客随时可以跳转到其它栏目和页面,便有了汉堡包导航,也被称之为三明治导航设计。不过,无论是顶部导航、汉堡包导航,都被放在了网站的顶部和上部。我们想要做这样一个尝试——将移动网站的导航放在底部。
为什么尝试的理由?
我们为什么要做这样的尝试呢?我们有三个理由。
第一,屏幕越来越大,拇指够不到。
导航是网站最为常用的功能和区域,手机的屏幕越来越大,特别是全面屏普及以来,手机屏幕再次变大。这就导致,我们拇指很多区域是无法触及到的。有人可能会说,可以使用食指啊。但是,根据我们的调查,超过6成以上的手机用户是使用拇指点击屏幕的,只有不足4成的用户使用食指。如果将导航放在顶部,拇指就很难点击到。
第二,应用程序,就是导航位于底部。
我们可以看看常用的应用程序,例如微信、支付宝、美团,他们都是在底部放置了一级导航,可能会在顶部放上附加的功能或者二级的导航。APP设计者都意识到了这一问题,网站设计者是否应该跟随。
第三,PC和移动用户体验不同。
有人可能会反驳,PC网站的导航一直都是放在顶部的。不错,PC网站放在顶部,一是PC屏幕大,浮动式、固定式都不影响阅读。二是当我们浏览PC网站的时候,对顶部的关注多过底部,但是移动交互使然,让用户更多关注底部。
综上,我们认为,移动网站底部导航是值得尝试的。
那么,如果这样去尝试,还需要解决那些问题呢?
将导航放在移动网站底部需要解决的问题
我们认为,有三个问题需要解决。
一是解决CAT按钮的问题。一直以来,CAT按钮都是根据导航来进行布局的。例如,在PC网站,很多企业将400电话设置在导航栏的右侧,在线呼叫也是距离导航不远。如果将导航放在底部,CAT按钮的位置,也需要紧随导航。
二是解决网站顶部放什么的问题。如果我们将导航移动到底部,顶部势必空出来了位置。顶部应该安排什么项目呢?导航栏定位在底部可以使用户更容易地单击菜单图标,而辅助项可以移动到顶部。基本上,你只需改变顺序。移动应用程序一直在使用tapbar模式的这种逻辑。它本身并不是一个新概念,但它在网页设计中并不像在应用程序设计中那样流行。
所以,当导航栏移动到底部,顶部可以放上搜索框或者其它非主要项目。
三是解决误操作的问题。当导航栏放到底部的时候,与手机触摸按钮更为接近,这会导致更多的误操作。如用户在点击导航菜单的时候,容易触碰到手机的触摸按键。对于这一问题的一个解决办法就是网站导航与手机触摸按钮之间要保留更多的安全距离。
综上,我们认为,在移动网站中,将导航设置到底部,是可以进行尝试的。
网站建设计最新案例赏析:
广州恒星制冷设备集团
深圳华力兴新材料股份
广东旭峰环保科技
深圳信可威空间规划设计
深圳福工精密科
上海科宁会展服务
河南赛唯家具
上海傲秀展览展示
东莞莲泉净水设备
广州康耐登家居用品
网站建设行业资讯推荐阅读:
网站如何搭建设计才有好的效果
写原创文章需要懂这些套路才行
哪些企业需要软件定制服务
企业做多少钱的网站建设比较合适
深度好文,企业网站建设的意义何在
建一个网站需要多少钱不同网站价格大不同
企业建站的注意事项
公司网站建设推广的目的是什么
为什么网站要具有可用性
WIN2003+IIS6+PHP5.3.8的安装配置
企业网站页面设计第一印象非常重要
2014年度总结站群风云录
厨卫行业网站设计之路:打造艺术家居新体验
网站设计需要注重哪些方面怎样才能够让设计更新颖
深圳网站设计中的欧美风格应该如何体现
深圳网站建设公司详解透析网站建设框架
深圳福田网站专业设计公司,电子商务网站建设要遵守哪几个原则
网站优化关键词定义与密度衡量标准
网站为什么要做差异化内容
诚信营销——营销制胜的金钥匙
企业门户网站建设流程及门户网站的特点解析!
低价网站建设有哪些缺点如何防止低价网站建设公司的套路
SEO优化要掌握哪些技巧
惠州网站建设怎么做才能令人印象深刻
怎样判断网站是否被降权了
建造网站之前需求怎样规划
网站设计怎么做才有更好的效果
公司网站设计方案如何确定主题
网站原创内容更新应该了解的四个基本要素
企业网站轻量化趋势以及影响
导致网站在搜索引擎排名降低的5个常见的错误
什么事是你应该做的,在你网站建设过程中
手机网站开发建设四大要点
深圳福田网站建设企业,做网站开发建设能给企业带来的好处有哪些
移动网站建站如何提高用户体验
网页设计中怎么高品质的去设计颜色及运用技巧
网站建设对公司发展有什么好处
异常事件—为什么网站内容明明已经更新,网页却不显示
网站建设中那些不可不知的事情
网站制作的步骤详解
浅谈谷歌PR值对网站有哪些深层影响
网页设计必须get到这10个技能,请收好!(二)
浅析品牌网站建设有什么作用
深圳坪洲网站建设的好处表现在哪些方面
汇总手机网站基本建设应当留意的难题
基本建设精典网站的必备的小窍门
深圳市网址络企业行业动态之美国中小型企业广告支出水准处在较高层次人才
注册域名时,不得使用,或限制使用的名称
企业网站建设的流程
网站关键词优化排名要如何稳定
需谨慎朋友圈砍价可0元购物,多半不靠谱
五大热门网站制作工具
企业基本建设一个网站有哪些步骤
网站建设改版:请慎之又慎!
企业网站建设需要注意的问题
深圳网站制作需要多少钱,中小企业网站建设从哪些方面入手
找对建站公司有妙招
营销型网站建设怎样可以成就网站转化率
企业营销中微信公众号怎么运营
小编讲解DNS系统与DDOS攻击的关系
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询
网站建设
企业邮箱
域名申请
空间购买
推广优化
网站维护
网站备案
论坛制作