“小红书”用户非关注与关注的置换

产品体验

打开“小红书”浏览到喜欢的用户，点开用户头像，进入用户信息界面：关注、粉丝、获赞与收藏、关注按钮、信息按钮。在点击关注之后，新消息按钮就会跟关注按钮互换位置，按钮大小也随之改变。

设计思考

1. 未关注之前，重点突出关注按钮，运用品牌色作为按钮的背景。既能突出了品牌效应，又能让用户产生视觉焦点。消息icon按钮体积小于关注按钮，弱化与用户互动环节，增加用户点击关注率。

 

2. 关注之后，发消息按钮与取关互换位置。发消息按钮点击面基变大，强化了与用户的互动，提升了用户与用户之间的亲密关系。

 

3.关注与消息位置互换的视觉、交互设计十分的人性化，运用用户的视觉焦点，很好的呈现关注与消息间的之间重点身份的互换。让用户能够更好的沉浸式体验产品。

“网易云音乐”一起听歌吧，分你一只耳朵

产品体验

网易云音乐可以与好友一起听歌，分享此刻的心情。点击分享按钮会弹出“一起听”弹窗，，可以隐身一起听、也可以直接邀请互关好友、和微信、QQ好友等。

设计思考

1. 你有没有听到一首歌就会想起一个人呢？网易云音乐的“一起听”就很好的解决了用户的此刻需求。听到一个歌想起一个人，并与此人分享自己现在的心情，彼此间产生共鸣。网易云音乐很好的拉进了客户之间的亲密关系，给用户一种情感上的寄托，从而牢牢的抓住了老用户，并且也起到了很好的间接拉新的作用。

 

2. 邀请成功之后，界面上会有两人的头像，一人一个耳机，就真的好像在一起听歌一样。上面还有时间记录，不得不说这样的设计，更好的拉进了用户与用户之间的关系。

“马蜂窝旅游”浮层tab的自我变身

产品体验

进入马蜂窝APP的主见面，可以看到他的tab图标，界面往下滑动它会变换成加号停浮在界面上，并呈现品牌色。

设计思考

1. 马蜂窝的tab设计，跟传统的tab设计不同，就像一片舟漂浮在瀑布流的界面设计上，给人很强烈的空间感。

 

2. 界面向下滑动的时候，圆角矩形的tab，会变成一个品牌色的六边形，其他的图标全部隐藏。这样就会缩阻挡用户的浏览视线，使用户更好的沉浸体验见面的内容。停止下划看瀑布流的界面时，六边形加号icon就会变回圆角矩形tab栏。这样对的简单的动效提升了用户点击率和界面停留时间。

“每日瑜伽”齿轮表输入

产品体验

一次使用每日瑜伽APP，注册时身高、体重的选择形式是标码尺的形式，智能表创建完之后进入首页。

设计思考

1.  健康类APP，在第一次注册使用时都会收集用户的基本资料，从而给用户创建智能的课程或是饮食方案。但是在收集用户资料的表现形式也很多，比如直接手动输入相应的数字信息，或是给出选这项，让用户选择。这样往往缺乏趣味性。

 

2. 每日瑜伽在收集用户资料的时候，运用了标码刻度尺的形式，可以精准滑动到自己身高，体重的标度上。这样的设计提升了用户界面的操作活跃度，比输入数值更为有趣，可以很好提高用户的兴趣。

“小红书”-色块的自适应

产品体验

“小红书”APP对的“记录我的日常”界面中，金刚区大色块呈现，界面向上滑动大色块变成了标准的金刚区图标形式。

设计思考

1. 金刚区的位置是用户关注最多、点击率最高的位置。“记录我的日常”界面刚点进去的时候，大面积色块强烈的吸引了用户的眼球，从而重点引导用户记录自己的生活。这样界面设计很好凸显了“小红书APP”主旨和品牌理念。

 

2. 界面向上滑的时候，色块变成标准icon的形式，突出下面打卡、签到等日常内容。这样的交互设计，主次分明、有更好的空间感，给用户沉浸式的体验。

“小红书”-长按内容的秘密

产品体验

“小红书”里看到自己不喜欢的内容，长按该内容就会弹出：不感兴趣、内容反馈的弹窗。

设计思考

1.对于年轻人使用的APP来说，潮、多元化是发现精彩世界的开端。在分享自己生活、打卡日常的时候，使用APP的难免会有不同的观点和意见。而对于不友好的东西，大家都喜欢将其隐藏起来。

 

2、长按不喜欢的内容就会弹出：不感兴趣、反馈弹出，现在很多APP上也是这样的设计，这样既能隐藏多余的内容，也不影响用户的体验感官。

“微信”语音铃声设置

产品体验

给好友语音通话的时候可以听到盆友设置的铃声，点开音乐按钮提示用户音乐使用于铃声设置步骤

设计思考

1、相信大家都用过彩铃的套餐，打电话的时候会听到对方的来电铃声，随着科技发展甚至有了彩铃视频。微信铃声的设计打破了单调的铃声提醒，免费的铃声给用户新的体验

