移动网站设计最佳实践


去年移动搜索超出了桌面搜索,谷歌最近宣布,20%的移动搜索是用语音制作的,并且所有移动搜索的30%都携带了本地意图。那么如何从这种越来越多的移动搜索使用中受益。

鉴于移动搜索的崛起,谷歌承担了一个 research study 关于用户如何与各种移动设计进行互动。结果允许谷歌创建一个移动网站最佳实践指南。

 

移动网站设计最佳实践

 

25移动网站设计原则

 

移动网站设计最佳实践分为五个部分:

 

  1. 主页和导航
  2. 站点搜索
  3. 商业和转换
  4. 表格入口
  5. 可用性和形式

谷歌的移动网站使用

 

移动主页和导航最佳实践

 

网站主页通常用作桌面上的“欢迎”页面,品牌页面,促销页面和邮件页面。在Mobile此页面应将用户送到他们正在寻找的页面快速和无缝。

原则:

  1. 呼吁采取行动
  2. 保持菜单短
  3. 容易回到主页
  4. 大学教师’t结束促销。

 

移动网站主页和导航最佳实践

 

呼吁采取行动需要可见,很容易理解。清楚地显示对站点的主体中的操作的调用,其中副作用在折叠以下或菜单中可用。保持菜单尽可能短,或者考虑如何将冗长菜单重组为更简洁的菜单。用户仍然希望点击徽标返回主页。如果您没有在您的移动网站中使用徽标,则可以清楚地返回主页。促销横幅在手机上可以掩盖主要网站和导航,用户更喜欢易于拆除促销或在自己的促销部分。

 

移动网站搜索最佳实践

 

站点搜索对于允许用户在网站内寻找他们正在寻找的内容至关重要。

原则:

  1. 站点搜索必须可见
  2. 网站搜索必须是相关的
  3. 使用过滤器来改进网站搜索
  4. 引导用户更好的结果。

 

移动网站搜索最佳实践

用户倾向于寻找的第一件事是网站搜索功能。必须清晰可见,易于导航。为小屏幕和具有自动完成和自动正确的大型手指的用户更轻松地让生活更轻松。大型站点用户依赖过滤器来缩小搜索。如果可能会提出一些问题来缩小用户的缩小结果示例:男性或女性,大小,颜色。

 

移动商务和转换最佳实践

 

用户希望找到他们正在寻找的内容,并在自己的时间和自己的条件下做出购买决定。允许用户做出决定。

原则:

  1. 让用户探索
  2. 让用户退房为客人
  3. 使用现有信息来帮助流程
  4. 使用点击呼叫复杂操作
  5. 允许在其他设备上完成。

 

移动网站商务和转换最佳实践

允许用户决定当他们想结账时,提示检查令人沮丧的用户,并可能完全放弃。用户不’T一直想填写表格,注册电子邮件,有另一个密码要记住。允许用户快速而简单的客观结账。对于已经注册的用户,使用预先填写的表格,可减少已忠诚客户的购买和结账摩擦。对于复杂的信息请求,请允许或提供包含详细信息的简单选择。并非所有用户都在移动设备上完成购买,请提供一种简单的方法,让它们在另一个设备上完成。

 

移动网站表格入学最佳实践

 

无论您的特定转换如何:结账,注册或报价,表单条目应尽可能简单。

原则:

  • 简化信息条目
  • 为每个任务选择最简单的方法
  • 提供日期的可视日历
  • 最大限度地减少标签和REL时间验证的错误
  • 设计高效表格。

 

移动网站高效表格设计最佳实践
 

用户发现,为数字和邮政代码提供了更大焊盘的网站。用户对请求重复信息的表单越来越沮丧,并且必须在数字和键盘模式之间切换。为每个任务选择最简单的方法,请切换图标或下拉选择。用户并不总是意识到交货日期(下一个星期三日期)提供易于使用的日历选择。表单字段应纠正实时纠正,而是在完成后将用户返回错误。高效的表单设计应该只需要来自用户一次的信息。

 

移动网站可用性最佳实践

 

通过使该网站变得简单且易于使用来增强用户体验。在家里留下您的设计,蓬松的营销自我。

原则:

  • 优化您的整个站点进行移动
  • 大学教师’t让用户捏到缩放
  • 使图像可扩展
  • 告诉用户哪个屏幕方向最佳
  • 在单个浏览窗口中保留用户
  • 清楚你为什么需要一个用户’s location.

 

移动网站可用性最佳实践

 

用户使用移动特定站点更容易时间,而不是移动响应的完整网站,除非具有手机的完整网站。设计用户无需缩放到缩放的页面,内容应响应于设备大小。人们希望看到他们正在购买的图像,让他们放大天堂缘故。用户有一个观看网站的首选方法。如果您的网站更好的方向,请提供建议。将所有内容保留在单个页面中,以众多被遗弃的页面与尝试关闭Windows。清楚为什么为什么需要用户位置,唐’T假设用户位置是它们正在寻找的位置,允许它们输入。

 
在线所有权offers a 当地SEO服务 对于企业,我们还创建了一个页面来帮助您找到 网页设计师 在选择一个问题之前,您应该询问您的设计师。
 

One Response to 移动网站设计最佳实践

  1. pingback: 移动网站设计最佳实践 - 在线所有...