移动网页如何与普通网页不同?

移动网页是一种独特的动物。 与适用于大屏幕和精确鼠标点击的桌面友好型网页不同,移动网页的大小适合较小的屏幕和不精确的手指敲击。 此外,现代网站有义务以桌面和移动格式发布,有效地要求每个网页创建两次。

08年1月

屏幕尺寸和“房地产”是不同的

这是桌面和移动网页之间最明显的区别。 虽然大多数台式显示器的尺寸为19英寸到24英寸,但平板电脑的对角线一般为10英寸。 智能手机是4英寸对角线。 简单缩小无法将网页成功转换为适合移动设备,因为这只会导致文本无法读取。 类似地,在缩小的网页上,手指敲击变得无法准确执行。 移动网页设计师实际上需要改变他们整个页面布局的方法。 通常,设计师需要删除侧边栏和不必要的图片,选择较小的图片,增加字体大小,并将内容合并到可扩展小部件中。 这种房地产限制推动了网络设计人员的一种完全不同的思维方式。

08年2月

小部件和“滑块”在; 侧边栏和空白处于空白状态

您可以预期,大部分适合移动设备的网页都会移除部分或全部侧边栏导航链接,并将其替换为可折叠/可消耗的菜单窗口小部件。 同样,预计内容的左侧和右侧不会留下空白区域,而设计师会努力最大限度地利用平板电脑和智能手机的空间,从而减少空白。

08年3月

手指敲击比鼠标点击更精确

手指敲击与鼠标点击不同:。

与桌面上的精确鼠标指针不同,人手指是一个blob,而手指敲击需要屏幕上有超大链接的大目标。 预计在移动网页上会看到更多的大型矩形水龙头目标(“瓦片”),并且基于文本的超链接数量会减少。 此外,菜单通常会被大按钮和大标签取代以适应手指敲击的不精确性。

08年04月04日

移动页面URL是不同的

移动网页网址不同。

移动友好的网页通常包含字母'm'作为其地址的重要部分。 (点击此处查看示例)当您使用移动平板电脑或智能手机浏览时,通常会自动为您选择移动URL 。 在某些情况下,您会看到一个可点击的链接,让您切换到常规桌面版本的页面。

08年05月05日

广告可以减少或消除

移动网页上的广告通常会减少。

是的,这对读者来说很棒,但对于网络广告商来说却是一个真正的痛点。 由于平板电脑或智能手机的空间有所减少,因此放置赞助商链接和大型横幅广告群体是行不通的。 相反,我们希望在移动网页上看到特殊的小型弹出式广告,通常位于屏幕的最下方。 随着移动设备的成熟,其他聪明类型的小型广告正在设计中。

08年06月

复选框和小链接会令人沮丧

当网站发布商不对小屏幕完全重新设计他们的内容时,他们通常会迫使我们使用我们的斑点型手指点击小小的复选框。 这会强制用户使用试错法或捏缩放来准确点击复选框。

08年7月

密码登录可能会变得模糊或过小

在移动网页上输入密码登录常常令人沮丧。

是的,这是许多移动网页的现代烦恼。 由于许多网络发行商仍然以22英寸屏幕的角度思考,他们会为您设置两种令人讨厌的移动体验:您的登录名和密码字段很小且难以点按,您的滑动移动键盘将覆盖您的登录名和密码字段。 您将需要通过使用捏缩放来适应,以使登录字段可见,并且您需要滚动屏幕并关闭键盘才能发现隐藏的登录按钮。 希望现代网络出版商能很快找到解决这个问题的巧妙方法。

08年08月

图片变得更加突出

移动网页上的图片大小不同。

通常情况下,照片会缩小以适应较小的屏幕。 在一些罕见的情况下,照片实际上会扩大以填充平板电脑或智能手机显示屏的宽度。