把「PC端网站」设计到移动端网站时需要注意以下几点

2016-09-06

桌面端网页在移动端设备上首要的障碍就是导航的使用。看看下面 Domino 批萨的案例，它的桌面端和移动端网页的对比就相当明显，移动端页面经过优化之后的体验就完全不同。简单说来，优化后的移动端页面更加干净，有着更容易导航的 CTA 按钮（call to action，即行为召唤）。

下面是优化移动端页面的几个实用技巧：

用户经常会忽略移动端页面上的一些元素，所以尽量使用 CTA 按钮，确保用户不会错过它们。和桌面端的情况不同，你需要将 CTA 按钮置于主要、显眼的位置，确保他们容易发现，容易点击触发。

CTA 按钮应该易于点击，并且不会同页面中其他的元素形成干扰或者干涉。

详细全面的菜单设计在桌面端上能够良好运行，但是当它出现在移动端上的时候，菜单就显得过长了，要在其中找到想要的内容就相当难了。所以，你需要考虑使用精简的菜单，仅保留最重要的、必须的条目。另外，根据以往的经验，尽量不要让菜单超过 7 个条目。

同时你还要保持你的菜单目录足够的易用：

如果在你的网站中，搜索是主要的功能，那么你在做移动端页面优化的时候应该突出这一功能，因为它是高转化率的功能，确保它足够显眼是很有必要的。当用户想要获取特定功能的时候，倾向于使用搜索功能来实现，所以，搜索应当是用户一打开页面就能看到的控件。通常应当让搜索框置于页面顶部，以文本输入框的形式存在。

桌面端网页出现在移动端设备上，最令人沮丧的地方就是它需要缩放。不放大页面，不仅难于阅读，而且用户容易错过重要的细节，而放大来浏览，需要来回拖放。而针对移动端优化后的页面则不存在这个问题。图片、字体和页面宽度都正好合适，用户能够完整地获取信息，确保了最基本的可用性和易用性。

你的网站中所有的图片、视频和 UI 元素都是你的产品的一部分，当你针对移动端优化页面的时候，它们都是重要的组成部分，它们素质的优劣直接影响到用户的观感。

如果你的页面是针对移动端设计的，那么网页中按钮的尺寸应当和手指的大小相匹配。MIT 的 Touch Lab 通过研究发现，指面的触摸尺寸平均大小为 10-14mm，而指尖的平均尺寸是 8-10mm，也就是说 10mmx10mm 的控件尺寸设计是比较合理的大小。

让用户在对你的网站毫无了解的情况下就要求他们去注册，其实是违反互惠互利原则的。曾有数据表明，让用户过早注册导致超过 85% 的用户选择了放弃和离开。

NetFlix 曾经给予用户一个月的免费试用，不过用户需要注册之后才能使用这一福利。
一般说来，用户在提供个人信息注册之前，会浏览一下网站内容，了解这个网站是什么样的类型、提供什么样的服务，再做决策，对于从未听过的品牌尤其是如此。想要打破转化率的壁垒，你在设计网站的时候应该做到下面几点：

不同的屏幕方向下，用户的浏览体验会完全不同的。用户惯于在同一屏幕方向下完成全部的操作，所以提醒他们切换方向可以提升网站浏览的用户体验。所以，当你的网站偏向展示性，并且使用横屏时浏览体验更佳的话，不妨使用行为召唤设计来提示用户。

当用户在网上购物的时候，总希望能看到产品的高清无码大图（尤其是服装），如果无法放大查看，用户的沮丧会直接影响产品销量。所以，应当提供高素质的产品图，并添加放大的功能，让用户足以看清细节。

并非所有的用户都习惯于在移动端上浏览、购买，有些用户仅仅是习惯于在移动端上搜索信息。所以，你应该提供一个简单的方法来保存信息，让它们能够跨设备使用，当用户离开移动端设备的时候，同样可以在桌面端上浏览、查看、购买。

智能手机的窗口间切换终归比桌面端麻烦，用户找不到原来的页面的风险是现实存在的。尽量让用户在一个窗口中完成全部的浏览和操作，简化流程和复杂的交互，让用户一直待在一个地方。

填写您的联系方式并验证获取报价。

* 下载报价如有疑问，请与我们的销售顾问取得联系。

查看详情暂不需要