控件|优化“商品规格选择”面板,需要注意这几点( 四 )


由于商品主图区占用尺寸较大,同时将原版的颜色选择器等比例缩小从120px缩小为64px,一行最多展示4种颜色,更多颜色通过泳道滑动选择,更加合理的使用面积。
3.2 根据实际需求选择控件为了能够最大化的利用面板选择多个信息,抛弃了传统的标签点击选择器,而是采用滑动选择器,并区分不同选择状态。

  1. 系统推荐绑定尺码
  2. 系统推荐的尺码无库存
  3. 还是坚持选择自己惯用尺码
  4. 无绑定尺码推荐,用户自己选择
合理的规范和统一控件的不同状态,大大提高用户选择效率,从而优化选择体验
3.3 用户情感激励这次优化从文案和视觉效果上都增加了用户的情感体验,激励用户进行数据的绑定、提醒鞋宽的选择,在色彩上重新规范和应用了品牌颜色:定制蓝和活力橙。定制蓝用来表明选中状态和引导点击,活力橙代表强调提醒。
控件|优化“商品规格选择”面板,需要注意这几点
文章插图
本文由 @胡昀同学 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自 Unsplash ,基于 CC0 协议