手机菜单和字体——打造更好的手机网站的5个建议

Published
前后移动布局
前后移动布局.

互联网浏览正在走向移动——确保你准备好了!

毫无疑问,现代移动网站应该采用响应式设计,以便澳门百老汇手机APP调整大小以适应可用的屏幕尺寸.  However, 通常,缩小桌面站点以适应屏幕会导致文本和图像无法阅读,从而失去其影响.

1. 手机网站字体大小

移动网站的文本大小应该足够大,以便在使用的屏幕尺寸上容易阅读, 不需要“挤压和扩张”,或者使用屏幕放大工具.  Similarly, 图像应该裁剪和大小,这样图像中的信息就可以被看到和理解,而不需要放大,然后在图像周围漫游.  把它想象成屏幕大小是一张固定大小的纸, 所以所有的信息都应该是可读的,不需要任何进一步的操作.

前后移动布局
前后移动布局.

2. 清晰的菜单和简单的导航

导航在任何网站上都很重要,但在移动网站上更是如此.  优秀的导航应该允许用户通过下拉(或横向展开)菜单到达网站上的几乎任何地方,这些菜单进一步展开以访问较低级别的菜单.  因此,您应该能够通过简单地点击从主页的菜单链接到达您的移动网站的任何页面.

 

移动布局导航
拥有一个多层次的菜单可以帮助你的访问者从他们的移动设备上浏览你的网站.

对于用户来说,使用多级菜单在方便获取信息方面具有明显的优势. 它还可以最大限度地减少数据使用量,因为您只下载您想要查看的页面,而不是“传输”页面.

3. 拇指友好的链接或呼叫操作按钮

小的文本链接放在一起, 尤其是在菜单上,可能会导致令人沮丧的意外点击,因为我称之为“胖拇指”综合症.  这会浪费访问者的时间和数据,并可能导致他们离开.  Therefore, 让你的菜单链接和其他动作召唤按钮对拇指友好是非常重要的!“作为经验法则(对不起,我忍不住!),链接应该至少44像素深和调用动作按钮44×44像素.

拇指友好链接
小的,难以点击的链接vs. thumb-friendly链接.

4.  突出的搜索框

搜索对于移动站点和桌面站点同样重要.  确保你有一个清晰可见的搜索框,它足够大,以便在输入时可以阅读文本.  Also, 确保搜索框不会被屏幕上的键盘遮挡——是的, 我见过这种情况, 这并不是一个孤立的案例!

确保搜索框在移动站点上易于定位和使用.
确保搜索框在移动站点上易于定位和使用.

5. 原谅的错误!

尽管已经实现了很好的导航和拇指友好的链接和按钮, 手机访问者经常会犯错误.  他们可能在散步、慢跑,或者是汽车里的乘客(但不是司机)!)或车辆的运动使得准确的点击变得困难的火车.  你的访问者会感谢你,如果你有一个清晰和可访问的返回浏览器按钮, 以及一个突出的“主页”按钮.

 

tyler-headshot

泰勒·毕晓普

泰勒是一位屡获殊荣的数字营销人员, 公共情报的创始人, 澳门百老汇手机APP的CMO, 百老汇手机AP扬声器, 成功的创业创始人, 以及出版业知名人士.

请留下评论

您的电子邮件地址将不会被公布. 必填项被标记 *