设计作品体验改版.pptx

[芬香]体验优化设计毕泗军芬香用户体验中心

BACKGROUD优化背景体验问题用户画像目前线上产品交互、视觉缺乏统一，操作友好度差，品牌识别度不高，色彩搭配乱，缺乏视觉聚焦点，用户在浏览时缺少视觉引导；从业务与产品的角度全局考量，权衡设计与商业两者的关系，输出更全面、符合产品特性的方案。主要用户集中在30-49岁，占比70%左右（参考）缺少详细的用户数据，包含B端画像信息，推手覆盖C端用户需求；

DIRECTION改版方向针对以上问题，本次改版希望满足业务展示及优化用户效率，增加个性化功能，交互减步长。优化首页框架布局，强调主次区分，提高流量分发能力及页面利用率，优化产品信息呈现方式，减少思考，降低用户操作成本。

CONTENT改版内容界面UI升级，统一规范：文本：字号、颜色、使用范围；icon图形：标准色、线条粗细、尺寸；标准色、辅助色；使用场景；...交互体验提升：统一操作逻辑，尤其是分享路径；优化层级结构；个性化功能设计；

HOME首页-Float新用户进入进行操作引导，一步展示，清晰明了；与搜索框默认展示信息相呼应；引导页同样调整为三个步骤（待设计）；

HOME改版-首页搜索功能增加搜索点击按钮，更直观；增加导航排序功能，用户可以按社群用户属性排列经常推送商品品类；金刚区统一设计风格，动态展示按优先级排列选1-2个；优化产品列表样式，方便推手操作；底部导航及全局icon线性图标设计，统一性、识别度高；UI规范文字颜色、字号；主色及辅色使用范围；增强品牌识别度；

HOME改版-首页小程序版本强化搜索，结构清晰，页面利用率高；APP版本突出品牌辨识度，传达品牌基因，活动运营时更好的烘托活动氛围；

HOME首页-Top用户长按即可拖动进行排序，点击跳转至分类页，推荐、热门不可调整；标签导航选择细分用户，支持个性化排序，为用户提供更高效的入口，通过对用户自定义栏目，制定千人千面首页，按需推送商品；

HOME首页-Search去除搜优惠券与搜京东全栈按钮，默认搜索结果展示顺序本地、全栈；增加搜索关键词联想；增加热门搜索，为用户增加推荐商品；搜索历史设计清晰简洁；搜索结果筛选条件统一化，方便筛选，不需重复搜索，减少操作步骤，提高时效；

HOME首页-bannerbanner（反馈点击量不高），占据首屏较大位置；尺寸调整，节省首屏空间，提高屏效；设计风格突出卖点，提升点击欲望，增加曝光度。原尺寸：710x284px设计尺寸：702x210px

HOME首页-金刚区线上版本统一红色，缺少对比，识别度低；新版本采用面性图标与图形图标结合的方式；面性图标：外轮廓一般选用圆形或者大圆角的图形，细节的处理一般选用具有质感的微渐变；具有亲和力，容易吸引人的目光；色彩饱满具有质感，视觉冲击力强；内部图形（icon）与外轮廓组合方式多样化，能更好的适应业务变化。图形图标：设计细节丰富，富有创意，能营造小的场景插画；设计样式多样化。原尺寸：height-250px设计尺寸：height-198px（不包含固定入口）

HOME首页-金刚区0.618突出金刚区主业务icon，约束次要业务图标大小及色彩聚焦；统一图标内外换大小与渐变角度，内外环0.618黄金分割比例，保持呼吸感；金刚区承载产品的多个业务导流，基于芬香平台偏向工具，且用户群体、产品属性等因素，设计方案更直观，达到贴合用户心智，减少用户学习成本的目的，图标最基本的原则是识别性和易用性；

HOME首页-运营活动可配置运营活动专区，增加首页活动展现形式；更多的品牌入口，更好的提现活动价值；同时展现不同品牌或不同活动的利益点，增加推手的选择空间；

HOME首页-品牌专区运用格式塔理论-相似关系设计，突出品牌专区；可扩展性强，高复用性；运营区域可配置两列或多列入口，为业务提供多种可能；丰富的色彩需要简洁的利益文案，进行用户导流；

HOME首页-商品列表优化信息层级，信息分类，去除噪音信息；突出推手收益，作为第一视觉点，弱化其他元素；标签化信息，复用性强；强化收益信息，弱化操作按钮，按钮统一黑色线条样式；复用性强，视觉对比度高；

HOME首页-分享【去分享】商品列表、详情、素材圈等位置点击跳转至分享商品页面；包含收益、商品图（可选）、文案（可编辑）、评论等信息；根据用户需求选择分享内容，图文、小程序、小程序海报、商品海报（不锁粉）；

HOME首页-商品详情强化重点信息：如价格、优惠券、佣金、底部操作按钮；弱化其他元素：如标签（汇总标签、跳转展示详情，tab滑动）【去分享】按钮与商品列表操作路径保持统一；

HOME首页-爆品详情简化视觉信息，提高屏效，用户可以更高效的浏览商品详情及文案；交互提升：视频关闭或滑动页面时，浏览区