天天财汇 购物 网址 万年历 小说 | 三峰软件 小游戏 视频
TxT小说阅读器
↓小说语音阅读,小说下载↓
一键清除系统垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放,产品展示↓
首页 淘股吧 股票涨跌实时统计 涨停板选股 股票入门 股票书籍 股票问答 分时图选股 跌停板选股 K线图选股 成交量选股 [平安银行]
股市论谈 均线选股 趋势线选股 筹码理论 波浪理论 缠论 MACD指标 KDJ指标 BOLL指标 RSI指标 炒股基础知识 炒股故事
商业财经 科技知识 汽车百科 工程技术 自然科学 家居生活 设计艺术 财经视频 游戏--
  天天财汇 -> 设计艺术 -> 为什么 iPhone 删软件时,所有图标都要抖? -> 正文阅读

[设计艺术]为什么 iPhone 删软件时,所有图标都要抖?

[收藏本文] 【下载本文】
为什么 iPhone 删软件时,所有图标都要抖?
关注问题?写回答
[img_log]
iPhone
手机
用户体验设计
为什么 iPhone 删软件时,所有图标都要抖?
第三方软件是吓得,系统自带软件是嘚瑟
看到这个问题,我专门让他们抖动,然后自己傻乐了一会。。
被删的:惊吓啊,并且祈祷你只是在启用3D Touch而不是真把它删了啊!
幸存的:看清楚咯!别删错咯!
好吧,其实删除软件这一动作应该用UI交互设计的思维来解释
UI交互设计遵循的一些原则:
整体一致性原则、可预知性原则、用户主导原则、用户行为响应原则、不一致性原则、默认、及提示原则、可发现性原则、减少用户工作原则等等。当然,更加具体的UI设计原则还会根据pc端和web端的不同再细分下去。
我们来看看iPhone删除软件时图标抖动都遵循了哪些原则:
可预知性原则
可预知,指的是用户能够看到这个设计能够预知到操作后的结果。要求设计师对于用户和用户的目标有一个很深的理解,这样才能设计出让用户一目了然的效果。也就是说,大多数功能都需要让用户知道自己操作后,能大概知道会怎么样。
iPhone删除软件时图标抖动,伴随左上角的小叉角标,能够让用户预知到点击后这个应用就会消失。
用户行为响应原则
用户任何的行为都应该有反馈,这样用户才会知道,我刚做什么了,是否成功。可通过界面、鼠标、声音的响应告知用户。iPhone删软件时的UI设计采用的就是第一种,通过界面响应来反馈告知用户,全部的图标一起抖动是为了更好地提醒你已经进入删除软件的流程中了,并且手机也准备好了,下一步点击小叉就是删除操作了。
减少用户工作原则
这个原则非常容易理解,就是减少操作步骤,让用户越方便越好。其实比较原始的删除软件的操作,应该是让用户从设置或者应用管理的模块中找到想要删除的应用,再点击删除操作,这一系列动作至少要经历三四个页面才能全部完成,用户的工作量是很大的。而iPhone只需要在对应的程序图标处按压屏幕就能立刻进行删除操作了,方便很多。
整体一致性原则
前面都是在说iPhone删除软件时抖动这个动作遵循的原则,现在可以说到那些不被删或者不能删的软件怎么也要一起抖动呢?这是为了保证整体的一致性,试想如果只有要被删除的图标自己抖动,那该多奇怪呀,会有种是不是bug了的感觉,所以还是一起抖动,这样也会更明显更能引起用户注意。
不一致性原则
让那些行为不同的元素看起来也要不同,让用户知道它的不一样。保证一起抖动,但是也要有差异,不能删除的软件左上角是没有小叉角标的,这样用户也会明白自带软件不可卸载,与第三方软件的不同。
这里也提一下关于图标抖动的相关专利的官方解释,简单整理了
@笪屹超人
提供的资料
iPhone删除软件图标抖动其实是来源于苹果iOS的第8423911号美国专利“文件夹控制:设备、方法以及图形用户界面”,这是一整套的UI设计。其中包含了创建、清理、管理文件夹的方法等应用程序图标操作。
专利描述,持续按住屏幕上的文件夹或图标,就会产生“抖动”效果,而这也就意味着,用户界面处于重新配置的模式,允许新文件夹的创建、应用程序重新排列以及移动等操作。这里说的其实就是用户行为响应原则啦


