专注营销型网站建设外贸网站建设!自适应IPAD+手机微信+电脑

专属定制:138 2557 5516 关于智唯 | 联系智唯
网站设计News
公司网站建设

移动端网站设计和桌面版网站设计有什么区别?

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
20Oct
2017
移动端网站设计和桌面版网站设计有什么区别?

blob.png


到目前为止,我们大多数人都知道,在手机上浏览网站的经验与在桌面浏览网站上的体验截然不同。屏幕方向不同,我们使用拇指而不是鼠标或触控板,某些任务更加困难或繁琐。这就是为什么网站设计体验为了满足移动用户的需求是如此重要。以下是您的网站的三个关键组件,需要在移动版和桌面版上有所不同。


内容组织


移动网站设计的时候最复杂的元素之一是如何组织内容,移动用户的需求可能与桌面用户的需求不同。或者他们的需求可能是相同的(或类似的),但是他们的浏览行为将根据他们使用的设备而改变。

在设计手机网站页面时,首要任务是组织网站内容,以满足移动用户的需求。内容应垂直堆叠以适应移动设备的窄宽。桌面设备具有纵向延伸扩展性,因此内容可以在屏幕上得到最大的延伸,并且一组消息或一组图像可以在桌面设备空间中得到更好的展示。移动设备通常以纵向方向使用(较小的屏幕表示即使在横向模式下,,水平空间有限)。


blob.png

blob.png


眼镜零售商Warby Parker在移动设备上观看时将内容从水平对齐重新排列为垂直。

需要考虑的另一件事是确定优先级的内容。移动用户的需求是否不同?如果是这样,值得考虑的是为移动网页设计,以优先考虑这些用户的需求,而不是简单地从桌面网站复制,这最有可能继承了桌面用户设计思路。


最早手机还不是那么复杂,而且我们不舒服地使用它们进行更复杂的活动时,通常会删除网站内容的大部分或大部分内容。在2017年,这种做法已经不能接受了。今天的移动用户希望能够在他们的台式计算机上使用手机上的浏览体验。此外,移动设备是许多人的唯一或主要设备,因此完全操作的移动网站设计可能是达到一部分用户的唯一方式。


blob.png

blob.png


作为营销人员,我们花费大量精力优化我们的网络表单以实现最大化转化。我们知道设计不好的形式保证会降低网站的转化率。当然,在手机上也是如此。而且,表单需要专门设计,以便移动用户轻松填写。

猜猜什么?那整个垂直对齐的东西?它也适用于表格。原则是一样的 - 移动用户横向滚动来完成表单是很困难和乏味的。为了使移动浏览器尽可能地简化表单填写过程,请确保表单字段垂直对齐。


blob.png

blob.png


通过为具有许多潜在响应的字段提供预测选项,帮助您的用户。提供预测允许用户快速移动表单,并减少打字机会,这在小屏幕上使用拇指打字时更为常见。


blob.png

Kayak.com提供用户飞行搜索的起点和目的地的预测文字。


最小化字段

由于在移动设备上填写表单通常非常繁琐,因此您希望通过减少字段数量使其尽可能简单。要完成此操作,您只应向用户询问完成交易绝对必要的信息。有关用户的其他信息可能对您的公司很方便,但不应该以牺牲转化为代价。只要有可能,您应该尝试使用一个单一的入口。如果您可以将多个字段集中在一个字段中,这是一个好主意。


菜单

菜单格式绝对是桌面和手机之间的关键区域。在桌面上,通常有许多类别和子类别的大型菜单。这种类型的设置对于具有足够大的屏幕的桌面用户来说非常适用,他们可以在这些菜单中阅读文本,并且可以轻松地点击文本链接。移动菜单应该考虑到这些事情的设计。这意味着具有大文本或按钮的单级菜单,以及具有许多选项的菜单的垂直对齐。


J.Crew的桌面版网站有大量的大型菜单,有大量的类别。


blob.png

blob.png

JCREW移动

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


可能感兴趣文章推荐:佛山企业网站建设方案这些内容更专业

全网(营销型+响应式)专业定制

快速搭建高询盘企业独立站

专业建站,找智唯

扫码加好友,即送价值3880元的SEO优化教程

(以及18种网络营销技术+学习100节互联网推广课程)