移动端网页设计的具体原则分享

随着互联网高速的发展，人们的生活方式和工作方式都逐渐的走向移动端设计领域，然而，移动端网页设计更是如此，那么在移动端网页设计的时候，需要遵循哪些具体原则呢？下面小编给大家分享一篇设计的具体原则。

1、菜单简洁明了

在移动端网页设计中，因屏幕大小有限，无法设置过多内容，并且在移动设备或平板电脑中用户会厌烦滚动大型的菜单栏或点击数量众多的子菜单，因而菜单栏应简洁明了，有简练的产品、服务概述，这样会缩小用户的查找范围，对进一步信息进行点击或利用搜索功能筛选。同时在理想的菜单栏中，选项数量应控制在5-6个，便于给用户提供足够的信息进行查找，且若情况允许，在主菜单中包含的子菜单不应多于两个。

2、表单简短贴心

移动端网页设计时应考虑到用户时间，表单应简短贴心，在表单中诸如电话号码、卡片类型和发卡机构是可选项，用户可根据自身情况选择填写即可，以此来建立用户对网站的信任。比如表单只是用户用来订阅电子报，仅需登记用户姓名和邮箱即可；若是支付表单，应省略不必要字段，以此来增加网站安全度。

3、简化表单字段

设计表单时应考虑到表单字段数，减少用户输入字数；也要尽量将表单做的清晰明了，使必填项和可选项一目了然。而表单字段可以采用多种类型，如下拉式、复选框式以及日历式。同时在用户输入支付信息、物流信息以及预订行程时，这些类型的字段都能派的上用场，以及便于回头用户更便捷地应用自动填写功能，缩短购物过程，并为不愿注册账号的新用户提供访客支付选项。

4、通过行为召唤组件吸引用户眼球

行为召唤组件在移动网页中尤为重要，在设计移动网页时，尽可能将行为召唤组件放在最显眼的黄金位置，相比电脑端用户，会让移动端用户访问网站目的更加明确。同时在理想情况下，可以将行为召唤组件放置在页眉上方，用突出的颜色或字体显示，在合理范围内让它们更加醒目，并清晰地表达其内容。

5、提供用户所需的搜索结果

在设计时，应设置搜索功能，在搜索时在第一页就显示出用户所需的搜索结果，在搜索完成后，为用户再提供一些筛选条件，如价格、相关度、畅销商品等，以便用户筛选出最适合的结果。因为一些移动用户在访问网页时目的十分明确，很少在模糊菜单或一页又一页的商品间徘徊。

6、谨记“拇指”原则

移动端网页设计中，由于屏幕大小有限，因此在网页设计过程中，要确保每一个按钮大小合适，并且与其它按钮或链接的间隔适中，无需用户将内容或链接放大缩小，直接就能阅读或点击。其次是在移动端网站设计中的链接或页面时，确保用户只需将其放大缩小就能点击，不需要按压屏幕。而按照拇指原则，适应拇指点击屏幕的最小面积是44px x 44px。

7、联系信息一目了然

在网页中设计让用户能随时联系到的联系信息，在用户有疑问时，能尽快为用户答复或解决。因而在移动网页上要突出标示“在线呼叫”功能，同时提供联系表格或邮箱，让用户根据自身情况或问题紧急程度选择适合的联系方式。同时不部分用户表示更愿意自己解决问题，因而“常见问题解答”页面对用户也很有帮助，让用户无需联系商家，即可自行在网站上查找解决问题的方法。还有一种适合移动网站提供联系信息的方式，是在网站中嵌入谷歌地图，允许用户点击地图、放大或缩小、查找路线，让用户确信能够找到网站的实体地址。

8、缩短时间

现下人们的生活节奏过快，人们大多都很忙碌，可能会由于一些可控的原因（除信号不佳外）而退出网站，因而在设计网页时应将整个网页大小控制在1MB以内，且理智用图片和视频，让页面加载不耽误用户时间。而且页面加载速度需兼容WiFi环境和非WiFi环境，加载时间不超过4秒钟是最为理想的。

9、 避免弹出窗口

移动网站的用户大多是利用碎片化时间来浏览网页的，而弹窗广告窗口弹出可能会因为关闭按钮太小，用户需将关闭按钮放大才能点击，这样不仅会浪费用户时间，也会让用户体验变差。

总的来说，移动端网页设计的具体原则有以上几点，希望通过小编的分享之后，能对大家带来一些实质性的帮助。同时如果想要了解更全面移动端网页设计的原则，可以咨询蓝橙互动客服，我们给您提供最新的文档。

相关文章：

《盘点常见的H5页面设计的几种类型》