很多设计师的聪明才智和巧思，就藏在这13款常用的大厂APP中。就是思考如何通过设计手段将产品背后的商业价值最大化，提升视觉体验，增强用户粘性，达到用户转化的目的。不需要我们的设计多复杂，它可以是一个步骤的简化，一个感人的文案，一个贴心的提醒，一个有趣的动画……“美团外卖”叫你回家吃最便宜的午餐1.产品体验：打开美团外卖APP，每家店铺底部都有醒目的满减提示，进入店铺详情页，顶部和底部也有，选择商品后，商品总价符合满减条件，您可以扣除相应的金额。2、设计思路：花20减18，还有无门槛的6元红包？这已经是免费的午餐了，你赚了4块钱。于是进入商品列表，上下打开。“一顿猛如虎，你仔细看看。”这里的产品要么在20以下，要么在40左右。免费不存在，或者你只能在这里吃。订购它。其实，这种满减提醒在外部平台并不少见，用户也不傻。也许他们进店后转身离开，发现不对劲，但平台还是把这种满减提醒当成最炫的存在，屡试不爽。在用户完成转化的三要素中，动机、能力、触发缺一不可。店铺底部的满减提??醒就是利用了用户贪小便宜的心理。折扣的数值越高，关注度和购买欲望就越大，足以让用户有下单的动力；进店后，看完所有的商品，即使没有符合用户心理预期的价格，全场折扣带来的动力也逐渐减弱，但新的购买动力又出现了。通过红包、好评、打折、美图等方式，不断增强用户的购买欲望，触发用户下单。并最终完成转换。这种选择“分红”吸引用户的方式，也是短期内最有效的方式。刺激用户情绪的“淘宝”弹窗设计1、产品体验：在体验淘宝签到功能时，签到成功后会弹窗提示“签到成功”，并告知此时下单红包翻倍。点击关闭，弹出图层弹窗“红包未翻倍”和“仅限频道内使用”两个弹窗文字提示。2、设计思路：淘宝通过二楼弹窗提醒用户退出当前页面可能产生的影响和后果，让用户判断当前退出决策是否正确。毕竟，比起“得”，“失”是更在乎的东西。同时，告诉你退出会让接下来的行动花费更多的钱。这种更多的成本投入会让用户担心，从而激发用户的情绪，将其转化为行动。“支付宝”蚂蚁农场——转化用户转瞬即逝的消费动力1、产品体验：在支付宝蚂蚁农场喂鸡，养鸡收集爱心。集齐5颗心，即可捐助公益项目。此外，你还可以完成各种任务来获得饲料来喂养小鸡；点击蚂蚁庄园左侧的果树种树，获得免费水果。还可以完成各种任务获得肥料，施肥促进果树生长，最终在果实成熟时免费获得真果。2、设计思路：支付宝通过公益让用户粘着蚂蚁农场。项目受益人均为弱势群体，如留守儿童、残疾儿童、贫困妇女等，好友按照捐赠爱心排名。虽然有些人行善不留名，但不排除大部分用户喜欢追求面子，总希望自己有最多的面子，因为这样可以带来荣耀感和心理满足感。当别人知道的时候，就会鼓励更多的人去做善事，所以用户排名对激励用户起到了很大的作用。近期，蚂蚁农场新增了种植果树的功能。您可以选择自己喜欢的水果来种植果树。给果树施肥成熟后，即可免费领取真果。当“免费水果合集”开始出现的时候，用户的贪欲就已经被勾起来了。心理学。果树种植后，要通过施肥促进果树的生长。不同生长阶段所需肥料也按基数递增。用户需要完成不同的任务才能获得肥料。虽然能完成的任务很多，但大部分都是杯水车薪。用户每天浏览精选商品，可以获得大量肥料。进入商品页面，系统会推荐用户最近在淘宝上浏览过同类商品。停留15秒后，可以获得肥料。同时，下单即可获得近10倍的肥料，让果实更快成熟。根据希克定律：用户做出决定所需的时间会随着选择的数量和复杂性的增加而增加。系统通过减少用户可选项和下单“免费水果”获取肥料的潜在动机，推荐近期浏览过的同类商品，促使用户快速决策，达到交易目的。（PS：为了领肥，好几次都买了想买没买的产品）“CCtalk”友情弹窗提示1、产品体验：进入“cctalk”首页》APP，底部会自动出现最后一次学习记录的弹窗提示，点击进入继续学习，或者手动点击关闭，如果没有操作，时间到了会自动关闭达到5s。2、设计思路：ctall是一款重量级产品。进入这个应用的用户通常是有目的的，专注于学习。不能让用户无目的的进来娱乐休闲。进入首页的学习记录弹窗位于toast和snackbar之间，延长了toast的显示时间，增加了跳转链接。也可以自动关闭或消失，在不影响其他操作的情况下，起到提醒用户的作用。一个好的产品会在正确的时间给出正确的反馈。没有反馈、反馈不及时、反馈错误，都会让用户不喜欢你的产品，失去用户。cctalk的弹窗提示恰好在用户可能需要的时候出现，让用户快速达到目的。它非常友好，也提高了产品的可用性。“饿了么”便捷购物车入口1、商品体验：进入饿了么首页，点击右下角购物车入口，可以看到所有店铺添加的商品列表，可以勾选一个一个。2、设计思路：与以往相比，用过饿了么的用户都知道，每个店铺都有一个独立的购物车，进入对应的购物车才能完成结算。大部分用户在购买产品前，会查看同一产品在多家门店的价格、评论、综合评分等，根据性价比“货比三家”，但回过头来看，需要切换回去来回查找之前添加过商品的店铺。即使找不到，也要花很多时间，很不方便。饿了么首页右下角新增的购物车入口很好地解决了这个问题。进入购物车，可以看到所有之前加入过商品到购物车的店铺，并且可以在列表中选择进行结算，为用户节省了大量的时间成本，入口巧妙的解决了用户可能遇到的痛点在订购过程中，提高产品的可用性。“夸克浏览器”地址栏细节洞悉人心一、产品体验：在夸克浏览器中输入网址时，点击下方控制栏图标可放大左右控制区域，左右移动可修改光标位置;地址栏显示在键盘上方（屏幕中央），输入网址时的自动匹配结果从下到上排列。2、设计思路：当我们使用手机浏览器输入网址时，如果需要修改文本框的地址，需要用手指直接将光标定位在输入框内。地址文本相对较小。如果我们想要将光标准确定位在理想的位置，确实是非常困难的。通过夸克浏览器的控制栏左右移动光标，大大提高了准确性，避免了用户光标定位错误导致的重复操作，提高了操作效率。另外，我接触过的手机浏览器的地址栏，大多都设置在屏幕上方。目前，大尺寸屏幕已经是一种趋势。单手操作手机的用户占比最大。顶部和底部区域是最难用一只手操作的。夸克浏览器打破常规，将地址栏放在键盘上方，也就是屏幕中间。该位置是用户最容易单手操作和控制的区域，非常方便。URL匹配结果按照准确率从下往上排列也是非常合理的。菲茨定律告诉我们，需要连续操作的控件越靠近越好，任意一点移动到目标中心所需的时间与目标的距离正相关，与目标的大小负相关的目标。《微信》朋友圈消息重新编辑1.产品体验：使用朋友圈发消息，发现错别字，删除消息，点击重新编辑，然后返回消息未发布时的界面完成修改。2、设计思维：微信最近有大动作。从之前每年修改一次的昵称，到后来的拍一拍，再到朋友圈推出了删除和重新编辑的消息重新编辑功能，不少网友直呼真香。我们发布朋友圈消息后，如果发现错别字或者需要增减内容，可以直接删除，重新编辑后在规定时间内重新发布。尤其是发长文的用户，不复制消息内容就匆匆删除，重新从0开始编辑，他们心中的阴影区不弱于“万马奔腾”。雪中??送炭不仅简化了交互流程，还省去了用户重新编辑消息的一系列繁琐操作，大受欢迎。“58同城”弹窗Tab栏目1、产品体验：体验58同城APP发布房源信息时，需要输入多种房源选项，可在弹窗中完成多个Tab栏目中的不同选项。上窗。2、设计思路：在我们使用的众多APP中，很多都会遇到信息选择的页面，比如：填写地址选择地区、选择商品类型购物、选择退货原因等.最常见的操作方法是完成当前选择。选择选项后，需要点击下一个选项入口，再次进入弹窗。有很多级别。对于58同城房源的选项，在设计时，将多个评分放在同一个选项中，将多个选项放在同一个弹窗中，有效避免了选项过多造成的信息混乱，也解决了多次弹出窗口给用户带来操作不便的问题。在节省时间和运营成本的同时，也让路径更加合理简单。“美团”首页钻石区图标1、产品体验：进入美团首页，金刚区抽象图标醒目；金刚区多个分类，左右滑动切换，快速找到自己想要的功能。2、设计思路：一个产品最核心的功能就是首页。它承担了产品的核心功能，决定了产品的属性和基调。首页金刚区最能体现产品的“骨架”（产品结构），方便用户快速进入对应的需求模块。通常，我们看到最多的金刚区图标样式80%都是由“背景色块+图形元素”组成，而美团APP金刚区使用的人脸图标则是填充颜色通过抽象图形，这些图形是现实生活中的微型对象。图标风格清晰、简洁、统一，具有表达能力强、辨识度高的特点，提高了易用性。与其他产品流行的icon风格相比，做到了差异化。此外，通过单色叠加、变透明或叠加图层样式设计，视觉上非常通透，空间感强，细节丰富，品质感强，吸引力强。堪称首页之美。对于首页众多的功能入口，不可能全部展示出来。大多数手机应用都会在金刚区的最后一个位置设计一个“更多”的入口。另一方面，美团通过左右滑动的交互方式展示所有功能分类，视觉上更加集中。因为很多图标有相似之处，使用列表显示容易混淆用户视觉，降低图标的识别度和信息传递速度，所以全部显示，左右滑动选择，分块浏览可以解决这个问题问题很好。不仅操作快捷，而且视觉传达的效率也得到了提升。《iPhone》AppStore吸睛动画指南1、产品体验：使用iPhone移动设备进入AppStore首次下载应用，页面底部提示“通过侧边按钮确认”，然后屏幕右侧按钮位置提示“PresstwoNexttoinstall”，右侧模拟按钮色块动态弹跳两次提醒。2、设计思维：对于苹果产品来说，无论是移动端还是桌面设备，在视觉和体验上都堪称魔鬼级别。下载应用程序时，右侧按钮的形状使用视觉提示来显示能量，让用户可以预期接下来的行为或通过图形感知图形的作用。动态的提示方式更能吸引用户的注意力，也能引导用户进行操作，真正做到有温度有情感的沟通。《腾讯QQ》隐藏在暗处的多窗口消息浏览1、产品体验：点击QQ消息列表进入聊天框，长按聊天窗口空白处，可切换多个窗口，左右滑动切换好友/群聊窗口，上下滑动可在当前窗口查看更多聊天记录。2、设计思路：虽然现在大部分用户都转用微信，QQ作为社交应用的领头羊从未退却，但QQ服务的用户群体相对年轻，社交群体多样，更符合青春气质。QQ的信息多窗口切换看着挺爽的。切换时，只需长按消息列表中消息的空白处，即可快速进入切换选项。这是一种丝般的愉悦，我们不再需要使用返回消息列表，然后重新进入窗口的多步操作。为此，你可能还会听到：“我赵日天表示不满。”好多年没用QQ了。微信这么方便，是不是很好吃？其实对于真正需要的用户来说，这个功能还是很方便的。.无论是学习、工作还是聊天，QQ都有丰富的群聊功能。当我们浏览群聊记录，爬楼梯，通过多窗口切换查找一些有用的信息时，非常实用。《中国工商银行》有趣的动态视觉引导1、产品体验：进入中国工商银行APP首页，搜索栏语音输入在麦克风图形和声音之间来回切换波浪图形以动态效果的形式，提醒用户可以使用语音词条搜索。2、设计思路：目前很多手机应用的搜索都增加了语音输入功能，为了让用户更高效、更方便地完成搜索，但大多只是增加一个麦克风图标作为提醒。工行APP使用动态效果在麦克风图形和声波图形之间来回转换。首先，动态视觉引导加入有趣的微交互，吸引用户眼球，引导用户更好操作。其次，两个图标的使用在识别上具有选择性，扩大了用户对识别层的认知，间接提高了识别度。两个图标的过渡性也是非常柔和感性的设计。细节为产品增加温度，提高点击率。图标是对象或操作的视觉表示。图像最重要的属性是传达意义的功能，也是加深用户形象最重要的因素。麦克风图标是设备的抽象图形，声波图标是使用设备时的交互过程。两个图标以动态效果的形式完美结合。我们得到的第一印象是这个功能又在向我们招手了。我们有了对话，真正做到了温暖的交流。“京东”适时隐藏，打造沉浸式体验1、商品体验：在京东APP商品列表中向上滑动浏览商品时，自动隐藏导航栏和全局过滤栏，点击后重新显示向下滑动操作。2、设计思路：一般情况下，当一些导航或者操作入口可能成为干扰用户沉浸式体验的障碍时，我们会把它们隐藏起来，因为一些元素的存在会分散用户的注意力。京东APP的商品列表基于用户的需求，在商品列表顶部设置了导航栏、全局操作栏、垂直内容过滤栏、状态栏。移动设备的垂直比例相当大。为了解决这个问题，京东采用了改变交互方式。页面向上滑动时，导航栏和全局过滤栏会隐藏，向下滑动后会再次显示。在交互方面，想一想，当出现向上滑动的操作时，就可以理解为用户已经开始选择商品了。此时，搜索和排序的重要性下降，搜索结果垂直内容过滤的重要性增加。及时隐藏下级操作/信息，让用户专注于当前信息，避免其他冗余内容的干扰。同时增加内容区高度，一屏显示更多产品信息，增加产品触及率。用户的可能性和屏幕的利用率。合理运用交互设计的四种策略——隐藏：把需要隐藏的功能尽量隐藏起来，然后在合适的时间和位置显示相应的功能。