2、点击铃声、会弹出对方的铃声信息、同时还有铃声的设置步骤，温馨的提醒让用户更好的体验app，这样在等待用户接听语音电话的时候，可以欣赏音乐打破不耐烦的等待。

“NAVER”会呼吸的tab图标

产品体验

进入NAVER首页，tab三个图标排版，中间的图标引用了品牌色，提升了曝光度。加上中间的icon动效，一呼一吸就像有生命一样。点击他之后会弹出一个指示转盘。

设计思考

1、NAVER 是韩国的最大的搜索引擎和门户网站， 2016年4月，2016全球App发展报告发布，NAVER位列全球app发行商综合排名第六位

 

2、首页的状态栏设计也是很吸引新人，不过我还是喜欢tab的设计，中间的icon的动效就像是根据人的呼吸频率来设计，一呼一吸，就像人在呼吸一样。不得不钦佩韩国的设计师，能设计的那么的人性化。icon的渐变色融入了品牌元素，加强了品牌的曝光度。

 

3、点击中间的icon，会弹出服务转盘， 设计师将所有的金刚图标放在转盘上，即集中排放，也有游戏的趣味性在里面。点击提示插两边的左右键，转盘会跟服务提示相互呼应，手动也可以转动转盘。起到了承上启下的效果。

"Expert"带着时间轴的轮播banner

产品体验

软件的banner，设计的很有意思。自动的轮播的同事还有时间轴，两个卡片的叠加，色彩统一，空间感很强。

设计思考

1、国内的轮播banner设计，一般都比较圆润，轮播符号基本都是点来作为表现形式。中国比较讲究团圆，做人要内敛谦虚，所以在轮播banner设计上，即便有打破常规的也会避其锋芒。

 2、而这款韩国的APP就很有意思，轮播的空间层级非常的突出，轮播的方式是以计时的形式，会有播放时间轴，并且明确了banner的数量，他给了用户一个预期，知道banner停留多久，同时也会给用户一个好奇心里，是不是每一个banner的时间都是一样的，这样即增加了用户在banner上的停留时间，也最大化的曝光了banner上的活动信息。如果想仔细的看某一个banner，可以点击暂停键。

 

3、banner的空间感也十分的强，色彩基调的统一搭配，让banner既具针对性也不缺少时尚的设计感面。

“Expert”隐藏势力的金刚区icon

产品体验

软件的banner，设计的很有意思。自动的轮播的同事还有时间轴，两个卡片的叠加，色彩统一，空间感很强。

设计思考

1、金刚区的banner的表形式是多种多样的如：线、面、线面结合、2.5D透视、文字、头像、动效等等。这款APP的金行区图标线面结合的，看起来也没有十分特别的，但是这些icon的交互却与其他的APP金行区的icon不同，其他APP的金刚区icon点击会跳转到其他的界面，然而这款APP的金刚区icon却是装饰效果，真正的点击跳转的是隐藏在icon下的标签。

 2、这样的交互设计第一次体验确实很有意思，一个icon下面可能隐藏了多个细分的标签。这样的隐藏效果无疑增加了用户的好奇心，提高了界面的点击率。

“Moo”音乐UI交互

产品体验

MOO音乐是腾讯公司推出的一款音乐社交软件 ，独特的暗黑模式的界面很具吸引力。DISCOVER向左滑动就会去到PLAY界面，向右滑动进入我的音乐界面。而进入PLAY界面还有一个方式那就是点击左下角的黑色磁盘。

设计思考

1、对MOO音乐软件的评价众说纷纭，个人还是比较喜欢的。

首先暗黑模式的界面设计，干净 简洁就已经给用户高端大气的感觉了，再加上黄色作为点缀，使得整体界面具有时尚感。

 

2、其次MOO音乐没有tab标签，很多用户就会觉得缺少指引，比如说：我的音乐在哪里？这app的交互是什么鬼。但是用户沉浸的去体验会发现，DISCOVER标题下的交互提示，向左滑动进去PLAY界面，向右互动则是我的音乐库。左下角的播放浮标，左边磁盘右边播放键都可以点击。点击磁盘会进入到PLAY界面，这样的设计细节，需要用户沉浸式的去体验就会发现。

“货拉拉”优惠加油

产品体验

进入货拉拉点击我的，便捷功能的优惠加油。点击进去就可以看到由近至远的加油站、油型号、价格，给用户和货拉拉司机提供最便捷加油服务。

设计思考

1、货拉拉优惠加油不光是给货拉拉司机，同时也给用户加油提供了便利的方案。优惠加油大数据自动定位和收集相关数据，可以让用户准确的知道加油站的相关信息，同时也可以根据距离，油的价格选择自己心怡的加油站。如果周边有两个或是两个以上的加油站，会展示其中最优的加油站展示。你也可以点击展开，查看其他的加油站。

2、有的导航APP中也能搜索到最近的加油站，但是上面不会显示油的价格跟具体的信息。货拉拉这样的设计大大节省了用户的时间，同时也为用户解决了车辆没油又找不到临近加油站的痛点，为用户带来了很大的便捷。