苹果屏幕上的小圆点_iOS14:交互上这5点变化,值得细细研究

news/2024/11/9 5:04:38/
你好,这是沐风的第120篇原创。 上周四凌晨,苹果推送了iOS14系统正式版。沐风也在第一时间更新了新系统。 一直很喜欢苹果系统的交互设计,因为绝大多数设计点都考虑得周到且成熟,体现出苹果作为顶级大厂的范儿。 研究优秀的设计,学习他们的方案,会使我们也更优秀。 下面就带大家看看,苹果系统这次更新,在交互上值得细说的5个功能点。   一. 桌面小组件 这次iOS最大的更新,莫过 于这个桌面小组件了。 说白了,就是把app的一个功能拿出来,直接展示在桌面上。这样用户不用进入应用,也能看到需要的信息。 c47f47cffbc9c3dc901e6193c2324a8c.png 其实这个小组件,在安卓和Windows Phone上已经存在许久了。 7bc4296ea2f672b18ee319bf3d175103.png 但苹果一出手,还是能把这个老掉牙的功能做得更有精致感。 这一点不得不服。 沐风分析了一下,产生这种精致感,主要有两个原因: 1. 小组件的尺寸是固定的3种: 0dc0144d46efea364ce9e020a97ebbdd.png 并且这3种尺寸的小组件,边缘都与系统中的app边缘对齐。 1f6ecad32bc00b5251e308e2ccab0dad.png 这种整齐划一比安卓的随意放任,制造了精致感。 8fd679a297d088e6f4f1b0c351846163.png 2. 小组件的动效流畅,且交互细节完整。 例如,下面是待办应用Things的小组件。点击其中的“读书”事项,则小组件展开为全屏,并且“读书”事项背景色发生变化,暗示刚刚点击过。 be926ac134f061b2577a6fb4062d0cf7.gif 从底部上划,则页面从全屏收起为小组件形态。 整个过程如德芙般丝滑。 顺提一句,这个动效中,被点击条目的背景色变化这个细节设计得十分出色:
  • 由于用户明确点击了“读书”,按照该应用里的逻辑,读书选项应该被标记为完成;
  • 但小组件本身不承载那么重的操作,所以点击后是打开应用;
  • 此时被点击的条目背景色变化,提示用户该条目刚刚点击过,是十分必要的反馈。否则点击某个条目,却打开的是整个应用,前后的对应关系不吻合。
从这个细节,可以看到Things应用设计师的用心。 小组件还有个交互细节:它们可以叠放。 当把一个同样尺寸的小组件,放到另一个小组件上方,它们就叠放在一块了。 b6e36d8062a2d8b9e2900ec7d859f601.gif 完成叠放后,沐风紧接着产生了一个疑惑:叠放在一起的小组件,默认只能看到最上面的一个,而且也没有任何“多个数量”的提示。 那我怎么知道哪个组件是叠放的,哪个是只有一个呢? d6488fb23c90a5df28f2df8e4fd29697.png 经过探索,我在这里找到了答案:

当用户在不同页面之间划动时,有叠放的小组件,右边会展示出小圆点(随后立即消失),提示这里有多个小组件:

ca54b7861ce14d2b7449a7b840f1476a.gif 不得不说,这个细节反馈还是考虑很周到的。   二. 资源库 刚开始看新闻时看到这个功能,觉得这个功能没什么稀奇,体验了之后才发现它对我使用手机的帮助还挺大。 具体来说,资源库的逻辑是这样神儿的:
  • iPhone 上安装的所有应用都会被整合进 App 资源库,系统会对这些应用进行自动分类,放在不同的文件夹当中。
  • 其中第一个和第二个,一定是建议和最近添加;后面的是各种分类,如社交,工具等等。
