首页 新闻资讯 建站经验

设计手机网站的几个技巧

1:所有的移动站点都需要一个viewport元标记

在构建移动站点时,请记住包含viewport元标记。viewport是一个虚拟的领域,搜索引擎使用它来确定站点内容的缩放方式,这使得在构建多设备体验时,包含元标记非常重要。

viewport meta标记告诉移动浏览器它必须适合更小的屏幕。没有它,网站将无法在移动设备上很好地运行。无论选择哪种配置来指定要控制的viewport,都要确保它包含在文档的开头。


2:对于移动网站来说,大小很重要

您是否曾经访问过移动设备上的某个站点,该站点提示您选择一个按钮,但该按钮太小,以至于您按错了按钮?或者你曾经为了阅读而放大过吗?

这是非常令人沮丧的,这就是为什么在移动设计中,尺寸很重要——不仅仅是页面的大小,还有字体和按钮的大小。

3:弹出窗口或刷新不应该用于移动网页设计

即使是很小的弹出窗口也会让手机用户头疼。因为移动浏览器通常不支持弹出式窗口,当弹出式窗口出现时,整个用户体验都会受到影响。

在整个设计过程中,确保避免使用弹出窗口获得最佳的移动结果。类似地,取消定期刷新,以防止填充移动设备有限的设备缓存。如果页面需要刷新,则让查看器进行控制。

4:减少导航所需的用户文本输入

您可能知道,在移动版本的网站中输入文本通常非常困难。减少用户的文本输入,代之以按钮或列表,这样浏览者就可以轻松地选择他们需要的内容,而不用担心文本输入。

请记住,与桌面用户不同,移动用户不能访问传统的键盘或鼠标,因此要使用创造力开发不同的方式,让浏览者在不使用小键盘或具有挑战性的导航的情况下仍然可以获得相同的用户体验。

5:在你的设计中使用创造性的导航位置

在你开始建立你的网站之前,你可能做了大量的研究来了解你的受众以及他们在网站中寻找什么。在优化mobile时,请重新访问这些信息,以确定特定的受众希望如何浏览站点。

如果您的目标用户想要看到快速变化的内容,请将导航菜单放置在主材质下面。这将为内容和标题留下可见的空间,而不会妨碍页面视图。

另一方面,如果查看器希望立即访问类别导航,则应该将导航菜单放在页面顶部。

6:简化站点的设计

删除不必要的内容,简化网站设计,创造最终的可用性。请记住,“移动优先”的方法都是关于minimalismTwitter徽标的,简化设计有助于提高可用性。

创建一个站点,通过避免包含表格、框架和其他格式,使用户可以轻松地浏览站点。保持绝对最小填充,因为用户点击链接越多,等待加载时间就越长。简化你的网站,在内容和导航之间取得平衡。

7:把页面分成小段

将在大型台式电脑上显示良好的内容硬塞到小型手持设备上,有时就像把一个方形的钉子塞进一个圆形的孔里。

通过在几个不同的页面上放置较长的文本部分,而不是用户必须不断滚动以查看内容的一个页面,将页面分成小部分。去掉页面中优先级较低的内容,并坚持使用单列包装的文本,以防止水平滚动。

8:对于移动用户来说,图像缩放会带来很大的不同

查看内容和背景中使用的每个图像。当用户在纵向和横向浏览时,验证图像缩放是否正确。如果图像没有缩放到适当的尺寸,您应该更改CSS规则,以告知图像的宽度为100%,或者在页面中包含(对于背景图像)本身。


上一条:建立移动网站4个步骤 下一条:成功的网站照片所必需的多种技巧
返回
快速联系

You can contact us by email, phone number and address

请您拨打本凡一对一咨询电话:

0551-65651281
18326678023

您也可以咨询我们的在线客服

客服咨询 客服咨询 客服咨询