VIEW

保持不断的探索与研究

慧眼看世界,在前进的路上不断追求创新!

Keep exploration and research

PC端与移动端的三重点网站设计的差异

内容分类:观点 来源: 点击:  发表时间:2017-04-19 12:30:45

当前位置:首页洞察 > 观点 >

随着移动互联高速发展,智能手机逐渐普及。现在我们大多数人都知道在手机上浏览网站与PC端浏览的体验完全不同。如:手机端屏幕的大小有限、方向不同、视觉效果不同。我们用手指代替鼠标或触控板,和一定的任务更加困难或麻烦的。这就是为什么网站设计经验,满足移动用户的需求是很重要的。这是您的网站需要在移动与桌面不同的三个关键组件。海口网站建设

1.内容组织

 

一个设计移动最复杂的部分是如何的内容应该是有组织的。你的移动用户的需求可能不同于你的桌面用户。或者他们的需求可能是相同的(或类似的)但是他们的浏览行为会改变取决于他们所使用的设备。

 

手机游戏设计时,首先应组织网站内容,满足移动用户的需求。内容应竖放,以适应移动设备的窄宽度。桌面设备的纵向方向,内容横跨屏幕,往往多消息或图像可以舒适地生活在这样一个广阔的空间。移动设备通常用于在纵向方向(和较小的屏幕意味着即使在景观模式,横向空间有限)。

 

眼镜零售商,Warby Parker,将从平面垂直时,在移动设备上浏览的内容。

 

另一件事是优先考虑的内容。是你的移动用户不同的需求?如果是这样,这是一种优先考虑那些用户的需求移动设计价值,而不是简单地复制从您的桌面网站,这是最有可能考虑桌面用户。

 

在移动网站设计之初,当我们的手机那么复杂,我们不舒适的使用它们来进行更复杂的活动,它是常见的带出一个网站的内容或最与什么似乎像一个移动用户的准系统推出一个移动网站想知道。2017这种做法是不可接受的。今天的移动用户希望能够访问相同的浏览体验他们的手机作为他们的桌面电脑。此外,手机是唯一的或主要的装置,对很多人来说,一个全面运作的手机网站可以达到用户的一部分的唯一途径。

 

 

邪教自行车工作室链,灵魂周期,允许用户在桌面或移动一类的书。内容布局是移动版的垂直对齐。

 

2.填表格

 

作为营销人员,我们花了很多精力优化Web窗体的最大转换。我们知道,设计一个合理的形式是可以转换的杀手。同样是真实的,当然,在移动。和形式需要专门设计,便于移动用户填写。

 

垂直对齐

你猜怎么着?整个垂直对齐的事吗?它适用于形式。原理是一样的,它是困难和乏味的移动用户来回滚动水平才能完成的形式。为了使表格填写的过程尽可能轻松的移动浏览器,确保表单字段垂直对齐。

 

 

春分将轻松完成表单字段移动。

 

预测文本

帮助你的用户提供许多潜在的反应领域的预测方案。提供预测允许用户快速通过运动和减少的机会,这是比较常见的错别字,打字的时候在一个小屏幕的拇指。

 

Kayak提供的起源和用户的搜索目的地的航班预测文本。

 

最小的领域

因为填写表格的移动通常是相当繁重的,要尽可能减少字段的数量。要做到这一点你应该只问用户,完成交易是绝对必要的信息。有关于用户的附加信息可以方便的为你的公司,但它不应该在一个转换代价。

 

只要有可能,你应该尝试使用入门单场。再次,其理由是,移动用户可以跳过大量的领域很烦人。如果你能凝聚成一个多领域,这样做是个好主意。

 

3.菜单

 

菜单格式绝对是桌面和移动之间的差异的一个关键领域。在许多类别和子类别有巨型菜单的桌面上很常见。这种类型的设置非常适合桌面用户的屏幕足够大,就可以在这些菜单读课文,可以点击文本链接。

 

当然,这是在移动,一个不同的故事,因为屏幕小拇指大(相对)。手机菜单的设计应考虑这些事情。这意味着在大的文本或按钮的单级菜单,和许多选项菜单的垂直对齐。

 

J. Crew的桌面网站与吨类特大菜单。

 

 

在移动、菜单的崩溃,作为一个用户缩小在一个范畴扩大。

 

这是不是一个全面的列表所有的特点移动网站需要不同的桌面版本,但我们认为这些特征是三种最重要的人。记住要考虑移动用户的需求以及独特的方式在他们的浏览和消费信息。希望在这篇文章中提供的例子作为改善你网站上的移动的启示。

禾创网络,想客户之所想。海南网站建设海口网站建设海南政府网络服务移动应用电子商务微信二次开发电子商务,联系电话:18789279910  网址:www.hnhcnet.com

关键词: 点网 差异 端的
分享到:
延伸阅读:
你觉得这篇文章:
收藏到个人中心
专注高端网站设计

禾创网络

做不一样的创意产品,为企业创造价值

专注互联网技术服务

联络

QQ联系:810062098

邮箱:caizejiang130169@163.com

互动留言

禾创网络

抱歉!好像您使用的浏览器版本太低了
为了得到我们网站最好的体验效果,我们建议您升级到最新版本的IE浏览器,或选择其它推荐浏览器