admin管理员组文章数量:1532440
2024年7月19日发(作者：)
长图交互设计案例
1、付款时自动点亮屏幕
在现代社会出门已经不带现金了，貌似什么都可以用手机付款。在付款流程中，支付
宝和微信都会在点开二维码界面加亮手机屏幕。想一想，如果没有这个功能，是不是每次
屏幕亮度过低对方识别不了二维码时，你不仅要增加加亮屏幕的操作，还要忍受忘记加亮
屏幕导致扫码失败而带来的挫败感？
有些设计，往往感觉不到它的存在，可是一旦没有，便会带来不便，产生挫败和焦虑。
这就是好的设计点，也是作为设计师平时要去积累的。
同理，王者荣耀英雄死亡时，屏幕变暗，减少耗电量～
2、复制中的放大功能
iOS中长按拖动会复制文本，在复制过程中，长按的拇指会挡住选择的文字，在选择
区域上方出现的放大器，能很好的解决阻挡的问题。这个功能太常见，以至于我们忽略了
它，不过好的设计就是让人感觉不到，不是吗？
3、二次元世界的注册登录
bilibili，一个由二次元爱好者构建的视频王国。第一次使用就被它的注册登录页面所
俘获，让对用户来说枯燥多余的注册登录过程变得生动有趣。输入账号时，上面的两个动
漫人物是睁着眼睛的，输入密码时两个萌萌的动漫人物会遮住自己的眼睛。
4、隐藏敏感信息
当在说产品时，大家总喜欢拿苹果举例，苹果以用户为中心、以设计为驱动，做出来
的系统和硬件多好。这个原因是综合的，但是我觉得最重要的是微交互，苹果有的功能竞
争对手几乎都有，但往往用户会被很多小细节打动。苹果在考虑各个产品时的细节时所走
得心，在双击HOME键唤起正在运行的软件时，如果后台运行的软件涉及到重要信息，会
给缩略图进行高斯模糊处理。虽然对内在的机制不清楚，但是猜想应该是苹果提供了接口，
APP调用后就可以实现这种效果。
5、自动进入编辑短信页面
iOS中当短信列表为空时，点击打开短信APP，会直接进入编辑短信页面。
6、一般人发现不了
用Google Map搜索路线，选择步行，当步行时间过长，步行的小人会多个拐杖。
7、实时的启动icon
iPhone在启用时，时钟和日历的icon就会启动，icon中显示的日期和时间是随着时
间变化的，显示的就是此时此刻的日期和时间。
8、音乐APP中的文艺青年：网易云音乐
网易用个性化的推荐和丰富的社区内容，在音乐市场杀出了一条血路，让其他老牌音
乐APP望尘莫及。除了个性化的推荐、社区，优秀的产品交互也是不可或缺的亮点。网络
不好或断网状态，和网络正常，这两种情况打开APP，默认的标签页是不一样的。断网时
会直接前往本地的“我的音乐”，网络正常则是“发现音乐”页。没网的时候发现个毛线
音乐，只能是听本地音乐了。
9、给用户更多的自主权
加载过程是技术所限不得不出现的形态，如果网络一直稳定，而且速度极快，其实就
不存在加载过程。但这是不可能的，至少在目前情况下来说。如何减轻加载过程中的用户
焦虑，高德的做法也许是其中之一。当加载时间过长，允许用户取消加载过程，去完成其
他任务。
10、预测用户目的地
最近易到和乐视的新闻又占据互联网头条，而此时的滴滴，已经估值300多亿美元已
经成为互联网出行领域的绝对龙头。当打开滴滴时，滴滴会根据你以往的打车数据，预测
目的地，如果预测对了，直接点击选中，免去了输入搜索目的地的步骤，降低了用户的操
作成本。
11、点击底部标签栏，就可以回到顶部
iPhone有个很贴心的功能，即点击通知栏，就可以将页面的内容回到第一屏。但是这
里有个痛点，因为通知栏位置太高，单手操作很困难，操作成本偏高。
毒物，一个导购类的APP，产品以内容为主。当用户在首页向下浏览太多屏之后，它
的标签栏第一个图标会变成倒三角，文案变成了回顶部，单击后即可回到第一屏，回到首
页常用的做法还有在页面右下角出现一个悬浮icon，单击可回顶部。
12、断点续传
下载时由于网络或者其他原因终止了下载过程，恢复下载时，则会接着已经下载的部
分开始下载，这便是断点续传。
13、只看自己喜欢的
腾讯视频顺应民意推出的只看谁谁谁的功能，提供更加个性化的选择，可能会是一个
不错的产品方向。
14、下拉刷新的妙用
一闪APP凭借其强大动图社交功能，俘获了众多文艺用户。不过今天要说的是它的刷
新动画，一般的下拉刷新基本是菊花加刷新文案的形式，而VSCO将刷新文案变成了当地
的天气，这可比什么下拉刷新、松开开始刷新等等文案强太多。
15、为用户下一步操作的做设计
iPhone有个功能是下滑调用全局搜索功能，因为下载的APP太多，所以系统会帮你
保存上次搜索的内容，并默认全选中。细想一下这个设计真是太贴心了，因为用户启动搜
索，存在两种可能：
1、继续上次的搜索内容；
2、输入进行新的搜索。
这个设计很好的兼顾了这两种情况。
同样为用户着想的设计还有，当G-sensor开启时，用户旋转手机屏幕会跟着旋转；
滴滴打车时，滴滴会为你智能推荐终点位置。这种设计方式是很重要的一条设计原则，我
把它称为“智能化”原则，让设计更智能，真正的为用户着想。
版权声明：本文标题：长图交互设计案例 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1721325763a871920.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论