把钱拿去：产品页面设计的用户体验实践 [下]

· · ·

已知模式的力量

加上前一点，用户体验设计师最好永远不要低估习惯的力量。在电子商务的 UI 中，尤其是在红海领域，主要目标是不要震惊和敬畏。基本上，用户体验设计师成为朋友或至少是支持性的店员，他们会向访客打招呼，引导他们逛商店，直接拿到他们想要的物品，并使结账尽可能快速和简单。为了使这一切成为可能，设计师应该根据实际客户的行为做出决定。

有很多文章和视频呼吁有创造力的人倾听他们的心声，相信他们的胆量并跳出框框思考。然而，设计不仅仅是努力展示原创解决方案所有力量的纯粹创造力。首先，它是一种解决问题并让用户更快乐的方法。因此，从用户的角度来看界面并找到一种交互方式，从而提供一种流畅而简单的购买方式，这一点至关重要。

习惯的力量在这类产品中扮演着重要的角色。选择与用户通常习惯的布局、菜单或图标相距甚远的布局、菜单或图标，往往会带来困惑和挫败感。举一个简单的例子，使用任何其他图像而不是放大镜来标记搜索字段可能会导致糟糕的用户体验，因为买家知道该视觉符号并会寻找它。如果你已准备好进行此类实验，请花时间对其进行良好的测试，并确保客户也已做好准备。

H&M 产品页面设计基于极简主义方法：首屏视图围绕突出图像、模型选择选项、优雅易读的基础知识（产品名称、颜色名称和价格）、心形图标作为公认的视觉设计将项目添加到收藏夹和一个明显的 CTA 按钮的触发器。甚至大小选项也隐藏在下拉菜单中，以将控件数量降至最低，并将所有注意力集中在视觉效果上。

当然，这意味着额外的点击和滚动；但是，如果客户习惯了这种流程并欣赏这种始终反映品牌形象的特定风格，则该方法可能是合理且有效的。

习惯对用户体验的积极影响可能比变革的愿望更强。毫无疑问，需要一定程度的独特性，但并不是要打倒用户。在电子商务UI设计中，往往针对的目标受众非常多样化，太多的变革可能会吓到并引起犹豫：我真的需要购买这个东西吗，用户可能会想，如果很难得到它吗？研究特定目标受众的交互模式和典型产品，使他们的习惯成为力量。并且不要忘记检查屏幕上的所有图标是否具有双重含义，在需要时使用文本标签支持它们。力求创新与传统的平衡。

缩小焦点，我们还可以谈谈习惯对特定电子商务网站的影响。你可能已经阅读过许多关于这个或那个电子商务巨头的“糟糕的用户体验设计”的评论，他们在老式的解决方案或复杂的导航中喷洒火和硫磺。然而，深入思考，很容易理解他们将习惯的力量作为一种尊重买家的主要方式，因为他们的许多客户已经与他们在一起多年。这不是因为他们不知道如何改变，而是因为在业务发展的某些阶段，改变的成本可能太高了。这并不意味着永远不会进行更改，它们只是没有那么具有革命性并且是小步完成的。

Etsy 市场上的产品页面首屏视图

可扫描性和可浏览性

众所周知，访问网站或应用程序时，用户通常不会阅读和观察页面或屏幕上的所有内容。相反，他们从快速开始扫描 了解它是否包含他们需要或想要的东西。了解眼动追踪模型， 格式塔原则， 和定律 视觉层次，设计师和信息架构师可以将核心数据和交互元素放在高自然可见性的区域。使产品页面可扫描的其他因素是可读的排版和足够的空白。

影响决策的事情有很多，和谐就是其中之一。令人眼花缭乱的颜色组合、不可读或不组合字体、咄咄逼人的背景、侵入性的弹出窗口或动画、烦人的声音或页面加载多年——这些东西的任何一点都会迅速破坏体验、分散用户注意力并让他们离开，有时甚至没有明确的解释他们不喜欢什么。细节很重要，仔细考虑并组织好它们。

George 上产品页面的第一屏视图：由于布局轻盈通风，页面看起来干净简洁。

但同时，即使在快速扫描阶段，它也具有很高的信息量。

点击次数减少

如果从一个页面到另一个页面或从一个屏幕跳转到另一个屏幕不是进入页面的旅程的一部分 销售漏斗，保存每个用户的点击可能。操作太多很累很烦，这是一种负面情绪。情绪对用户体验有着巨大的影响，让留住用户变得更加困难。尽可能减少选择和购买方式的点击次数——这样你比最礼貌的感谢词更能尊重用户的时间。例如，避免在基本选项（如颜色或型号选择）中出现少量选项的下拉菜单。