专利文件中写道,“使用一系列的输入,来修改、删除文件夹及文件夹中的内容,实在太过乏味,并且给用户带来了极大的认知负担,浪费时间及能量。”这里说的其实就是减少用户工作原则啦
既然开篇说到了iPhone的3D Touch,这里多说几句关于3D Touch的交互功能。
苹果的3D Touch最早应用于iPhone 6s中。这是一种立体触控技术,被苹果称为新一代多点触控技术,是在Apple Watch上采用的Force Touch,屏幕可感应不同的感压力度触控。


在iPhone的通用,辅助功能里可以打开这个功能,设置适合你的按压程度,然后回到主屏幕按压APP的图标,你就会发现一些常用功能会直接显示,确实为用户带来不少便利。同样的,这个UI设计也遵循了上述的许多原则,最突出的依然是用户行为响应和减少用户工作的原则:按压屏幕启用3D Touch时会震动,弹出的常用功能直接点击就能使用,非常方便。
不过有一点还是要提,如果选择的按压程度是“强、中、弱”当中的弱,确实在轻压时容易触发删除软件的操作,不过只要控制手的力度更重些,自然能直接进入APP常用功能的界面。
这是一个很好的问题,也是一个很老的问题,当大家都用上iPhone X的今天,回顾这个答案有完全不同的感受:
这是一段年代久远的教学视频;教你如何在第一代iPhone,iPhone 3G或早期的iPod Touch上删除图标:




如果你可以访问,请点击这里:
https://www.youtube.com/watch?v=hNUxDZUp0bY?www.youtube.com/watch?v=hNUxDZUp0bY
以现在的视角看这段教学,就像在看黑白影像的纪录片。今天的消费者可能很难能站在11年前的视角,感受移动设备处于爆发拐点时刻的心境。因为当时世界上市场份额最高的智能移动设备界面长下面这个样子(EICO的联合创始人之一即来自微软的Windows Mobile系统设计团队,对此变革更有深刻的体会):


