×

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮

×

打开微信“扫一扫”,关注我们官方微信^_^

筑梦网络官方微信

当前位置:首页 > 新闻动态 >



桌面与手机:三大网站设计差异

发表日期:2017-03-21 20:52浏览: 作者:筑梦
到目前为止,我们大多数人都知道,在移动设备上浏览网站的体验与在PC设备上浏览网站的体验截然不同。屏幕的方向不同,我们会使用拇指代替鼠标或触控板,某些体验更困难或更麻烦。这就是为什么设计一个移动网站来满足移动用户的需求体验是如此重要。以下是网站的三个关键组件,需要在移动设备和桌面设备上有所不同。

1.内容组织

  移动设计的最复杂的元素之一是如何组织内容的问题。移动用户的需求可能与PC用户的需求不同。或者他们的需求可能是相同的,但他们的浏览行为会根据他们使用的设备而改变。

  当为移动设备设计页面时,第一优先级应该是组织网站内容以满足移动用户的需求。内容应垂直堆叠以适合移动设备的窄宽度。PC设备具有纵向取向,因此内容可以跨越屏幕拉伸,并且通常多个消息或图像可以在这样宽的空间中舒适地生活。移动设备通常用于纵向(和较小的屏幕,意味着在横向模式且水平空间有限)。

  另一件要考虑的事情是什么内容优先。您的移动用户的需求会有所不同吗?如果是这样,则值得考虑专门为移动设备进行设计,以便优先考虑这些用户的需求,而不是简单的从PC网站复制,这很可能是只是为PC用户设计的。

  在移动网页设计的早期,当时我们的手机还不太复杂,因此特不太习惯使用它们来执行更复杂的操作,常见的是剥离大部分网站的内容,并推出一个移动网站看起来像一个移动用户想要的。在2017年,这种方法将不再可取。今天的移动用户希望能够在他们的手机上访问与在PC计算机上相同的浏览体验。此外,移动设备是许多人的唯一或主要设备,所以完全可操作的移动站点可以是到达一部分用户的唯一方式。

  2.表格填充

  作为网络营销人员,我们需要花费大量时间优化我们的网络表单,以实现最大的转换。我们知道一个设计不良的形式是影响转化的重大因素。同样,在移动设备,表单需要专门设计,以方便移动用户填写。

  垂直对齐

  猜猜是什么?整个垂直对齐的页面也适用于移动端。原则是一样的 - 移动用户为了完成表单而水平滚动是困难和乏味的。为了使移动浏览器尽可能容易地填写表单填充过程,请确保表单字段垂直对齐。

  预测性文字

  通过为具有许多潜在输入的字段提供预测性选项来帮助用户。提供预测功能以让用户快速移动表单,减少打字错误的机会,这在使用小屏幕上输入时更为常见。

  最小化字段

  因为在移动设备上填写表单通常相当繁重麻烦,所以要通过减少字段数量以让表单尽可能简单。为了实现这一点,您应该向用户询问完成交易所必要的信息。有关用户的其他信息可能对您的公司很方便,但不应以转化为代价。

  只要有可能,你应该尝试使用单个字段的条目。同样,推理是,移动用户必须跳过大量的字段。如果你可以将多个字段合并为一个字段,这是一个好主意。

  3.菜单

  菜单格式化绝对是PC设备和移动设备之间的主要区别。在桌面上,通常有具有许多类别和子类别的大菜单。这种类型的设置非常适合那些屏幕足够大,这样可以读取这些菜单中的文本,并且可以轻松点击文本链接的桌面用户。

  但是同样的方法不适用于移动端,因为屏幕是小的,所以移动菜单应该考虑到这些事情。这意味着应该具有大文本或按钮的单级菜单,以及具有许多选项的菜单的垂直对齐。

  在移动设备上,菜单会折叠,然后在用户缩小类别时展开。

  这不是一个移动网站的所有功能的完整列表,需要不同于PC版本,但我们认为这些功能是三个里边最重要的。记住要始终考虑移动用户的需求以及他们浏览和使用信息的独特方式。希望这篇文章中提供的示例能为您改善移动端设计提供灵感。