移动端用户已经超过了PC端用户的数量，对于希望充分利用其在线业务的企业主来说，让他们的网站成为移动友好型网站是必须的。

许多网站所有者认为，这意味着为了满足这些典型移动设备（无论是智能手机还是平板电脑）的尺寸限制而使它们的内容接口更小。事实是，移动站点与桌面站点的工作方式并不同。

移动设备有更多的限制，比如对电池的依赖，无线连接，当然还有屏幕空间。功能和内容并不总是很容易在更小的屏幕上得到转化。在大多数情况下，一个移动友好的设计需要一个特定的区别。这里有一些你应该考虑的移动设计的技巧。

一、尝试

今天许多网站开发人员先为移动设备设计网站，然后再是桌面。由于屏幕尺寸的限制，他们很快就学会了“少即是多”，并且在设计中保持极简主义的特征。这是一个专注于站点重要内容方面的问题，并使用户能够轻松地执行有利于业务的关键任务。

这种“移动优先”的方法的关键是确定主要类别，优先考虑它们，然后首先设计最小的屏幕。当你改变移动屏幕尺寸时，你可以添加更多的元素和优先级。

二、简单的菜单和导航

菜单和导航元素在移动端和桌面一样重要。然而,典型的菜单栏在移动网站显得太大，并不适合与用户交互，所以在大多数情况下，最好使用一个汉堡包图标或下拉手风琴菜单并将其置于屏幕顶部的左边或右边。

多级菜单也会在移动端出现问题，因为用户通常不想通过多级菜单导航来访问他们需要的内容。

诀窍在于只展示你的网站最重要的部分，即那些你的用户最有可能想要或需要的部分。避免在你的页面上放置太多的选项和小工具。

三、创造价值

如果你的企业想要进入移动市场，你的网站的移动版本是必要的。它还能够帮助你优化你的搜索引擎站点。然而，你的手机应用程序本身如果不能找到任何价值，你的用户可能不会得到任何牵引力。

你的移动应用程序或网站应该为终端用户提供一些东西来激励他们下载并安装它，或者将其收藏起来。这包括使支付更容易，获得折扣，或快速获取重要信息。你应该努力为你的移动用户创造这种价值。如果你能够为你的移动应用程序创造价值，那么你在设计和创建移动网站或应用程序的所有努力都不会白费。

四、保持你的流体布局

你需要一种流体布局，这样它就可以流畅地调整移动屏幕的尺寸。你需要一个以百分比而不是固定数量的像素来定义的移动设计，这样它就不会影响用户的移动设备。该网站将会响应，这是你想要的易用性。

五、触屏功能

现在大多数移动设备都使用触摸屏，用户习惯用这种方式与网站交互。因此，设计一个移动网站更具挑战性，因为你需要考虑手指大小、材质和压力的差异，以便屏幕能够准确地做出反应。

您必须确保所有需要用户输入的元素(如按钮和表单)足够大，且不重叠。

你可以在许多移动设备上使用滑动和缩放功能标准来帮助你设计。同样地，可以用这种方式添加更多的可点击元素。

六、以用户为中心设计

设计你的手机网站的关键是要记住用户。你需要遵循一定的模式来改善用户体验。这些包括：

在屏幕的底部保持控制大小，让用户更容易看到内容并在必要时操作它们。

让用户更容易找到他们需要的东西。

保持所有元素的直观和一致，这样用户就会更容易弄清楚如何使用这个站点。

尽量减少对用户输入的需求，尽可能使用自动更正。

使用默认值来预填充表单。

七、功能实用程序

移动设备有局限性，但它们也有你在桌面上找不到的功能。这些包括滑动解锁、GPS、手势、陀螺仪和定位服务。您可以使用这些移动特定功能增强用户对应用程序的体验。

比如使用移动特定的功能来很好地使用位置服务功能，帮助用户找到特定的商店。对于一些交友网站来说，滑动功能也很方便。利用你的想象力创造机会，让你的最终用户喜欢上你的移动应用或网站。

八、继续任务

许多手机用户在移动网站或应用程序时可能会被打断，迫使他们在没有完成任务的情况下关闭它。

确保你的用户在打开网站或应用程序时可以选择离开的地方是很重要的。你可以在设计中重视这一细节，这样用户就可以轻松并且快速地重启网站或应用程序。

结语

一个移动网站或应用程序迎合了移动用户日益增长的需求，而不“牺牲”他们最喜欢的网站。然而，设计一个响应性和吸引人的设计并不像说起来这么简单。移动设备的某些局限性和特点对想让用户体验无缝和积极的网页设计人员来说是一个挑战。以上这些技巧可以指导您为您的业务创建真正实用的移动体验。

  本文由 蜂速BEE 原创授权发布于UI中国，如需转载，请联系作者。未经授权，转载必究。