“删除应用抖动”是一个经典的交互反馈,还有包括横向滑动解锁,双指缩放,列表触底弹性反馈等等现在看来理所应当的交互效果,在当时可以说是天马行空,而这种惊叹更多的是对技术表现力的惊叹。因为以当时移动设备的图形计算,响应速度,电力支持...这些极其细腻和具有表现力的交互效果需要付出系统级的代价来换取,而可怕的是Apple在构建iOS的时候也是这样做的。在这些效果背后,是它牺牲了无数在当时手机一定会有的功能。(甚至连通讯设备最基本的多人短信都无法实现)所以以当时的视角,这个效果带来的“技术表现力的惊叹”,“意外惊喜感”绝对占据主流。
换做今天的视角,再来看类似“删除应用抖动”这样的设计,带来的意义又是不同的:
首先在信息过载,界面设计趋势全盘扁平化,信息化的时代,类似“删除应用抖动“的交互效果让设备仍然具有难能可贵的“人性”,我们已经很少看到系统或者应用开发者在“交互效果层面”提出让人耳目一新的互动,这也是任何人机互动系统进入成熟时期的特征。“删除抖动”作为我们这个时代难得的“信息化人性”设计,是一个极具象征意义的交互遗产。
其次“删除应用抖动“也是一个品牌级互动范式。就像题目问到一样“iPhone删除软件时的抖动“而不是其他品牌的移动设备,原因就是这个交互范式带来的不仅仅是交互结果的隐喻,而是11年来教科书级别的对于消费者品牌化洗脑,让任何其他尝试采用同样交互方式的品牌,事实上都在不断强化“iPhone删除软件时的抖动“这个概念。类似的品牌级交互在系统中还有非常多。
最后即使是“抖”这一个动画动作,也是值得再仔细研究与分析:EICO动态小组在另外一个问题中对iOS的动态效果细节也做出了详尽的解析:EICO:iOS 设计的神细节有哪些?
喜欢我们的答案,可以关注微信公众号:EICO(eicoinc),了解更多深入观点。
第三方app是吓的发抖,自带app是在嘚瑟。
吓的。
一是趣味,还有就是一种交互动画,告诉用户现在处于编辑状态
如果不一起抖处女座怎么吃得消
之所以图标抖一抖:
苹果已经申请了该专利,防止别人抄;交互体验上,能够让用户有效感知到操作,防止误操作;相当有趣的交互体验;
换过牙齿吧,掉之前都摇摇晃晃的,然后忍痛一拽,就掉了。
告诉你他们是同类,要不要一起删,都已经松动了,就像拔萝卜,再用力一拽就掉了
别争了,官方答案在此!
直接戳:http://www.d1com.com/mi/market/74129.html
你给系统界面下达指令,抖动是系统给你的反馈,抖动说明系统界面进入了一种状态,那又是什么状态呢?图标抖动给人的提示是图标是动态的,可以移动的,非固定的,自然而然的给你潜意识里传达了系统图标进入了一个可以互相改动位置的编辑状态。如果抖动的图标左上角在加上个叉型符号呢,叉型符号就是错误和删除的意思,这个在界面里被大家认可和使用多年的一种符号,抖动又说明它是移动的,非固定的,两者结合顾名思义就说明图标进入了移除,删除的状态。
抖 表示瑟瑟发抖,别删我,别删我,我怕怕怕
第三方软件在发抖是因为害怕被卸载。自带软件在颤抖是在嘚瑟庆祝自己删不掉。
这个问题恐怕是在知乎得到最多相同回答的问题了,但是其实背后的原因不是大家调侃的这样。
一切源于2013年苹果自主申请的iOS文件夹和图标抖动效果UI专利。
主要作用是:提醒用户小心误删,这是个App不是一个简单的图标。增加卸载的人性化设计和趣味性。
这不是一个无聊的问题,带着这个问题检索信息,很快就可以找到正经答案。


这叫 Jiggle Mode文本摘要
2013 年 4 月,Apple 成功申请到了美国第 8423911 号专利[1],是围绕一个叫“Jiggle Mode”的功能而申请的。该专利通过图标「抖动」的方式给用户传达出图标可重新配置的信息,允许用户对图标排布等做出改动。
专利解读
专利链接请参考这里,该专利信息你可能需要某种方式才能正常访问它。


