我看了细节，却没发现细节中的设计思维！

@Hanna云

http://51xsj.cn/index.php?s=/index/article/index/id/228.html

---------------------------------------------------------

 正文 

通过发现产品中的一些小细节带给用户源源不断的小惊喜，通过好的产品体验，不断增强自己的设计思维和产品思维，更好的服务于用户。设计师要善于发现产品中的细节，养成良好的产品体验习惯，培养自己的产品思维及设计思维能力，提高审美。

1.【涂色书-引导页设计】 

个性化的引导页，给用户带来趣味性，让用户在趣味中更好的了解产品。

当用户初次打开应用时跳出的几张介绍应用功能的页面便是引导页，在用户使用某个功能前能够帮助用户降低学习成本的页面或存在引导属性的弹窗都可以称为引导页。

产品体验

当打开页面时，引导页出现，页面呈现的内容为该 App 的主功能点，对涂色书功能进行介绍，引导按钮图标也会跟着每一步进行滑动，线面结合展示，体验性更强。

设计思考

1、引导页上方配图展示，能够更加直观的传递信息给用户。

2、下方引导向右滑动箭头，点击时会有小动效，流畅的线条转到圆面，引导用户继续往右滑，这能使用户觉得新颖有趣而又能牢牢的记住该应用的特点。

2.【站酷-下拉刷新】

活泼生动的刷新展示，吸引用户注意，强化用户对品牌和功能的认知。

站酷，一款专门为设计师而打造的互动交流平台，而下拉刷新属于“划动”这个动作，相对于产品的主功能，下拉刷新算是一个小功能，但在一些产品中它又是必但在一些产品中它又是必需的功能，展示的形式也是多样。

产品体验

Iphone手机用户，页面下拉，显示下拉可以刷新，最后更新时间，箭头向下；当放开，显示松开立即刷新，箭头向上展示。

Android手机用户，刷新则是，站酷的品牌IP形象赶着一匹飞奔的马而来，一方面给用户传递出页面正飞速加载，另一方面，奔跑的形象加深用户对品牌的认知。

设计思考

1、Iphone端箭头，方向性指示箭头设计，具有很强的导向性，用户体验较好。

2、Android端巧妙运用IP形象传递品牌特性，活泼生动的IP形象，具有趣味性较强，吸引用户注意力，强化用户对品牌和功能的认知。

3、下拉刷新推动着产品中的内容不断更新变化，有时候也会让界面更加富于娱乐，更有趣。

3.【站酷-设置-摇一摇填写用户反馈】

摇一摇写反馈，让用户以互动的方式参与进来。

产品体验

在我的-设置-摇一摇，截屏反馈BUG，开启后，摇动手机，就会出现弹窗：请问需要反馈什么问题，选项有：“没啥事、意见反馈、关闭摇一摇反馈”。内容文字显示此功能所在的位置：“你可以在我的-意见反馈里找到功能”，告知用户此功能所在的具体位置。

设计思考

1、以一种互动的形式让用户参与进来，能够调动用户的参与积极性，还能拉近与用户之间的距离。

2、用户在此反馈问题，既能保证新鲜感，也能促进产品优化更新。

4.【滴滴出行-薅羊毛攒优惠券】

用情感化的设计来挽留用户，以一种打招呼的形式与用户产生共鸣，吸引用户留存。

滴滴出行是涵盖出租车、专车、滴滴快车、顺风车、代驾及大巴、货运等多项业务在内的一站式出行平台。

以灵活快速的响应和经济实惠的价格为大众提供更高效、更经济、更舒适的出行服务,给人们生活带来了美好的变化。

产品体验

1、当用户点返回时，弹窗会显示不薅羊毛了吗？

2、内容显示在薅多少团 即可参与瓜分。

3、按钮显示：忍痛离开、喊好友 帮薅。

设计思考

1、情感化设计吸引用户停留，提高用户的留存率。

2、内容再薅多少团 即可参与瓜分，用词语吸引用户，显示手机尾号用户好友已帮薅，抓住用户心理，吸引用户喊好友助力。

3、弹窗设计贴合主题，突出羊毛的设计，钱袋里装羊毛来吸引用户，设计的十分巧妙，值得学习。

5.【懒人听书-签到功能折叠】

个性化的签到设计，日历可展开查看之前未签到的天数，给用户可补回的机会。

懒人听书，是一款移动有声阅读应用，提供免费听书、听电台、听新闻等有声数字收听服务，用户规模上亿，是国内受欢迎的有声阅读应用。

产品体验

1、用户可点击下边的展开箭头，可以展开查看更多天数。

