为移动设备设计网站现在是任何企业网站建设过程的基本考虑因素。在一个移动使用量只会攀升的世界中，大多数网页设计师已经将他们的大屏幕换成了移动设备，并正在针对移动优先功能进行设计，针对小屏幕进行优化，使其成为设计过程的重要组成部分，许多人远离标准桌面设计，专注于一个流畅的系统，用于扩展当今世界许多设备的网站。

移动设计好坏之间的区别通常可以归结为用户体验（UX）策略的质量。一个好的用户体验策略可以将一个成功的网站与一个不成功的网站区分开来，今天的客户对MVP（最小可行产品）的期望很高。所有这些，以及更多，这就是为什么UX现在被认为是设计过程的重要组成部分，而不仅仅是曾经的事后想法。

在来美通网络，UX和用户界面（UI）从来都不是事后的想法，在博客中，我们希望更多地解释为什么下次您希望投资或创建新的在线主页时，移动设计应该是您的默认位置。在这里，我们将列出要考虑的五个原则，并提供一些关于网页设计这一部分绝对应该避免的事情的见解。

为移动设备设计网站时要考虑的五件事

在针对移动设备进行设计时，在开始构建之前，您需要考虑无数事项。以下是要考虑的流程中最重要的五个方面，虽然此列表并不全面，但它是一个很好的起点，可以让您在构建令人惊叹的新网站时开始考虑其他值得记住的事情。从消除屏幕本身的混乱，无论是文本框、图像还是不必要的视频，一直到看似小的事情，例如号召性用语（CTA）按钮的大小，移动网页设计的这五大支柱将确保您以最佳方式开始该过程。 

1. 设计前的研究 

开始一个新项目总是会诱使您直接跳入设计线框和布局，这是设计师尽最大努力的地方，也是想法成为现实的地方。

这实际上可能是最糟糕的主意，因为您不是目标受众，并且受众可能会使用不同的过程或具有使用它们的设置用户流。任何项目的目标都是创建客户可以有效使用的体验，并转换主要优先级。适当的研究可以帮助您了解您的客户是谁以及他们需要什么来实现这些目标。 

对您的客户进行适当的研究可能是广泛的，并且可能不是所有 Web 项目类型和大小都需要的。以下是一些可用于所有 Web 项目的实用技巧，以帮助更紧密地定义用户，帮助您在设计过程中做出决策。 

（1）首先，看看竞争对手在做什么。调查公司的竞争对手在做什么是对该行业以及目标受众可能喜欢什么的良好洞察。注意他们使用的内容有助于告知您应如何创建某些功能以改进直通和转化目标。

（2）完成此操作后，开始识别基本用户。建立深入的用户角色以了解您的受众是关键。您的目标受众是年轻受众吗？如果是这样，您可能会允许更少的手把手，因为年轻人通常被技术所包围，不需要了解基础知识，另一方面，一个拥有大多数老年目标受众的行业，如移动辅助设备，需要更多的手把手和描述下一步是什么。

（3）最后，检查旧网站数据。从不同角度检查数据有助于了解未充分利用的功能导致转化率下降的原因，这可能是由于混淆或功能过于复杂，而高直通率则表明该功能是必需的，并且是转换的热点。

2. 减少杂乱

在一个屏幕上为用户提供所有可用内容可能会非常压倒性，并且会大大增加下降，在移动设备上，由于屏幕尺寸减小，这大大增加。每个添加的按钮、图像或文本行都会增加混乱，因此删除或隐藏直到需要是伟大的用户体验所非常鼓励的。

在当前的设计趋势中，杂乱被认为是极简主义的敌人，专注于绝对必要的组件是有价值的。这意味着尽量减少使用诸如过多的阴影，渐变和大胆的配色方案等装饰元素，所有这些都会分散客户的注意力。

优先考虑每个屏幕一个操作，并在这样做时，还非常重视一个 CTA（号召性用语）来帮助转换，减少客户可以导航或对活跃用户旅程感到困惑的区域数量。具有明确目标的明确用户旅程总是击败杂乱无章的屏幕。

3. 专注于精心设计的导航

