作为Suning.cn领先的综合购物平台，大多数用户都有不同的需求。无论是有针对性的购物、带有“购物”性质的浏览，还是带有直播性质的观看视频和娱乐，用户对Suning.cn APP的体验都有不同的期待，而作为设计师，将这种期待变成现实是我们的工作目标。
设计理念
首先，需要明确本次主页改版的几个目标:
在满足用户需求的同时，主页需要更多地考虑易用性和情感性。我们不希望只是提供一个冷冰冰的购物工具，而是希望更贴近用户的情感，“温暖的购物”。
设计亮点
梳理产品脉络，优化布局
新版首页增加了标题和场景分类，同时整体优化了首页布局。旧版的视觉问题是小元素多，楼层分类不明显，拥挤感强，所以想用新的设计让页面更有整体感。
新版的页面差异化和业务紧密集合，除了常见的搜索功能、联合广告和分类导航图标区，我们把几个主推模块放在首屏作为主推产品。其次是场景分类展示区，这个区域按照生活场景对频道和内容进行分类，方便用户浏览。其次是直播和视频，热门市场入口和单品推荐区。我们在区分这些大区域时，注意排版的统一性。垂直网格用于使垂直对齐严格统一，水平网格用于使页面节奏统一，从而提高浏览效率，使层次更加清晰。
更透明的接口
2016年席卷硅谷的新潮流——减肤色风，有几大特点:
这种设计理念使得产品界面摆脱了无用的模块化拼接设计，走向了一条更加注重整体感和用户感受的道路。当然，app的页面设计要以内容为主，而不是跟风，但精髓可以借鉴。
CR的设计风格大量使用留白，减少分割线，让界面更加清爽。这个主页也借鉴了这个概念，尽量少用分割线，用留白和色块来区分层次。旧版首页放出了更多频道的LOGO字符，使得页面字体越来越乱。新版本使用统一字体，避免体验满意度下降。
联合版本优化适配
我们一直在为iPhone X寻找最理想的适配方案，希望在支持iPhone X适配的同时，仍能减少操作的工作量，达到视觉层面的完美。因此，改编方案需要能够支持千变万化的横幅的操作，并照顾到视觉美感。
我们尝试的第一个方案是将搜索和banner分开，iPhone X的界面用相应的颜色填充顶部多余的长度。这种方案的适应工作量极小，但缺点也很明显:1 .顶部高度增加，减少了首屏显示的内容；2.没有身临其境的体验。
scheme 2的风格在iPhoneX上仍然最大程度的保留了沉浸式的氛围体验，同时也让首屏显示更多的内容。有了裁剪技术，每个横幅只需要设计一个版本，不增加运营成本。
经过考虑，我们认为方案二的视觉风格更有优势，所以最终选择了方案二。
场景分类
我们从用户的角度出发，把频道重新归类为场景。旧首页很难快速找到自己喜欢的频道入口，但这个首页分为品质潮流、爱购物、爱生活、我爱我家、玩金融五个场景层。用户可以根据场景分类快速找到自己喜欢的内容。
各楼层的楼层标题与场景氛围图融为一体，楼层内的模块可作为通道入口或内容展示入口，丰富了展示类型。同时，APP会自动记录并分析你的浏览行为，你对哪些类别更感兴趣，其位置会更突出地出现在你面前，从而达到千人千面的效果。
经过3屏以上，页面已经属于较低的位置，需要更新鲜的层次来表达信息，以便用户快速定位。所以我们会降低下层内容的密度，留白让用户快速定位。
同时也避免了首页信息过多，缺乏主次层次的问题。经过调整和比较，我们决定将布局从火热的市场地板改为一排3个模块的布局，以减少每个屏幕的信息量。
模块化结构
主页需要灵活可替换，所以我们想到了乐高。使用不同模块的“积木”，可以组合出各种“形状”。我们还将这种模块化的思维融入到主页的设计中，使每个模块都可以替换、编辑和自由组合。这样的设计，不仅可以轻松调整业务框架，还可以满足推广期的氛围营造。
二楼下拉刷新和交互优化
优化了原有的下拉刷新交互，增加了下拉打开二楼的功能。我们优化了下拉交互的文案和高度，希望能达到更好的体验。
此次改版首页，通过全新的设计语言，不仅满足了产品的诉求，也带来了更好的用户体验。希望在年前的上一版，能给大家带来耳目一新的主页。
