移动优先技术是在网站制作的各个阶段优先考虑现代智能手机流行的桌面宽度：360-375px 的移动版本（MV）。笔记本电脑和计算机的页面架构可以从中继承。
当涉及到为智能手机调整常规网站时，开发人员会隐藏所有不必要的或不适合小屏幕的内容。在移动优先的情况下，没有必要隐藏任何东西，因为原始版本已经很简洁，专注于消费者的内容和兴趣。
移动优先 - 一种通用的开发方法，或者只是 2019 年的网页设计趋势 - 图片
如果以宽格式打开这样的页面，包含信息的块会重新排列。例如，轮播展开为水平卡片块，导航位于标题中，并且不会进入汉堡菜单。
重要的一点：随着移动优先方法的广泛使用，不会出现新的块或信息。填充只能通过相同数据的数量、设计和放置来实现。
优点和缺点
诸如此类的话题在设计师和网络开发人员中引起了很多情绪。在重读了数百篇主题性文章后，我们发现了移动优先的粉丝和反对者最常见的一些言论。
支持的声音：
界面简洁，易用性提高；
该方法在最早阶段起作用，您可以立即切断不必要的功能；
从桌面到移动屏幕的过程中内容不会丢失；
搜索引擎有机移动第一排名；
移动用户 (MS) 立即接收他们需要的内容，无需大量隐藏样式、代码和图像；
小企业在越来越多的行业中占据主导地位；
此类流量不断增长，市场有发展空间；
让人们习惯 CF 比强迫他们安装复制 Web 资源功能的应用程序更容易。
反对意见：
有些行业不适用此规定；
需要覆盖的不同设备的数量；
有经验的 搜索引擎优化专家 可以提供MV作品，以免遭受移动第一排名之苦；
早期制作原型和概念比较困难；
客户对具体细节知之甚少，并且不想为酷的方法支付过高的费用；
CF设计中克服心理障碍并不容易；
Android 和 iOS 之间的技术差异；
我们需要更高级别的专家，因为首先制作高质量的手机更加困难；
可以根据预算单独进行制作一个移动网站在子域上而不是创建响应式设计现存的;
这种流量被高估了；其中大多数是在社交网络和即时通讯工具上。
论据来源：https://www.cossa.ru/trends/157587/
作者说：“对于绝大多数议员不是把时间花在网上冲浪，而是花在社交网络和消息上的反对意见是非常有分量和公平的。本文下一部分给出的统计数据证实了这一点。但作者本人必须从个人经验中观察到，在引入符合移动优先方法论的自适应布局后，常客数量如何急剧增加。让用户有机会在午餐时或地铁上查看网络平台资料 - 他永远是你的！
如果有人无法做出好的手机用户体验，这并不意味着此类网站没有生命权。关注主要市场参与者和Google要求，了解真实状况并及时记录趋势用户体验设计2019 年。”
交通“未雨绸缪”
平均每百人拥有 96 部手机。最集中的是香港——每人最多拥有两部半手机，最少的是古巴和朝鲜，统计数据表明每组有十二部手机，容量相同。超过一半的智能手机可以查看网络资源。与此同时，世界上只有 48% 的人口拥有固定互联网接入。
近一半的用户只需要智能手机来进行传统的使用方式——通话和发短信。他们不下载新应用程序，也几乎不浏览网站。这些人组成了移动互联网受众的“未雨绸缪”储备能力
ThinSlices 机构的习惯和行为统计数据：
68% 的智能手机交易是在家中进行的；
72% 的用户始终将智能手机放在手边；
用户平均每天使用手机约 150 次；
欧洲人在白天更频繁地使用该小工具，美国人在晚上，而中国人则在午餐时使用该设备。
最流行的移动使用服务：Facebook、YouTube、Gmail、微信、Twitter、Skype、Whatsapp 和 Instagram，但 Google 地图仍然是记录保持者。
创建一个网站流行的可能性很高，如果了解目标受众的行为机制以及人们在特定条件下愿意花时间做的事情，就会容易得多。 2019 年网站设计的趋势正在发生变化，但关注最终消费者始终保持相关性。
使用智能手机对各种类型的活动进行评级：
休闲和娱乐——46%；
沟通——19%；
购买 - 12%；
其他活动的管理 - 11%；
为其他活动做准备——7%；
信息搜索 - 4%；
兴趣和爱好 - 1%。
列表中的前三类集中了 77% 的手机使用总时间。
移动优先方法的组成部分
为了做出优质的产品，不仅要考虑到2019年的网页设计趋势，还要考虑到最终消费者的便利性，有必要遵循一些技术建议。它们不仅影响内容，还影响菜单、页面权重优化和对象识别。
内容至上
“通常情况下，内容优先于移动设备上的导航，”Luke Wroblewski “移动优先”
议员希望立即得到结果，而不是澄清问题。一个很好的例子：想象一个人提出了一个问题，手里拿着一叠答题卡。他拿出一张卡片，研究了两三秒钟，然后拿了一张新的。我们不知道他之前看了多少张牌。我们不知道我还准备看多少张卡片。
大多数情况下，智能手机用户通过搜索、电子邮件、即时消息或社交网络的链接访问该网站。当您打开网页时，它应该立即提供令人满意的响应并吸引注意力继续浏览该页面。
除了时间限制之外，人们还经常受到适度屏幕尺寸的限制。因此，过滤掉不能引导消费者实现目标的内容就显得尤为重要。
任何装饰元素、任何额外的图片都是解决 摩洛哥电话号码数据 访客问题的沉重鹅卵石。智能手机操作系统的界面变得相当简约，这并非没有原因——根本没有任何装饰。 2019年网页设计的新趋势是功能性、极简主义和丰富的“空气”。
移动优先 - 2019 年的通用开发方法或简单的网页设计趋势 - 2 - 图片
开发人员在开发移动优先网站时需要遵循类似的概念。有足够的版式和颜色编码来突出显示重要内容并放置重点。没有信息内容的图片是一种额外的负担。为网站创建动画也应该包含在帮助用户实现目标的概念中。
几乎所有东西都是由专家制作的 响应式网站有一个极简的顶部和隐藏的导航。几乎整个可见区域都被内容占据了。
简单且响应灵敏的导航
有时，为了提高感知，部分导航会放置在主页上，以便用户立即了解他可以期待什么。它以链接、图块或横幅列表的形式出现。
移动优先 - 2019 年的通用开发方法或简单的网页设计趋势 - 3 - image
在其他情况下，导航看起来很传统：一个朴素的图标和一个下拉到内容顶部的汉堡菜单。但这里也有一些技巧。
当菜单打开时，汉堡图标应该改变外观，并可以关闭导航。
如果菜单项的重要性不同，则值得在视觉上识别重音 - 使用产品目录或主登陆页面使用图标或颜色突出显示有关服务/产品的信息的项目。
当网站结构复杂时，菜单可以是多级的，可以过渡到带有子类别链接的附加块。
对于较长的二级菜单，最好在汉堡中有一个单独的块，并且能够向下滚动屏幕。
如果第二层的链接很少，一个很好的选择是将目录扩展为树结构。
通过多级导航，您应该始终能够在不关闭菜单的情况下返回上一步。
如果您计划进行大量嵌套，则应将自己限制在汉堡中的前两项，然后在页面开头放置指向更深层次目录的链接。当然，您可以通过汉堡菜单中的链接隐藏 4-5 个不同的屏幕。但根据测试结果，这种导航由于步骤较长，使用起来比较困难。
现代网站设计的趋势是方便，因此建议以不同的形式在页脚中创建重复的导航结构 - 使用手风琴实现它，并扩展页面树。
事实证明：汉堡菜单是一个可疑的决定，会对页面浏览的深度产生负面影响，但通常没有其他选择。为了稍微改善用户体验，您可以直接在页面上复制重要的导航点。作为一个选项，可以在第一页上添加一个清晰可见的“产品目录”按钮，该按钮可以打开所需级别的主导航，而无需查找图标或打开单独的目录菜单。
使用移动导航时，必须跟踪站点周围的移动路线。如果人们在某些项目上移动的频率大大降低，那么调整菜单设计就很重要。
小屏幕上的按钮和号召性用语
在执行任何活动之前，读者会扫描空间几秒钟以搜索必要/有趣的信息。同时，注意力沿着非常特定的轨迹引导——从上到下，从左到右周期性移动。
移动优先 - 2019 年的通用开发方法或简单的网页设计趋势 - 4 - image
著名报纸设计师埃德蒙·阿诺德将此称为“古腾堡原理”。它很好地说明了阅读的重要性，这有助于确定任何重要块和号召性用语的适当位置。
向下或向上
最自然的选择是在屏幕末尾放置一个按钮或块来调用操作。目光向下移动，很容易找到完成逻辑构造的活跃元素。如果你把它放在顶部，你将不得不返回并浪费宝贵的时间。