帮助客户浏览整个网站应该是每个网站的首要任务。转换是一种跟随面包屑直到客户转换的游戏，如果客户正在努力有效地浏览网站，那么内容和功能几乎毫无意义。

当一个网站满足他们的期望时，人们会很高兴。为了实现这一目标，请使用目标受众熟悉的其他网站上看到的导航模式，例如，电子商务网站更有可能在导航中包含产品类别，而在潜在顾客转换中，您更有可能导航到带有表单的内容相关页面以快速转换客户。

网站的一致性始终很重要。这与网站的导航相同。将类似的功能从一个区域移动到另一个区域可能会让用户感到困惑或减慢/延迟用户旅程，前提是清晰一致的导航路径允许逻辑清晰的旅程，从而提高转化率。

4. 创建手指友好的 CTA

在为桌面设计时，我们被告知按钮需要达到高度可见的规模，但不会接管内容并导致内容分心。在移动设备上，这是不同的。

由于移动屏幕的大小，按钮尺寸需要过大并被视为优先事项，使用太小的按钮尺寸和号召性用语可能会增加错误点击次数，从而导致更高的页面流失，仅仅是因为您的受众已经决定去其他地方。

在桌面上，指针是一个图标，而在移动设备上，指针是你的手指，它们要大得多，因此需要更多的表面积来避免错误点击。 在一项研究中发现，42-72px是移动设备上按钮的最佳尺寸，任何较小的按钮都会增加错误点击的可能性并且准确性低，较大的尺寸会导致内容溢出首屏或分散内容的注意力。然后根据按钮的使用将此范围分解为多个阶段。低优先级操作的最小大小为 42px，而高优先级操作需要更明显的按钮，因此最大大小为72px。

根据目标市场的不同，这种规模可能会发生变化。例如，老一代更有可能难以阅读 42px 按钮上的任何内容，因此在此处使用较大的尺寸可能会看到高转化率。按钮间距也是按钮大小调整的一个重要方面，通常可能是错误点击的问题。该研究得出的结论是，12-48px 之间的范围是最佳的，较大的按钮样式需要更少的间距，因为可点击区域已经很大。

5. 互动

移动网站上的互动对于网站的整体可用性非常重要。通过单击按钮进行反馈确认有助于用户了解操作的结果，而无需阅读文本。例如，客户单击按钮不确定服务器是否延迟返回响应（如页面更改）或是否未执行单击操作。为较长的操作提供加载轮或计时器等操作可以大大提高任何网站上的转化率和交互性，简单的动画效果可以帮助阐明操作的结果。

构建适合移动设备的网站：要避免什么

不要追求完美 

创建一个从一开始就完美的设计永远不会有好结果。创建设计的小型迭代可以极大地改善整体结果。这就是为什么始终建议遵循迭代设计方法并随时测试设计的原因。 

在设计过程的早期阶段专注于快速原型制作可以使项目取得长足进步，并且可以基于从测试中收集的见解。 

权限 

向客户请求网站负载的权限是正常的，这对GDPR有利，因为它允许跟踪整个网站的会话。 当网站在开始时请求权限时，用户通常会拒绝此类权限请求。

为避免这种情况，您只能在相关时请求许可。例如，仅在需要交互式地图时才询问用户的位置，在主页上请求许可可能会拒绝，因为他们不知道他们的信息用于什么。如果在相关任务期间被询问，用户更有可能授予权限。仅在网站体验绝对必要的情况下在启动时请求权限。 

死胡同页和空状态 

导航到没有CTA的页面就像在迷宫中到达死胡同，它不会增加客户的乐趣，并且会增加流失。为避免这种情况，您可以包含指向相关页面、产品或博客的链接。或者，您可以将用户重定向到主页，他们可以在其中完全启动新的用户流，这通常是在转换后发生的事情，以从一开始就将客户推回用户流，希望他们再次浏览用户流并转换。

结论：用户体验从未如此重要

客户希望网站能够满足他们今天的需求，并且他们的期望随着每次新的迭代而越来越高。网站上的用户体验需要将客户引导到相关方向，同时使流程尽可能高效和清晰。改善用户体验不是一个一次性的项目，它通常是一个贯穿项目生命周期的持续过程。