免费获取策划方案多一份参考,总有益处

重庆网页设计

Web design

案例778

重庆网页设计

桌面与手机:三大网页设计差别

来源:xk星空官方网站|时间:2019-01-05|浏览:

到目前为止,我们大多数人都知晓,在移动设备上浏览网站的体验与在PC设备上浏览网站的体验截然不同。屏幕的方向不同,我们会操作拇指代替鼠标或触控板,某些体验更困难或更麻烦。这就是为何设计一个移动网站来满足移动客户的需求体验是如此紧要。以下是网站的三个关键组件,需要在移动设备和桌面设备上有所不同。

网页设计

1.内容组织

移动设计的最复杂的元素之一是怎样组织内容的问题。移动客户的需求可能与PC客户的需求不同。或者他们的需求可能是相同的,但他们的浏览行径会按照他们操作的设备而改变。

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

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

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

2.表格填充

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

垂直对齐

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

估测性文字

通过为具备众多隐性输入的字段提供估测性选项来帮助客户。提供估测功能以让客户火速移动表单,减轻打字谬误的机遇,这在操作小屏幕上输入时更为常见。

最小化字段

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

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

3.菜单

菜单格式化绝对是PC设备和移动设备之间的紧要差别。在桌面上,通常有具备众多类型和子类型的大菜单。这种类别的设立极其合适那些屏幕足够大,这样能够读取这些菜单中的文本,并且能够轻易点击文本链接的桌面客户。

但是同样的手法不适用于手机端,由于屏幕是小的,所以移动菜单应当思考到这些事宜。这意味着应当具备大文本或按钮的单级菜单,以及具备众多选项的菜单的垂直对齐。

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

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

 

留言

返回顶部

君
重庆网站建设重庆网页设计桌面与手机:三大网页设计差别
XML 地图