要记住移动网站设计的8个原则
发表日期:2019/2/14 16:17:54 文章编辑:莹晨建站 浏览次数:2513
要记住移动网站设计的8个原则
通过智能手机屏幕或平板电脑等移动设备进行浏览时,需要特别考虑网页的组织和呈现方式。我们谈论的是移动网站设计,而不仅仅是网站设计。
以下是8个基本原则,可以指导您进行任何移动网站设计操作。
1.限制导航栏
屏幕越小,空间越贵。
如果在台式计算机上欢迎使用大型菜单,那么对于智能手机来说,这将显得不必要地笨重。这不是剥夺自己菜单的理由。近年来最受欢迎的选项是“汉堡包”演示:屏幕上出现三条线,然后根据用户的要求将其作为菜单进行。
您当然可以尝试其他方法,但要注意不要将用户与他们不会解密的模型混淆,也不会让他们找到您的菜单。
2.将最重要的区域放在触手可及的位置
你如何使用触摸屏?大多数时候,它是用于导航,更改屏幕,点击的拇指......
即使屏幕近年来已经扩展,最有用的区域仍然是最简单的交互区域,它们仍然位于矩形的中心。您可以在此处放置最重要的物品或最相关的信息。边框,屏幕的高低部分,将保留给您(以及您的客户)不太重要的工具。
3.优化您的文件
互联网用户在智能手机上的压力要大于在计算机上的压力。通过构建可快速加载的页面来改善他们的浏览体验(并保持他们的注意力)。图像的大小会产生直接影响:不要在服务器上安装太重的文件。例如,它们不需要像印象一样好。
有些实用程序可以自动优化每个图像文件以减少它们供Web使用:使用它们!
4.一个小链接,为用户提供很大帮助
有一个简单的技巧可以让用户的生活更轻松:让您的电话号码可以点击。因此,从他们的智能手机中,他们不再需要尝试复制粘贴您的联系人,或保留它。他们只需按下即可加入您,因为他们已经向您发送电子邮件。
同样,您可以在地址下添加百度地图链接,以便更快地指导人们。这些小型服务不会花费你任何东西,但会给你带来很大的收益!
5.思考敏感
这不是第一次在这里提到这个话题:今天,网站必须有回应。
这包括考虑不同元素的呈现顺序,图像的格式以使它们适应屏幕的大小,抑制某些不必要的效果(特别是视频)或JavaScript)。在准备网站时,请始终考虑移动使用。
6.忘记弹出窗口
弹出窗口在互联网上通常被认为是不受欢迎的。他们在智能手机上变得非常不愉快。至于百度惩罚使用它们的网站。您可能非常依赖这些可以开销产品的小型弹出窗口,但想一想其他技术可以在移动设备上获得相同的结果。正确插入号召性用语同样有效!
7.使用较短的表格
尽管近年来智能手机键盘有了很大改进,但移动表格的使用 通常存在风险。因此,当需要填写表格时,一些用户可能会犹豫不决。特别是如果这种形式包括许多领域。
8.使用折叠块
您开始了解移动网站设计的音乐:在手风琴菜单之后,这里是手风琴内容。这个概念:你只在屏幕上指出不同部分的标题,让用户“展开”他感兴趣的内容。
如果用户对您在您网站上的体验感到满意,则会更倾向于吸引您。还有一个原因,如果您需要它,那么您的访问是在最佳条件下完成的,无论您需要何种方式与您联系!
-
访客离开网站的原因
日期:2019-10-24 浏览次数:2461
-
网站维护的具体步骤有哪些
日期:2019-10-24 浏览次数:2412
-
了解跨浏览器兼容的网站
日期:2019-10-24 浏览次数:2428
-
以正确的方式使用号召性用语
日期:2019-10-24 浏览次数:2465
-
如何避免CSS中的常见错误?
日期:2019-10-24 浏览次数:2286
-
免费SSL证书申请网站topssl.cn上线
日期:2024-09-23 浏览次数:1210
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:4293
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:4692
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:3559
-
北京模板建站
日期:2023-03-28 浏览次数:3738
-
网站发布系统的目标。
日期:2015-07-18 浏览次数:2463
-
网站转换错误及其解决方法
日期:2019-04-02 浏览次数:2314
-
响应式设计的方法和注意点
日期:2016-03-27 浏览次数:3070
-
网站页脚设计最佳实践的12个技巧
日期:2019-04-04 浏览次数:2604
-
新手网站设计师的应避免的4个错误
日期:2019-04-09 浏览次数:2419