APP的UI风格分析与总结(灵羽).pptx

APP风格及特点总结 2017-8-16 2013-6-08 天猫 去哪儿 美团网 心情记事本 一、天猫APP APP结构：主页、精品、搜索、频道、我的天猫 1.1 主页 主页： 1、定位为优选和品牌活动——卖家通过折扣手段曝光产品，提升销售。 2、为买家提供活动展示——抓住买家物美价廉的心理，实现买卖双方的对接。 1.2 精品 精品： 1、定位为卖家推广——四个维度提升卖家的曝光度，细分为 新品推广、分类推广、 热门推广、品牌推广 2、为买家筛选出四种类型的精品——迎合买家选择物品的方式和爱好。 1.2.1 精品—部分详情界面 1.3 搜索 搜索： 1、定位查找产品——分类搜索，大类到小类、筛选（品牌和属性） 2、关键字搜索——任意关键字查找 1.4 频道 频道： 1、定位于用户可能感兴趣的内容——如活动推荐、每日精选、关注推荐、品牌日记、手机充值等 1.5 我的天猫 我的天猫： 1、 定位以我为中心——喜欢商品、收藏、关注、我的优惠券、购物车、订单信息 ，还包括设置 1.6 天猫总结 一、界面风格特点： 1、扁平化设计：导航条、菜单、图片、数据行等 扁平化设计 2、简洁、易懂：导航条、菜单、图标元素简洁，易理解； 3、易操作：元素的点击区域较大，易操作 二、界面颜色特点： 1、黑白灰为背景色，辅以彩色图片、按钮、线条，整体以暖色调 2、主色调为枚红色：如红色按钮、红色线条等 三、交互特点 1、平而浅的结构 2、信息布局清晰，选择、查看和订单流程简单、易懂 3、易识别、无需思考：用户看到的、操作的流程及结果，在80%的用户认知范畴内。 二、去哪儿APP APP结构：收藏、订单、首页、个人中心、设置 2.1 主页 主页： 1、定位为商品展示区 2、点击时，出现指纹，表示当前点击的位置——十分好的用户体验 点击时， 出现指纹 2.2 其它界面 2.3 总结 一、界面风格特点： 1、扁平化设计：特别是主页面，点击时出现指纹是亮点。 2、简洁、易懂：导航条、菜单、图标元素简洁，易理解； 二、界面颜色特点： 1、青蓝色为主色调 三、交互特点 1、平而浅的结构 2、突出重点，弱化次点 三、美团网 APP结构：团购、周边、我的、更多 3.1 团购 团购： 1、显示当前城市的团购信息，可通过区域、类别等筛选 3.2 周边 周边： 1、根据LBS定位，显示你周边的团购 3.4 更多 更多： 1、显示所有与账号、软件相关的设置，还包括反馈、帮助等 3.3 我的 我的： 1、与我相关的所有内容，都集合在这里 3.3 总结 一、风格特点： 1、简洁设计为主， 2、元素的点击区域较大，易操作 二、颜色特点： 1、浅灰和白色作为内容区 2、蓝色作为主色调 3、栏目导航采用灰色 三、交互特点 1、平而浅的结构，结构简单 四、心情记事本 4.1 新增记事 1、图像化标记心情，对记事内容简单分类，易识别性强。