定价页面可能很复杂且令人困惑。让我们探索一些关于如何设计更好的定价页面的设计模式、指南、现实示例和最佳实践。
假设您需要设计一个定价页面。该页面适用于具有四种不同定价计划的产品。所有计划都是为不同的受众设计的,功能各不相同,包括一些自定义选项,并以各种货币提供。对于这样的表格,我们可能应该考虑用适当的计划名称和描述来解决特定的群体。我们还应该允许用户突出显示计划之间的差异,并可能提供一个完整的功能比较矩阵。
现在,这听起来不像是一项特别具有挑战性的任 台湾电话号码清单 务是吗?毕竟,我们已经在我们的优秀功能比较表中看到了非常相似的东西。其实那里讨论的很多设计模式也非常适用于定价方案,所以请先去那里看看,然后再回来。
当然,并不是每个定价计划都像复杂的 4K 电视或数码相机的比较那样复杂,但定价计划通常有很多复杂的细节和它们自己的警告——隐藏在工具提示、选项卡、可滚动窗格和相当大的手风琴之间的某个地方。有很多信息要显示,我们需要很好地显示它,促使用户选择最适合他们的选项,无论是在桌面还是移动设备上。
其中之一有大量可供比较的功能、可折叠的手风琴、计划之间重复的所有功能的大列表以及工具提示。一个经典。(大预览)
那么如果我们想设计一个更好的定价表,我们会怎么做呢?好吧,让我们从最基本的问题开始:人们实际上首先如何比较定价页面上的属性?
本文是我们正在进行的设计模式系列文章的一部分。它也是即将到来的为期4 周的现场 UX 培训的一部分 并且已经出现在我们最近发布的视频课程中。
定价计划比较 UX
当客户登陆定价页面时,我们可以假设他们正在寻找最适合他们需求的产品定价。他们可能只是在探索我们必须提供的产品,或者他们可能正在将我们的产品与竞争对手的产品进行比较。无论哪种方式,我们都需要为他们提供整齐打包的功能包以及这些功能具有竞争力的价格标签。
然而,对于给定的产品,可能实际上有成百上千种功能。通过一个一个地探索每一个功能来比较定价计划可能是一个相当冒险的过程,既费时又麻烦,而且通常不是特别令人兴奋。
割草机模式
可用性研究表明,用户在浏览功能比较表时经常依赖割草机模式。这意味着它们从左上角的单元格开始,向右移动直到行尾,然后下降到下一行的最后一个单元格并向左移动直到行尾。