仅确保您的网络内容适合放在小屏幕上已经远远不够。Google通过更新算法来强调这一先例,以强调在手机上精心计划和执行良好的响应式设计的重要性。
这是有道理的:您的查看器不需要移动设备上台式机的所有功能。实际上,他们可能希望在较小的屏幕上删除一些内容和功能。毕竟,没有人愿意为了找到您公司的电话号码而对内容页面进行排序。这是许多公司的Web设计基础所缺少的构建块:真正的适应性。
仅仅将您的网站添加到适合移动设备的版本中是不够的。您需要仔细查看完整的用户体验,以及如何更改它以适应正在查看它的不同环境。
响应式设计的问题
57%的移动设备用户不会推荐移动网站设计不佳的企业,而 48%的用户则认为移动网站无法正常运行的企业看上去不太在意。
大多数公司在其响应式网站中遇到几个问题领域:
图片放置
过去的设计过程已经规定,客户端在开发阶段之前会批准静态图像和屏幕截图。如今,设计更多地专注于针对不同设备尺寸的元素重新排列,而不再关注静态图像的放置。
屏幕挤压
在小屏幕上显示数据通常会使查看或阅读内容(尤其是信息表)变得困难。实际上,W3C鼓励品牌商选择除表格和标签之外的其他方法来展示数据;复杂的用户界面仅包含太多信息,移动设备无法处理。
视角转变
最重要的是,响应式设计的问题只是客户观点与公司观点的问题。不幸的是,大多数企业倾向于问自己要告诉客户什么,而不是问客户如何查看该信息并与之交互。
例如,虽然注册工作流通常是Web设计中最重要的方面,但它们通常优先级较低。这是因为企业要比客户想要的逻辑入口点和主要工作流程更多地考虑希望客户看到的功能。
简而言之,响应式设计并不是向用户提供网站所需内容的最终解决方案。它仍然有很多不足之处。
更新响应式还是升级为自适应式?
在网页设计方面,关键的对话品牌需要归结为响应式网站与自适应网站的概念。
自适应方法采用当前站点并将其适应不同的屏幕尺寸,而自适应方法实际上根据屏幕尺寸更改内容及其功能。
响应式网页设计假定您的内容和功能在所有设备上都应该相同-但这不一定是正确的
我通常会提倡更多的自适应Web设计方法,而不是简单地堆叠内容,这是一个重要原因:响应式Web设计假定您的内容和功能在所有设备上都应该相同-但这不一定是正确的。关键是使内容的性质与用例和用户查看您的网站的上下文相匹配。
例如,假设您正在为包装消费品或消费礼品行业中的品牌设计一个响应网站。这些类型的网站的促销和优惠页面通常会获得最多的在线访问量。人们很少关注产品的详细信息,但是当他们这样做时,突出显示这些详细信息的一种好方法是展示它们与其他产品的比较方式。考虑到这一点,您应该在产品页面上放置产品可视化和教育内容,以便可以帮助消费者了解如何使用和使用您的产品。
对于包装消费品行业,您想了解您的客户并确定他们是在售前,售中还是售后。您需要根据客户在购买路径上的位置来创建不同的体验。
以下是各条路径的简要说明:
- 售前商店:售前商店的人可能会通过社交媒体或广告进入该网站,他们可能会在寻找优惠券,要约或食谱(就食品而言)。
- 店内:一旦进入店内,他们可能正在寻找优惠券,评论或与其他卖家的价格比较。
- 店后:当他们在店后时,他们可能正在寻找品牌内容。
了解客户在购买途径中的位置,可以使您以满足这些需求以及更多需求的方式来设计站点。
自适应设计使客户能够根据自己使用的设备获得定制的体验……
首先,您必须将自己放在客户的鞋子上。例如,我每周在Trader Joe's购物。如果我可以提前通过笔记本电脑计划用餐并将该计划与我的购物体验相关联,那将是很好的。换句话说,我可以告诉网站我想要做早餐,午餐或晚餐。然后,该网站会告诉我所有这些餐点所需的产品,并为我创建一个映射列表,以便我知道到达商店时遇到的过道。我所要做的就是拿出手机。
自适应设计使客户能够根据其使用的设备获得定制的体验,例如这种体验。
通过针对设备量身定制设计和信息来优化客户体验。例如,如果您的客户正在使用智能手机查找您,请使您的电话号码醒目且具有交互性,以便他或她可以轻松地拨打电话。消费者在使用笔记本电脑吗?提前显示产品信息也许更重要。根据所使用的设备确定客户的需求,并提供相应的体验。
服装网站设计户使用哪种设备,都需要从用户的角度来看站点。如果您的客户拿出手机来查询您的业务,则最好准备好以最佳的设计和功能帮助他们找到所需的东西。如果您没有做到简单无缝,他们会把他们的业务转移到其他地方。
特色图片,通过Shutterstock 移动UX图片。