2、可对之前未签到的天数进行补签。

3、也可查看后边的签到可获得听书券。

设计思考

1、下边的展开箭头，收起卡片式设计，交互设计方式符合用户操作习惯，突出的长方形更容易吸引用户。

2、用补签小按钮来吸引用户，告知可补签，抓住用户心理，当点击补签时会提示如何获得补签机会，推动着用户进行下边的操作，提高用户留存率。

3、通过后边天数的听书券来吸引用户继续签到，同时也是在提醒用户后边还有听书券记得继续来签到。

6.【简书-分享功能提供多种可选择模板】

多种样式模板供用户选择，给用户带来个性化的体验，鼓励用户进行转发分享。

简书是一个创作社区，用户在简书上面可以方便的创作自己的写作作品，互相交流，热爱写作者的聚集地，平台便于交流与分享。

产品体验

1、当用户截图时，会出现弹窗提示：截图为图片分享给好友，选择模版分享，阅读体验更佳。会有几个解锁的模版供选择。

2、展示主题模版供用户进行选择,后边的已锁住需要有条件进行获取，提示：开通简书会员或花2元或47.2简书贝解锁可免费使用所有模版。

设计思考

1、个性化的模版分享体验，鼓励用户转发。

2、通过解锁机制，让用户享受不同的主题分享待遇，去解锁按钮突出显示，刺激用户点击。

3、分享和保存按钮置灰，不可点击选择，去解锁按钮，红色突出显示，激励用户点击。

7.【小红书-个人中心提示】

个性化的浮窗提示，激励用户前来体验。

产品体验

1、点击标签栏我，提示弹窗样式展示不同，可照片，可笔记。

2、发布你的第一篇笔记，可选择图片进行添加，对图片进行编辑选择，可添加打卡坐标等功能。

3、还可一键生成动态笔记， 添加音乐背景、选择风格等功能。

设计思考

1.个性化的弹窗提示给用户眼前一亮，用户体验较好。

2.可添加笔记或者照片，多功能的设计方式，方便用户进行选择，满足用户多样化的需求。

8.【全球学术快报-个性化定制图书馆】

可根据个人需求定制图书馆内容，满足用户个性化的需求。

是最新最全的知识资源总库,积极建设知识资源的深度开发,为全社会提供资源共享、数字化学习、知识创新等各方面的知识服务。

产品体验

1、点开图书馆模块，页面提示右下角“+”号按钮，定制私人图书馆，点击后展示后边页面。

2、定制页面模块化展示，可选择自己所需的领域内容进行定制。

设计思考

1、用户对自己需要的内容可收录到自己的图书馆中，满足用户个性户的定制需求，方便用户查找。

2、定制页面模块化展示，简洁清新，能够使用户清晰的找到自己所需的内容。

3、立体的图标设计，精美的插图，设计感较强。

9.【哔哩哔哩-非会员转正】

通过答题转正，提高用户质量，满足用户的精神荣誉及获得感。

B 站从二次元起家的UGC视频平台到中国年轻世代高度聚集的文化社区和综合性视频平台。以ACG内容发家，现已发展成为综合性的原创视频平台。具有独特的弹幕文化、PUGC的方式，以及播放视频无广告等特点，使得B站拥有了一批粘性强、忠实度高的用户，也正因其独特的弹幕文化，所以更需要筛选一些优质的正式会员。

产品体验

首先在手机上打开哔哩哔哩应用--进入个人中心，在用户头像的，点击我要答题，从而激活会员。题目是根据个人感兴趣的类型选择拟定，共100道题，60分及格，用户通过答题合格后成为正式会员，此功能不仅能提高用户质量，还能添加一些真正爱好者，增加用户粘性。

设计思考

1、答题的界面设计深色背景，搭配插画风画面感更强，立体选项按钮吸引用户点击，进度条显示当前得分给用户一个提示，底部显示用户继续答题获得分数越高，挂件佩戴有效期会延长，鼓励用户继续答题。

2、答题成功后的画面是一学识渊博的博士点赞的形象，显示晋级大成功，加盖B站印章，从此成为B站正式会员，满足用户的荣誉感及获得感。

10.【钉钉-日历显示】

相同日历合并显示，避免用户记忆混淆，方便用户操作。

钉钉， 阿里巴巴出品，专为全球企业组织打造的智能移动办公平台，企业内的办公协同，打造移动办公，追求办公效率的提升，其中消息模块的日历功能小细节比较打动人。

产品体验

点开日历，弹出提醒，当钉钉、邮箱、收集的日历中出现相同日程时，将合并显示为一个。

