有研究表明,大部分人在使用手机时,习惯用单个拇指进行操作。即使是小屏幕手机,单拇指都不一定能按到屏幕的每一个位置。所以,在进行手机网页设计时,需要设置按钮的位置必须是方便单手操作的用户。一般来说,手机屏幕底部是最容易触摸的位置之一,所以手机网站建设的导航栏会设置在底部。关于底部导航栏需要坚持这几个原则。
第一、只放最重要功能。手机网站导航和PC端导航的共同点就是,只放对用户来说最重要功能。例如一个电商网站,最重要的功能莫过于产品分类、联系客服、购物车、我的订单,而类似“关于我们”这种功能就不适合放在导航栏。因为用户在逛电商网站时,关注的是产品,而非企业本身。如果是企业官网,就“关于我们”就会显得比较重要。根据网站类型不同,导航栏的内容也要作调整,建议3-5个最适宜。
第二、避免滚动设计。有些站长会认为,设置多几个功能也无所谓,反正可以采用滚动设计。而滚动设计会隐藏一部分功能,用户只会使用可见的几个功能,这种情况就降低了其他功能的使用率。而且在确定哪些功能被隐藏的时候,站长已经有了对这些功能有了重要性排序,那为什么不直接删掉重要性不高、使用不频繁的功能呢?
第三、文字简短明确。手机端网站的导航喜欢采用图片,而大部分图标蕴含了不止一个信息。所以多采用“文字+图标”的展现方式,通过添加文字进行补充说明。因为导航栏的图标已经占据了绝大部分的空间,且字体比较小,所以导航栏的说明文字不适宜过长,2-4个字为佳。
第四、告知当前位置。导航栏最重要的作用,就是告知用户当前位置。在手机端网站也需要保证这一点。所以,可以为选中的功能设置不一样的格式,如颜色变化、悬浮等。只要方便用户确定当前位置即可。
建设正确的导航是每一个手机网站优先考虑的事情。这种做法背后的目的是创建符合用户的使用习惯的交互系统。上面4个原则不是全部,但希望能帮助到有需要的站长。