jiggle mode
该专利需要关注的内容有:
用户长按 App 图标或 App 文件夹时,会触发 Jiggle Mode,图标开始抖动;在 Jiggle Mode 里面会加入 UI 边缘检测,两个图标存在重叠时自动创建 App 文件夹,将图标移动至屏幕边缘会触发跳转至对应的另一个页面;用户将 App 移动至另一 App 图标上触发创建文件夹,松手以后就会确定创建,并自动分配文件夹名称;加入的对象识别除了适用于创建 App 文件夹,或将 App 移动至其他界面之外还可以用于 App 图标位置改变或排序;其他实施例描述了在重新配置模式下如何显示图标。例如,应用程序可以显示删除或删除徽章,目前显示为位于应用程序左上角的“X”。透明度、应用程序设计和动画以及其他图形资产,在冗长属性中进一步详细。本文结论
App 本身并没有趋利避害的本能,因此 App 因为害怕被卸载的抖动属于抖机灵。根据 Apple 的专利,抖动的图标暗示了它是可以被移动位置或执行卸载等操作的。
参考^Device, method, and graphical user interface for managing folders. http://patft.uspto.gov/netacgi/nph-Parser?Sect1=PTO2&Sect2=HITOFF&u=/netahtml/PTO/search-adv.htm&r=7&p=1&f=G&l=50&d=PTXT&S1=(apple.ASNM.+AND+20130416.PD.)&OS=an/apple+and+isd/4/16/2013&RS=(AN/apple+AND+ISD/20130416)
这是一种在运动效果上的拟物
灵感来源:模拟把一些图标用单根弹簧固定在一块底板上的效果,一碰就会抖动不止,就像过去有些传统工艺品那样,比如有的人偶会把脑袋用弹簧固定在脖子上,一碰就点头不止。
或者用大头针固定icon在底板上,一动就会摇摇晃晃。
这两者给人一种快松脱了的感觉,从而巧妙隐喻移除app的含义。
寒塘渡月,旅行摄影师,前前端码农
借我一生 与梦私奔
有的照片只能抵达眼睛,有的则能触及心灵。
作品博客:sometime.me
旅行摄影公众号:寒塘渡月
私人微信:hantang916
這個問題可以和以下問題對照理解:
一個喜歡用「正式」語言做介面設計的公司是不會設計出抖動圖標的。抖動圖標是很不正式的語言。
害怕被你删掉,所以瑟瑟发抖。
难道不是软件害怕嘛,软件好似在说,不要删掉我,不要删掉,他抖的时候,我会想,哇,这么可怜,都发抖了,要不要删掉呢,要不要呢,鬼知道当初是怎么想的,其实我觉得光靠逻辑你是很难想清一件事儿的,毕竟人性很复杂。
当被你举枪对着,一群人不知道你准备枪毙谁的时候,他们能不发抖吗?
某些是被吓得 某些是得瑟
楼主的提问不够好,这种问题楼下只能抖机灵
怕得瑟瑟发抖。
你下载的app:别删我,别删我,喵。
自带的app:你删呀,有本事你删呀,get。
抖一抖才能保证删干净,不得不说,苹果设计这个交互的设计师八成是人体生理学毕业的,而且可以肯定是个男的。
因为它害怕
可能是因为害怕要被杀掉吧……
抖动代表它们固定的状态解除了,可以对它们进行移动或删除。
好吧一些是发抖一些是在得瑟好像也没有什么问题●﹏●
因为全部软件瑟瑟发抖,万一出现操作手滑呢
它们害怕了
他們在,抖機靈*?゜??*:.?..?.:*?'(*?▽?*)'?*:.?. .?.:*?゜??*
晃得花点,让你看不见。。
害怕自己会被删
能被删掉的是怕
不能被删掉的是嘚瑟
[收藏本文] 【下载本文】
   设计艺术 最新文章
有哪些对你很有冲击力的设计?
「英语流利说」的使用体验如何?
为什么设计院出的图纸一堆错误?
保时捷中国总裁首度回应「米时捷」:或许好
为什么很多JRPG游戏战斗中可操控角色一般是
设计师都觉得宋体很难看吗?
有哪些看着像 PS 过的照片,实际却没有?
为什么galgame普遍使用自研引擎而不是unity
“角色也有自己的生活”是什么时候开始成为
写代码用哪种字体看起来最舒适?
上一篇文章      下一篇文章      查看所有文章
加:2024-01-29 12:20:53  更:2024-01-29 12:23:13 
 
 
股票涨跌实时统计 涨停板选股 分时图选股 跌停板选股 K线图选股 成交量选股 均线选股 趋势线选股 筹码理论 波浪理论 缠论 MACD指标 KDJ指标 BOLL指标 RSI指标 炒股基础知识 炒股故事
网站联系: qq:121756557 email:121756557@qq.com  天天财汇