Sportsdirect 网站上的产品页面首屏视图：下拉菜单中没有隐藏任何信息，因此非常容易扫描型号和尺寸的可用性，立即看到 CTA，通过键入或操作加号 / 轻松更改项目数量减号控件，箭头显示如何查看更多图像，面包屑有助于轻松跳回选择其他项目。

Exotic Fruit 电子商务应用程序使用一个选项卡，只需轻按一下即可添加所需数量的产品

OldNavy 产品页面将提供的组合部分与网站上的其他项目集成在一起，它不仅仅是一个激发买家灵感的图像：悬停时，购物者会获得带有基本信息的项目链接列表，可以轻松参与进一步购物，并快速访问相关产品。

社会认同

社会认同是影响物理和数字世界决策过程的重要因素。是人们在一定的情境下模仿他人的行为来进行行为的一种心理和社会现象。这个词是由 Robert Cialdini 在 1984 年出版的《影响力》一书中引入的。这个概念也被称为信息社会影响。

在电子商务中，前一个买家的体验会极大地影响下一个买家的行为，这就是为什么需要评分、评论和评论，尤其是在大众市场平台。它们帮助客户与一群相似的买家感到团结，这在其他购物者的实际商店中很容易感受到，但当你独自在电脑或手机屏幕前购物时，在线购物体验中更需要这种感觉。更重要的是，评论可以回答客户提出的问题，这样可以支持有关购买的积极决定 - 或防止购买错误的商品并获得负面体验。

这是 OldNavy 上的产品页面：第一个屏幕视图以及所有其他详细信息包括社交证明，显示该项目的评级以及标记该项目的人数。向下滚动，买家的参与度更高：除了相关产品与此商品相结合以获得完美服装外，该页面还会显示其他客户看过和喜欢的相关商品，以及更多客户的照片和评论详情。

互动性

随着越来越多的买家上网，品牌和零售商可以分析更多关于他们的行为、需求和愿望的数据，并在此基础上整合新的方法。互动性模仿从不同角度看物品并操纵它、试穿衣服或鞋子、测试脸上的化妆选项、虚拟地将一件家具或装饰品放入你的房间——所有这些以及其他创新的多样性都是由于创造力、客户体验关怀和新技术，变得越来越容易获得和负担得起。当然，他们帮助客户做出决定。

现在电子商务中交互性的另一个重要方面是个性化和定制，当人们可以定制他们的购买而不是仅仅从目录中选择时。为花束选择定制的鲜花组合，用最喜欢的食材定制汉堡或比萨饼，收集个人装束或家庭装扮，而不仅仅是购买现成的——能够在报价中添加自己的个性，许多购物者觉得自己准备好了买。

Tasty Burger 应用程序允许创建自定义汉堡来购买

移动适配

毋庸置疑，如今人们用智能手机做的日常活动有多少，购物已成为首选之一。此外，移动适配是搜索引擎优化的核心网络要素之一。如果你希望电子商务网站被成功搜索，并让访问者在任何设备上都能获得无缝的购物体验，请使产品页面适合移动设备并重新考虑布局，使界面便于移动设备导航。

一些电商平台走得更远，还投资创建适用于iOS和Android的原生应用程序，但对于许多小企业来说，这可能显得负担不起，甚至不合理。无论如何，无论本机应用程序是否存在，产品页面以及其他网站页面都应该具有响应性和移动友好性。

时尚品牌电子商务的简约产品页面，专注于照片、易于选择的颜色以及可在任何设备上使用的响应式

404错误

随着产品页面的大量使用和经常更新，出现错误的情况也不同。人们可能会不小心在 URL 中输入错误的字母，或者他们之前保存的页面可能已经不存在，因为该产品已经缺货。确保不要让客户看到一个空白的错误页面并离开。将它们连接到其他页面，提供相关选项或类别，尽一切努力利用涉及客户的错误页面检查其他内容。

总结

当然，为特定的电子商务项目选择设计实践的决定是一个彻底思考的问题，关于使用什么和留下什么的解决方案将基于许多主观因素，从产品类型和市场细分到公司预算、雇主的技能、个人品味和目标受众的特定需求。大众市场电子商务的方法不同于狭隘的利基市场。针对不同代客户的方法会有所不同。

但是，如果不遵循商业世界的主要条件，即：产品应该高于一切，那么上述所有做法都将无法正常工作。如果网站销售优质商品并使网站或应用程序成为销售渠道，而不是谎言和诡计的地方，那么所有其他步骤、投资和实践都是有意义的。无论如何，如果你提供的产品很好并且客户已经在网站上，那么让产品页面以最佳的光线展示该产品，并帮助购物者感到宾至如归、方便、清晰和友好。

· · ·

用户体验 | 用户界面 | UI | UX/UI | UI设计 | 网页设计

内容转载自 5PLUS设计师平台