移动网站的导航菜单——一个让人又爱又恨的存在
有没有这样的经历:坐在马桶上看手机,突然想查看一下这个网站的内容,结果点一下导航栏,结果怎样?要么进一个完全不相干的页面,要么手一滑直接从马桶上摔下去。可以说,移动网站的导航菜单可以说是一个让人又爱又恨的存在。
要承认,设计一个好的移动网站导航菜单确实不是一件容易的事情。毕竟,手机屏幕那么小,能放的东西自然也就有限。再加上各种各样的手机型号,从iPhone到安卓五花八门,屏幕大小各不相同,设计者们可真是要头疼坏。不过话说回来,就算是再小的屏幕,总归还是有办法设计出一个比较友好的导航菜单吧?
我想,最关键的就是要抓住用户的使用习惯和心理预期。比如说,大部分用户在手机上浏览网页的时候,都希望能快速找到自己想找的内容,不想绕太多弯子。所以导航菜单最好能够直观清晰,不要藏得太深。有的网站把所有的导航选项都藏在一个三横线的小图标里,结果用户打开以后,迷惑状态一片,"这到底藏些什么玩意儿啊?"
另外,导航菜单的按钮也要设计得够大够醒目。毕竟手指头可不像鼠标指针那么精准,稍一不小心就容易点错。我见过有的网站,导航菜单的按钮小得跟蚂蚁一样,结果用户一个不小心点到隔壁的按钮,直接被弹到一个完全不想去的页面。这种体验简直让人抓狂!
当然,除要照顾用户的使用习惯,导航菜单的设计者们还要想办法让整个界面看起来美观大方。毕竟,一个乱糟糟、毫无美感的导航菜单,即便功能再强大,恐怕也很难吸引用户的眼球。我觉得可以适当运用一些视觉设计元素,比如配合网站的整体色彩风格,选用一些简洁大方的字体,再加上一些微妙的动效,相信一定能设计出一个赏心悦目的导航菜单。
说到这里,我不禁要提一提那些真的把导航菜单设计得超级棒的网站。比如说,我最近经常上的一个电商网站,它们的导航菜单简直就是一个教科书级别的范例。它们把所有的主要功能选项都放在屏幕正中间,一目然。再者,每个选项的按钮都很大很醒目,即便是手一抖也基本不会点错。整个导航菜单的配色和视觉风格也恰到好处,让人感觉既简洁大方,又不失精致。每次我在马桶上浏览这个网站,都会由衷地感叹:"这才是真正的移动网站导航菜单该长什么样!"
移动网站的导航菜单可谓是一个既棘手又重要的问题。设计者们需要在有限的屏幕空间里,既要考虑用户的使用习惯,又要兼顾视觉美感,真是一个令人头疼的难题。不过只要能够抓住关键要点,相信总有一天能看到更多像那个电商网站一样出色的导航菜单设计。到那时,或许在马桶上浏览网页的体验,也能变得更加顺畅愉悦呢。
