www.microsoft.com/cognitive-services/en-us/pricing相关页面,作了一个针对该页面作了简单的体验分析:
从设计目的而言,基于多个种类服务产品的价格预览Price Preview页面设计应当是:
为了【推进服务的使用与购买】,包括:
①让用户快速找到符合自身需求产品的价格
②鼓励用户进行尝试/购买(用户转化)
③让用户随时便利联系咨询
即①快速信息获取、②鼓励服务尝试/购买③随时咨询
1、针对①,结合产品多种类的情况:
a、目前页面平铺式展示的列表页面显得太冗长,用户易迷失;
b、相关种类及层级的icons并未能很好清晰传达层级差别
【改善思考】
a、可在内容页面采用二级导航栏,直接将Vision、Speech、Language、Search 作为导航栏类目,方便用户进行快速查找。
b、icon上,可以将同种类之间的差异再放大,让用户能更好直观感知。
2、针对②,
a、尝试使用与购买在价格栏后提供了入口,颜色也较为突出,配色也符合微软logo的色调,且通过降纯度、明度处理来显示严谨专业。
3、针对③,结合价格可根据具体情况而有调整的实际业务情况,
a、因联系入口在固定在顶部,目前产品列表太长,还需要在寻找相应产品后,通过滑动方式回到顶部,进行联系;甚至需要再次滑动寻找产品信息进行沟通,相当麻烦,影响用户体验
【改善思考】
a、可考虑设置一键回到顶部的悬浮块,供用户快速回到顶部联系
b、或者也可以将【联系入口】设置为随页面移动的悬浮块,方便用户在查看到信息时随时及时咨询,增加用户转化。
其他:产品的价格列表中信息块灰白相间,其中移动到白色块中时底部颜色变深,容易让人误会为可点击的热区,造成误解,影响体验。