在浏览网站时,您是否曾因找不到产品信息而感到沮丧,甚至不够放心而最终离开网站?
如果答案是肯定的,则意味着相关网站没有集成必要的元素和/或设计有利于导航的页面结构,直到购买所需的产品。
在产品页面上集成的基础知识
在进一步介绍某些功能之前,有必要向用户展示必要的元素,以方便他们发现产品。以下是必须存在的元素的清单:
面包屑
产品名称
视觉效果,至少是一个,而且质量非常好
简洁的描述,2-3行的介绍
产品特定选项(尺寸、颜色、容器)
产品可用性
价格
有关运费的详细信息,如何设计 没有什么比在购买过程中稍后发现这一点更令人失望的了
添加到购物车按钮
再保险(安全支付、客户服务/售后服务、产品原产地、质量证书、免费退货等)
类似产品(交叉销售)。
为了说明这些要点,下面是我们在Chrome Industries网站上找到这些元素的第一级阅读的示例。
ciback 产品页面示例:Chrome Industries 品牌背包
产品页面的结构
定义的元素、布局还必须在移动设备和计算 电话号码库 机上进行优化,如何设计 以方便阅读、主要信息的可见性并提供积极的体验。事实上,如果文本太小或者对比度不够,用户将通过这些元素,将产品放入购物篮并完成交易。
另请阅读:用户体验,提高转化率的有力工具
尊重人体工程学的基本原理
这就是为什么必须尊重HMI(人机界面)人体工程学的基本原理,以便提供一个高效且易于使用的网站。其中,一定要尊重阅读方向,比如左边是产品照片,如何设计 右边是信息和按钮。
信息的优先顺序将允许根据元素在实现转换目标中的重要性来突出显示。
在购买过程中,不应忘记将产品添加到购物车时的反馈。如何设计 例如,打开弹出窗口将向用户确认他们刚刚执行的操作,并防止他们提出问题,甚至多次添加相同的产品。
阿迪达斯网站上的弹出窗口示例:商品已添加到购物篮,弹出窗口打开,网站的其余部分呈灰色显示
次要元素
更进一步,可以向用户呈现其他元素,如何设计 以通知他们、让他们放心,甚至允许他们进一步计划。其中,我们可以找到更详细的产品描述,如何设计 甚至特定的技术规格。
以所罗门网站为例,该网站提供了“基本信 同时使用各种巧妙的动作逃离缩小的 息”部分,其中包含有关系带系统、产品防水性甚至特定点(稳定性、透气性、保护性、轻便性)的详细信息。
Salomon 网站上的产品页面示例:产品特性以滑块的形式呈现
允许用户了解更多信息的指示,最重要的是,这可以防止人们离开该网站并在另一个网站上查找此信息。
确信创建高效的产品页面以促进购 ew 线索 物和采购的重要性吗?想要更多建议吗?太好了,我们的专家为您创建了这份完整的指南,以打造符合人体工程学且高效的网站! ⤵️
电商指南
如果您不再亏损并不再向客户支付两次费用怎么办?
下载指南
皮埃尔·莱内
皮埃尔·莱涅编剧
领英
热衷于以用户为中心的设计,我真诚地相信创新与传统并不矛盾。
另请阅读