这些设计细节虽小，但俘获了用户的心
一个产品能否让人记忆深刻，除了能帮用户解决问题外（kano模型中的必要属性），能给用户带来一定的惊喜是必不可少的（kano模型中的魅力属性）。接下来我们看看下面的产品是如何通过设计细节打动用户并达成产品目标，同时通过这些设计细节给我们在今后的设计中带来一些启发。
1.「 Instagram」是如何提升用户互动积极性的？
在「Instagram」里刷动态时，如果在一条动态上停留时间超过4秒时，在这条动态下方会自动跳转出添加评论的快捷入口，以降低用户互动的成本，增加用户互动的积极性。通过用户的行为，系统提前预判用户下一步的操作路径并给出相对应的操作，确实是提升用户使用体验的好方式。类似这样设计的还有头条小视频，当同一条连续播放2次时，分享按钮就会由普通分享图标样式变为高亮的朋友圈图标样式。
2.「YouTube」从全屏模式到查看或回复评论的交互方式是如此顺畅！
在YouTube全屏播放视频时，如果此时移动鼠标，那么在页面底部就会出现「滚动浏览详情」的操作提示。相较于其他视频平台需点击「退出全屏模式」才可查看评论区内容的体验，YouTube这里直接通过滚动鼠标的操作就能在当前全屏的模式下看到底部评论并进行发表回复等操作。减少了不必要的页面跳转，减少了跳出页面到割裂感。从而到达全屏追剧的沉浸体验不被打断，又能实现边看视频边在评论区互动的体验了。
3.「高铁管家」登陆12306账号时的键盘输入效率杠杠滴
用户在「高铁管家」上绑定12306账号时，数字键盘和字母键盘会同时被唤起，用户不用切换键盘就可以同时输入字母和数字。如此周全的输入方式，减少用户操作步骤，让整个登录流程更加快捷方便。
4.「有道云笔记」记录上次登录账号，帮你减轻记忆负担
「有道云笔记」的登录界面会帮助用户记录上一次登录的账号信息，并在下一次登陆到时候告知用户，减轻用户的记忆负担，功能虽小但体验很好。因为过了很长时间再重新登陆时，很难记起上次是用哪一种方式（账号）登陆的，况且很多产品的数据体系没有打通，不同账号之间的数据不能互通，导致账号不同，里面的数据就不同，这样会给用户造成疑惑与焦虑感，体验真的很差。
5.「支付宝」贴心的为您提供清除过载的红点提示
现在app推送的消息越来越频繁，导致一打开消息列表，全是未读消息，一条条的删除太麻烦但不消除小红点提示看着又很碍眼。一条条的删除太麻烦但不消除小红点提示看着又很碍眼。继「淘宝」和「微博」等App针对此应用场景推出一键标为已读功能后，「支付宝」也贴心推出了此功能来帮助用户处理没用的推送消息。当未读消息太多时「支付宝」会在消息列表出现浮窗提示用户「未读消息太多，标为已读」，点击可直接清除所有小红点。
6.「小米手机闹钟」使用一次就可以自动删除的闹钟
小米手机闹钟，用户在设置闹钟时可以打开“响铃后删除此闹钟”功能。打开此功能后，那种一次性的提醒闹钟（如某天要早起赶火车），在响铃后就会自动从闹钟列表中删除，有点阅后即焚的感觉，为强迫症用户清理了闹钟列表，减少手动删除闹钟的操作。
7.「QQ」的快捷回复功能微信为啥没有？
用户在浏览QQ空间好友动态，有好友发送消息过来时，会在页面右下角出现一个消息气泡，点击该气泡后用户可在当前页面快速查看消息内容以及回复该内容，从而不打断用户浏览动态。而看「微信」文章或者朋友圈时，有消息进来时，用户不得不打断当前操作而退出当前界面去查看或回复消息，是一种很差的体验感受。
8.「抖音」让模态弹窗始终出现在用户可操作的舒适区域
大部分产品在设计模态弹窗引导用户进行操作时，都会将模态弹窗放在页面固定的位置（居中或者页面底部）。而「抖音」的设计却让人眼前一亮，系统会自动检测用户唤起模态弹窗操作时手指与屏幕的接触位置，并将模态弹窗的操控按钮显示在离用户手指最近的地方。随用户手部活动区域变化而灵活变更模态弹窗位置的设计，使用户在进行手势交互的过程中操作动作能始终在手部的舒适区域内进行，这是对大屏手机时代十分友好的体验设计。
9.「网易云音乐」不同的场景有不一样的呈现
「网易云音乐」在有网与无网状态下打开时进入的页面其实是不同的。对用户而言，在有网络尤其是在无线网络的场景下在线听歌的概率是非常大的，而无网状态下app只能够播放本地音乐。所以设计团队根据用户具体的使用场景，让用户在网络状态良好的情况下打开 App 进入「发现」页，而在无网场景下直接进入「我的」页面。「发现」页便于用户发现最新音乐资讯与歌单推荐，适合在线听歌；而「我的」页面方便用户直接打开「本地音乐」列表，离线听歌。不同场景进入不同页面为用户缩短了操作路径，让使用体验更贴合具体使用场景。
OK，本篇文章先总结这几个点，后续我会继续收集产品设计中触动用户的设计细节与大家分享，同时也欢迎大家将好的设计细节案例留言给我，一起进步～
这些设计细节虽小，但俘获了用户的心相关推荐
- Vue.js 官方团队成员霍春阳新作，深入解析 Vue.js 设计细节
霍春阳(Hcy),Vue.js 官方团队成员.专注于 Web 研发领域,是 Vue.js 3 的核心贡献者之一,Vue.js 文档生成工具 Vuese 的作者,技术社区活跃者,曾撰写大量颇受好评的技术 ...
- 缓存架构设计细节二三事
缓存架构设计细节二三事 原创 2016-03-08 58沈剑 架构师之路 本文主要讨论这么几个问题: (1)"缓存与数据库"需求缘起 (2)"淘汰缓存"还是&q ...
- 【 C++ 技术】 C++ 高性能服务器网络框架设计细节
作者:范蠡 原文:C++ 高性能服务器网络框架设计细节 前言 这篇文章我们将介绍服务器的开发,并从多个方面探究如何开发一款高性能高并发的服务器程序.需要注意的是一般大型服务器,其复杂程度在于其业务, ...
- 移动互联网应用的十项设计原则和小提示
移动设备与传统桌面设备虽然都被称为"计算设备",但它们之间的差异是显而易见的:移动设备的屏幕要小很多,无线网络链接方面会有不稳定,电池续航能力较弱,等等.这份"弱点&qu ...
- UI设计中的App标签栏中的设计细节
今天苏州学码思小编总结了一些App标签栏中的设计细节,为学习UI设计的学员提供切实有效的学习方法. 标签栏是app的导航,具有明确的表意功能,其作用是辅助文字来指引用户进行快速导航,具有图形化的符号, ...
- 3G/4G/5G通信模块重启设计细节
无线通信模块本身实际是一个小网关,网关总是会因为各种原因崩溃的.在崩溃时,最后的保障就是重启,这个重启需要很多设计细节考虑. 1.硬件上是需要硬件重启开关的,这是最后的一个保障.想试图利用软件狗重启整 ...
- 安卓APP设计规范和设计细节
我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节.根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范.应该说这是整理出最全面的安卓app设计规范. 1.安卓app设计规范之 ...
- [龙讯6号]龙芯2E首次公布设计细节
LSLSLSLSLSLSLSLSLSLSLSLSLSLSLSLS === 龙讯 === ...
- 移动端手机详情页html,15个手机详情页设计细节，助你输出高品质页面
15个手机详情页设计细节,助你输出高品质页面 8月 6, 2019 发表于: 视觉设计. 评论 Sponsor 前言:这是一篇扫盲式的手机详情页的设计细节文章,主要写给0基础的小白设计师的,大佬们笑一 ...
最新文章
- R语言Kmeans聚类、抽取聚类簇：fpc包clusterboot函数通过bootstrap重采样的方法评估Kmeans聚类的稳定性、fpc包的kmeansruns函数通过CH准则和ASW获取最优K值
- 天呐，程序员有女朋友了！
- stm32f103 rtc 获取 日历 时钟
- pixhawk自学笔记之uorb学习总结
- 电信/移动/联通同台秀肌肉 集体表态：云计算市场“不能丢”!
- python 输入框查询_Element输入框带历史查询记录
- 论文速递 | 华为开源自研算法Disout | 中科院计算所GCN中文综述
- java map 内存可见性_JMM(一)：初识Java内存模型
- Docker Swarm架构、特性与基本实践
- SECS/GEM EAP介绍
- 卡西欧计算机怎么进制转换,卡西欧计算机怎么把十进制转换二进制
- 二类电商积分商城，积分兑换商城源码，免登陆积分兑换商城系统
- 编程的名言名句(幽默版)
- 【AI简报20210702期】骁龙888 plus发布、RISC-V处理器大飞跃
- 一文openpose姿态估计
- nginx下强制跳转到www域名，域名重定向
- 阿里云视频点播播放出错，控制台访问出现code:4400
- 《iOS用户体验》总结与思考-改动版
- Java知识点太多？北大教授点破Java学习秘籍
- [JS]月工作计划列表