这样我就不会牺牲菜单,而是为其他信息获得有用的空间
Posted: Sun Jan 05, 2025 11:01 am
现在,如果您认为刚刚列出的这些内容足以证明投资一个在每部智能手机上都能很好地显示的网站是合理的,那么让我们继续前进。相反,如果您仍然不相信,请重新阅读上面几行中所写的内容,直到您改变观点。好吧,既然我们都以同样的方式思考,那么让我们继续我们的 7 个技巧: 将网站的移动版本视为独立网站。屏幕的大小,尤其是在垂直视图中,并不总是适合网站上所有元素的最佳可见性:不要害怕删除显示不佳或分散页面目标的元素。就像爱因斯坦定理一样,平庸地说,这也是一个空间/时间的问题:用户花在网站上的时间越来越少,我们不妨牺牲一些配件来换取与网站相关的单一信息。
我们承诺通过该页面提供。 无法删除内容?隐藏它,优先考虑(字面意思是“向上移动”)用户期望我们提供的主题。我在这里想说的一个经典例子是,我们将整个导航菜单隐藏在最经典的“汉堡包”下,即带有三条水平 阿曼电话营销数据 线的图标(您可以在右上角看到)。这样我就不会牺牲菜单,而是为其他信息获得有用的空间。 使用可缩放矢量图形 (SVG) 代替图像。事实上,如今也可以在网络上使用矢量图像,以保证其在每个设备上的最佳观看效果和连续性。因此,让我们告别 JPG 或 PNG 的徽标或图标,转而使用矢量。除此之外,SVG 的重量通常比相应的图像轻,从而使网站加载速度更快。
创建可以用手指轻松“粉碎”的可点击区域:说实话,必须放大非优化的网站并尝试粉碎专为鼠标指针精度而设计的链接,这对您来说有多麻烦?因此,我们认为我们的网站必须完全“通过手指”进行导航。建议的可点击区域大小?至少 45 或 50 像素高。这将消除不必要的页面打开以及由此导致的用户挫败感。 充分利用图像:老派希望桌面和移动版本使用单一图像。事实上,我们谈论的是非常不同的尺寸和比例,风险是手机上的重要部件被切割。今天,我们倾向于上传同一图像的两个版本,以确保我们显示需要显示的所有内容。这也意味着以千字节为单位优化文件权重,使移动浏览更快、更流畅。
我们承诺通过该页面提供。 无法删除内容?隐藏它,优先考虑(字面意思是“向上移动”)用户期望我们提供的主题。我在这里想说的一个经典例子是,我们将整个导航菜单隐藏在最经典的“汉堡包”下,即带有三条水平 阿曼电话营销数据 线的图标(您可以在右上角看到)。这样我就不会牺牲菜单,而是为其他信息获得有用的空间。 使用可缩放矢量图形 (SVG) 代替图像。事实上,如今也可以在网络上使用矢量图像,以保证其在每个设备上的最佳观看效果和连续性。因此,让我们告别 JPG 或 PNG 的徽标或图标,转而使用矢量。除此之外,SVG 的重量通常比相应的图像轻,从而使网站加载速度更快。
创建可以用手指轻松“粉碎”的可点击区域:说实话,必须放大非优化的网站并尝试粉碎专为鼠标指针精度而设计的链接,这对您来说有多麻烦?因此,我们认为我们的网站必须完全“通过手指”进行导航。建议的可点击区域大小?至少 45 或 50 像素高。这将消除不必要的页面打开以及由此导致的用户挫败感。 充分利用图像:老派希望桌面和移动版本使用单一图像。事实上,我们谈论的是非常不同的尺寸和比例,风险是手机上的重要部件被切割。今天,我们倾向于上传同一图像的两个版本,以确保我们显示需要显示的所有内容。这也意味着以千字节为单位优化文件权重,使移动浏览更快、更流畅。