d0bf1187d9eab703e949c9dd0677a284.png 值得一提的是,这个资源库页,排在手机所有页面的最后。 也就是说,要想到达这个页面,需要在iPhone里不断向后划。 这对于我这种重度app使用者,手机里有12页应用,是有点崩溃的: 3c36df46bd110827b4f65dac05f0bd2e.png 所以一开始,我不太理解这个功能到底解决了什么问题: 为什么要有个资源库?我要找什么应用,直接在任意屏幕向下划动,呼出搜索不就行了吗? fab95cd44ae670ac3faa4b66dcfaa99a.png 后来,随着研究的深入,这个功能真正的价值才渐渐浮出水面: 资源库可以存放那些不常用、又舍不得删的应用,提高iPhone屏幕的使用效率。 证据有2: 1. 在iOS14里,删除应用时,多了一个“移至App资源库”的选项 a97076634044399f8a5b22283a03523e.png 在设置-主屏幕选项中,增加了将新下载的 App 仅保存在 App 资源库中的选项: 08164fe1e6a3cf2548c71c4100517087.png 并且还可以设置 App 资源库中的应用是否显示通知角标。 这些新的设置选项,都在帮助用户清理屏幕上不常用的应用。 2. 如果觉得app 太多,一个个删除太麻烦,则长按主屏幕,点击 Dock 栏上方的一行白点,还能直接隐藏某个页面(团灭的节奏???),同样达到简化主屏的目的。 880f05f7c619561179ff2ff4de38d8e3.gif 经过以上的分析,现在我可以理解资源库为什么在最后一页了: 常用的app都在前面,所有的应用都在最后的资源库里。 原来是按照使用频率分的。 懂了。   三. 权限使用提醒 iOS14对用户的隐私进行了升级式的保护: 手机里的应用在使用手机的哪些权限,现在变得更一目了然。 比如,当我在用微信语音时,发现屏幕右上角多了一个橙色的小圆点,从小圆点位置下滑,则展示了“麦克风icon + 微信”,提示微信正在使用麦克风。 436a966b6afeff7a4740dc2e1192e6e2.png 小圆点占据一行,略显孤单。 但从前后的逻辑来看:权限使用详情(“麦克风icon+微信”)只能展示在控制中心,而控制中心又是从右上角向下划动后出现。 所以小圆点展示在右上角,是必然的合理选择。 同时,权限的提醒又不会做得太重,所以展现形式上就是一个小小的圆点。   四. 来电提醒轻量化 过去几年,iPhone一直只有全屏来电模式。 来电默认拥有系统最高优先级,但这导致大家在玩游戏时,会被来电打断,影响了用户体验。 此次 iOS 14 更新,加入了来电提醒的通知栏模式。 当 iPhone 处于锁屏状态时,来电和之前一样,会全屏显示; 当手机是正在使用状态,来电则会以顶部通知栏的方式呈现。 296e8a70230f0d446e852bb6ffbee98d.png 另外,如果不想接听,也不想挂断,将通知栏往上一滑即可忽略,对方还是处于拨打状态,而你完全不受影响。   五. 新增的交互方式:轻点背面 此次更新,增加了“轻点背面”的操作方式。 用户可以设置轻点手机背面两下或者三下后,自动执行一个功能操作。 这里沐风为大家推荐一个功能:屏幕朗读。 屏幕朗读可以把屏幕上的文章都读出来,很适合坐车、做家务、走路这些场景。解放双手,值得拥有。👐 下面是具体的设置方法: 4a60b0ab024751db30d979c1b9027fa2.png 设置好了之后,连续敲两下手机的后背,屏幕朗读的功能就被自动激活了。 0cb35a34b0673807edca229cbc40b180.png 是不是很方便d61fc566ddd3b75be5b5fbb308dbcc61.png 。 以上为大家分析了iOS14更新中,5个交互设计点:
  1. 动效流畅、交互细节完备的桌面小组件;

  2. 帮大家清理手机屏幕的资源库;

  3. 细致的权限提醒;

  4. 轻量化的来电提醒;

  5. 使用的轻点背面交互方式。

欢迎转发、点赞、在看 a0ddba2075d523fc39202104b2b63d3e.png延伸阅读
  1. 学会这几道交互面试题,大厂面试成功率提升90%

  2. 交互实例分析:这些页面该怎么设计比较好?

  3. 为什么说交互设计不是必备岗位,却是刚需技能?

cabdaeb0f4ae979fcb01ec33e01618c7.png

http://www.ppmy.cn/news/432248.html

相关文章

苹果天气不显示_手机资讯:苹果设计师藏在 iPhone 中的小惊喜:你发现了几个

如今使用IT数码设备的小伙伴们是越来越多了,那么IT数码设备当中是有很多知识的,这些知识很多小伙伴一般都是不知道的,就好比最近就有很多小伙伴们想要知道苹果设计师藏在 iPhone 中的小惊喜:你发现了几个,那么既然现在…

win7计算机打开显卡设置在哪,[win7显卡设置在哪里]WIN7显卡优化设置在哪

[win7显卡设置在哪里]W7系统的显卡设置在哪里找 街灯下的身影3级2010-01-30控制面板啊,我的WIN7就是啊,找到一项显卡设置,进入即可追问: 控制面板没有显卡设置啊~找了好久没找到。回答:能在控制面板里截个图过来吗&…

edius软件中常用工程的设置 千万别搞错视频场

http://blog.sina.com.cn/s/blog_51b13e780101j2gp.html 剪辑软件是剪辑师的工具,工具怎么用首先要看你用来做什么。在分享edius6的工程设置之前我、先设定一下,我说的这些工程设置用来编辑常见的dv,标清,高清视频,回录…

Camtasia Studio2023电脑屏幕录制软件免费版

TechSmith Camtasia Studio2023免费的屏幕录像视频编辑软件,最专业的电脑屏幕录制及编辑软件!这款专业录屏与视频创作大型软件包含屏幕录像、视频编辑、视频菜单制作、视频录音配音、视频发布等系列强大功能。 全新的Camtasia 2023 让您用更短的时间创…

TechSmith Camtasia2023屏幕录像和编辑软件更新介绍

随着网络技术的发展,不论是在学习、娱乐还是办公方面,都会经常使用到录屏功能,并且需要配备视频讲解,这就需要在录屏的时候将声音录进去。 Camtasia Studio2023是一套专业的屏幕录像和视频剪辑软件,提供了强大的屏幕录…

camtasia studio导出1080p高清视频的设置

此处以录制全屏,分辨率是1364*768为例子。导出的分辨率和录制的分辨率设置为一样。 具体步骤如下 1.预览界面设置为1364x768。 2.新建生成预设,选择mp4格式。 3.视频大小,设置为1364x768。 4.视频设置里面,选择合适的参数。 帧速率…

Camtasia Studio2023Mac最新电脑版屏幕录像软件

Camtasia Studio2023提供了强大的屏幕录像、视频的剪辑和编辑、视频菜单制作、视频剧场和视频播放功能等。它能在任何颜色模式下轻松地记录屏幕动作,包括影像、音效、鼠标移动的轨迹,解说声音等等,另外,它还具有及时播放和编辑压缩…

Camtasia Studio2022电脑屏幕录制工具详细功能介绍

全新的Camtasia Studio让您用更短的时间创作更多的视频。无需任何经验,0基础也能轻松上手,使用Camtasia 2022创作出专业级的视频内容。全新版本带来了焕然一新的软件主界面、更加简化的视频导出流程,让我们的创作更加高效,新增加的…