设计沉思录｜58心宠详情页改版设计总结
编辑导读：在产物的迭代进级进程中，改版设计是经常会碰着的问题。文章对宠物活体生意业务与处事运营平台——58心宠详情页的进级改版举办了具体的梳理，对碰着的一些问题举办了阐明总结，供各人参考进修。
跟着突飞猛进的经济社会成长，人们的物质糊口获得不绝改进，但快节拍、高强度的事情糊口方法也相应带来了人们心灵上的压力和空虚。为了缓解告急压力情绪、排解孤傲无聊，更为了糊口中增添一缕色彩，养一只萌宠成为很多人的第一选择。
当下的宠物不只是作为看家护院的存在，更多人将宠物看成家中不行缺少的一部门，宠物的图片和视频也常常占据着他们伴侣圈中的大片篇幅。同时大量网红猫、网红狗的涌现，使不少人萌生了养宠物的动机，养宠也徐徐酿成了一种时尚，人们对宠物的需求量大大晋升。
但宠物行业部门方面不类型，存在缺少监视和打点的问题，再加上宠物生意业务的非凡性，养宠人士很容易亏损被骗，宠物的品相、宠物的康健都难以获得担保。如何使宠物市场更康健、更类型，如何让每一位养宠人士都能安心购宠、安心养宠，这是宠物行业一直不绝摸索想要办理的问题。
58心宠是什么58心宠是专注于宠物活体生意业务与处事运营的专业平台。通过与优质的商户相助为购宠用户提供有利的保障，我们通过本身的尽力类型情况杂乱的宠物生意业务市场，做到“幼宠实拍+种犬/猫存案+防疫管控+售后质保”四重保障。是链接B端商户与C端用户的一道桥梁。
58心宠于2015年9月正式独立运营。本年2月，58心宠正式回归58同城，将继承专注于敦促海内宠物生意业务市场的康健成长，打造优质宠物生意业务信息平台，构建全流程购宠处事保障。
02 改版配景心宠回归58后首先要与团体业务举办融合，除了B端业务的买通，在C端视觉气势气魄上也要与团体业务保持一致，旧版页面因为长时间未做改版，样式陈旧，设计类型性差，成果体验不敷等问题也日趋明明。
且详情页作为用户利用产物时的必经页面，承载着用户决定的重要信息。原有页面信息层级杂乱，焦点信息优先级较低，现有布局已经不能满意用户的需求。为晋升心宠的流量，担保设计的一致性对心宠详情页举办改版。
1. 发明问题本次改版主要办理以下两个问题：
在改版前我们阐明白原有页面存在的一些问题：
针对付上述的问题，我们别离在视觉层和框架层别离入手举办改版优化：
1. 视觉层大黄页下类目繁多，心宠做为黄页类目标一部门，既要保持其品类独占的差别性。也要担保整个黄页气势气魄的统一。
晋升页面一致性：在视觉上按照以下几点做了统一
头图：改版后详情页由H5页面改为native页面，所以产物头图可以与黄页详情保持统一。
字号：心宠原有版本整体字号偏小，改版后与黄页类型字号巨细保持统一。
色值：将页面心田宠主色#FF2737改为平台主色#FF552E，统一色值。
卡片：信息卡片由直角改为大圆角
tab:统一tab切换方法，底部tab利用平台通用组件，担保设计的一致性。
下图是改版前和改版后以及和黄页宠物详情的比拟，整体页面气势气魄都有了一个大的变革。
差别化设计：在担保设计统一性的同时，与黄页原有宠物品类也要做相应的差别化处理惩罚，让用户相识本身进入到的是心宠的照旧黄页的宠物详情页，所以改版后在店肆的位置增加了心宠的logo，增加心宠品牌的暴露，强调心宠品牌。这样不只可以加深用户对品牌的认知，还能明明区分心宠宠物详情和黄页宠物详情，利用户不会发生夹杂。同时在保障图标上也做了相应的颜色区分。
幼宠的驱虫防疫信息是用户判定宠物是否康健有保障的重要决定信息。改版前以表格的形式展示，可是干系对应性差，用户的领略本钱较高。所以我们将其改为了平铺展示，通过颜色区分每一针的强度，使信息展示更清晰。
针对框架层呈现的问题，我们做了如下的办理方案：
本文由摸索网（http://www.lnmosuo.com）发布，不代表摸索网立场，转载联系作者并注明出处：