设计思考

1、提示弹窗，简约清新的卡片式设计，使信息能够一目了然；

2、相同事项合并为一，避免用户记忆混淆，方便用户操作；

3、文字按钮：“我知道了”口语化设计更加贴近用户实际生活，避免打扰用户。

11.【淘宝-双十二活动入口】

情感化设计融入IP形象，同理心对待，让用户能会心一笑。

产品体验

点击主页双十二入口，显示：“啊哦 涌进的人太多啦”，告知用户因活动点击人较多，而进不去。

设计思考

融入IP形象，一个在哭的红包，生动形象，利用同理心态，同样“我”也感受到了您的情绪，让用户理解，稍后再试。小小的话语也能打动用户，情感化的设计，减轻用户因打不开页面而产生不好的情绪。

12.【支付宝-蚂蚁庄园-庄园消消乐】

IP形象表情丰富，情景化设计，让游戏更富有乐趣。

支付宝蚂蚁庄园推出庄园消消乐，让小游戏更加丰富，小鸡表情丰富，给用户更好的体验。

产品体验

通过操作任务来进行通关，配有点击操作手势提示，每过一关任务各不相同，越往后等级越高，难度系数越大，通关的过程中，操作中，小鸡的表情变化给用户带来不同的体验惊喜。

设计思考

1、页面糖果色场景设计，当开始游戏主页将背景虚化，突出消消乐主题，小鸡占中间偏上位置，表情设计丰富，IP形象生动，十分喜人；

2、消消乐每过一关，每通一关要完成的目标不一样，小鸡的表情变化也各不相同，十分有趣；

3、操作过程中声音也具有互动性，例如步数消的好时会说：“哦噢”，比较具有趣味性；

4、当游戏最后步数用完了会显示小鸡额头冒汗；完成目标了目标时，会显示通关开心的表情，情感化的设计给予用户不同的感受，让游戏更富有乐趣。

13.【高德地图-景区随身听】

更好的用户体验，让景点导游随时随地为您服务。

高德地图推出景区随身听，根据用户不同的喜好可选择不同的语音讲解员进行讲解，您戴上耳机，在景区内边走边听，每到一处景点，讲解员会给您讲解景点相关的介绍及历史文化。

产品体验

高德地图输入您要去的景区，底部会显示景区相关的信息，门票、语音、助手等，点击语音或者直接上滑找到语音模块，点击语音讲解便会来到景区随身听模块，在这里你可以选择自己感兴趣的讲解员，选择后在地图上会显示景区不同的景点，当你看到一个个耳麦的图标，点击不同位置的图标会显示对应景点的相关介绍。

设计思考

景区内地图与语音解说相结合，提高用户量，让用户在游览的过程中，一方面用户可以在地图上查看自己所在的位置，另一方面可以听语音讲解，增加用户粘性，满足用户查看地图和听语音讲解的需求，用户体验较好。

14.【QQ-夜间主题切换】

人性化产品设计，给你更贴心的服务。

产品体验

登录时会提示，系统自动检测到系统外观为深色，是否自动切换到夜间主题。可在“通用-主题模式跟随系统外观”设置该功能。好的/不了，谢谢。

设计思考

登录时贴心的提醒，符合用户的预期，之前登录时的设置可能为浅色或者深色，在此提醒能够避免用户登录后重新进行设置，给用户贴心的服务。

15.【QQ-登录按钮小变化】

有趣的小动效给用户带来惊喜。

登录时，登录按钮闪烁，呈渐变色过渡，能够避免用户在登录时，因网络或其它问题导致用户等待时间过长，而引起用户负面情绪，有趣的小动效缓解用户情绪，给用户带来小惊喜。

16.【得到-已购】

列表模式切换，可对已学完的书籍进行隐藏，满足个性化的需求。

得到，是罗辑思维团队推出的主打知识服务的App,通过订阅专栏、付费音频、电子书等方式为网友每天提供有价值感的知识内容。

产品体验

点击已购书籍模块，可查看页面已购书籍，不同列表形式进行切换，也可隐藏学完课程，可进行展开。

设计思考

1、列表切换显示不同的展示形式，满足用户个性化的产品需求，给用户带来更好的体验；

2、隐藏学完课程，用户可直接查看未读书籍，方便用户快速查找未读书籍。

结语：

设计师要善于发现产品设计中的细节，养成良好的产品体验习惯，将美好的事物记录下来，不仅能够培养自己的产品思维及设计思维能力，提高审美，也为日后输出更多优秀的作品做准备，从而在设计的道路上越走越远。

---------------------------------------------------------

 精选推荐