知识分享

桌面与移动:三个关键的网站设计差异

发表日期:2019/6/10 16:41:43 文章编辑:莹晨建站 浏览次数:1852

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


1.内容组织

移动设计最复杂的要素之一是如何组织内容的问题。移动用户的需求可能与桌面用户的需求不同。或者他们的需求可能相同(或类似)但他们的浏览行为将根据他们使用的设备而改变。在设计移动设备时,首要任务是组织网站内容以满足移动用户的需求。内容应垂直堆叠,以适应移动设备的窄宽度。桌面设备具有纵向方向,因此内容可以在屏幕上伸展,并且通常多个消息或图像可以在如此宽的空间中舒适地生活。移动设备通常以纵向方式使用(较小的屏幕意味着即使在横向模式下,水平空间也是有限的)。

网站设计


当在移动设备上观看时,眼镜零售商Warby Parker将内容从水平对齐重新排列为垂直。要考虑的另一件事是要优先考虑的内容。您的移动用户的需求是否不同?如果是这样,那么值得考虑以优先考虑这些用户需求的方式设计移动设备,而不是简单地从桌面网站复制,而桌面网站最有可能是为桌面用户设计的。

在移动网站设计的早期,当我们的手机不那么复杂并且我们不太习惯使用它们来执行更复杂的活动时,通常会删除网站的大部分或大部分内容并使用准系统启动移动网站移动用户想要了解的内容。此外,移动设备是许多人的唯一或主要设备,因此完全可操作的移动网站可能是接触部分用户的唯一途径。 


2.表格填写

作为营销人员,我们花费大量精力优化我们的网络表单以实现最大程度的转换。设计糟糕的形式可以保证成为转换杀手。当然,在移动设备上也是如此。表格需要专门设计,以便移动用户轻松填写表格。

整个垂直对齐的,它也适用于表格。原理是相同的 - 移动用户水平来回滚动以完成表单是困难和乏味的。为了使移动浏览器的表单填充过程尽可能简单,请确保表单字段垂直对齐。

网站设计


因为在移动设备上填写表单通常非常繁琐,所以您希望通过减少字段数量来尽可能简化。要完成此操作,您应该只询问用户完成交易所必需的信息。获得有关用户的其他信息可能对您的公司来说很方便,但不应以转换为代价。


3.菜单

菜单格式绝对是桌面和移动设备之间差异的关键区域。在桌面上,拥有许多类别和子类别的超级菜单是很常见的。这种类型的设置非常适合桌面用户,他们的屏幕足够大,可以读取这些菜单中的文本,并且可以轻松点击文本链接。

网站设计


这在移动设备上是一个不同的故事,因为屏幕很小而拇指(相对)很大。移动菜单的网站设计应考虑到这些因素。这意味着具有大文本或按钮的单级菜单,以及具有许多选项的菜单的垂直对齐。在移动设备上,菜单会折叠,然后随着用户缩小类别而展开。


这绝不是移动网站所有功能的全面列表,需要与桌面版本不同,但我们认为这些功能是最重要的三个功能。请记住始终考虑移动用户的需求以及他们浏览和使用信息的独特方式。希望本文中提供的示例可以作为改进您网站上的移动设备的灵感。


标签: 网站建设
将文章分享到..
相关新闻
全新新闻
随机新闻
最新网站设计案例

中薇金融控股有限公司

上市金融企业 网站建设

瑞得万(北京)国际卡丁车场

卡丁车汽车运动 网站建设

顺义市政集团

市政控股集团 站群网站建设

哈纳沃德仪器

水质分析仪器公司 网站建设开发

芭迪熊亲幼馆

托幼早教品牌 网站设计建设

DUO建筑设计事务所

建筑设计事务所 网站建设

风景文创

文创设计企业网站建设

北京大地风景建筑设计有限公司

景建筑设计有限公司 网站建设案例

AIP国际教育集团

国际艺术留学教育集团 网站建设案例

袈蓝公社

建筑及室内设计企业 网站制作

国网电力设计

国家电力 网站制作

中金智汇

智能化商业企业网站设计

紫光科技服务集团

集团企业网站建设 网站制作

北控风力发电

发电企业网站建设 网站设计

北空空调

空调企业网站建设 网站建设案例

北建控股有限公司

集团网站建设 集团类网站案例

韩国 NETHOM

海外网站建设 科技类网站

博天大业集团

生物科技公司 网站设计 网站开发

维度点室内设计

室内设计公司网站建设 建站项目

O管家 - 一站式企业管家服务平台

一站式企业管家服务平台网站制作

英国国家创新创业教育中心(中国)

necc-英国国家创新创业教育中心网站建设项目

E知网

知识产权门户网站建设 E知网

牙医匠(牙齿行业门户)

一站式口腔服务O2O平台 网站建设

冠舟医美

医疗美容企业网站建设案例

拼图留学

为中国家庭提供海外教育系列产品与服务

人教社

人教教材中心 网站建设 网站制作

华夏视听环球传媒

电影电视剧制作发行为一体的国际传媒公司

国际教育科技集团

国际教育科技集团 网站建设

悦宝园

早教教育机构 网站建设案例

新奥集团-新奥财务有限责任公司

新奥集团成员单位提供财务管理服务的非银行金融机构

北京大学-北京北大新世纪集团

北京大学旗下教育集团 网站建设 网站制作

国家文物局-水下文化遗产

中国水下文化遗产保护中心 网站建设

企业管家服务平台-哦管家

“楼宇统一通信”,服务于100余个高端商业写字楼项目

Hi,我来帮您!