iOS系统设计细节|人性化带来更好的产品设计

从今年3月份使用苹果以来,偶尔会在某个不经意的瞬间,感受到ios系统设计的人性化之处,深刻感受到了简约不简单的魅力。


从今年3月份使用苹果以来,偶尔会在某个不经意的瞬间,感受到ios系统设计的人性化之处,深刻感受到了简约不简单的魅力。

iOS系统设计细节|人性化带来更好的产品设计

总结ios系统的设计:以更接近人们的常规思维和感知去设计细节,使设计细节隐藏在里面,浑然一体,让人觉得自然。用滑动代替点击,点击代替输入,减少用户的使用麻烦。

ios系统中减少用户麻烦的例子:

1.闹钟

iOS系统设计细节|人性化带来更好的产品设计

用户不需要输入闹钟的具体时间,而用滑动来选择时间进行代替,减少“输入”这个比“滑动”更复杂的动作,又增加了趣味性。

iOS系统设计细节|人性化带来更好的产品设计

不过ios闹钟的主页面有点“反人类”的地方是,你不能通过直接点击闹钟进行闹钟的设置,而这里,你必须先点击左上角的“编辑”,然后再点进闹钟进行闹钟设置,让用户多进行了一步操作。

不过这一设计是有原因的,请看:

iOS系统设计细节|人性化带来更好的产品设计

点击编辑后,页面上会出现一个“小红杠“,暗示用户可以进行删除。

iOS系统设计细节|人性化带来更好的产品设计

当点击“小红杠”的时候,并不是直接删除闹钟,而是水平右方出现删除按钮。

这样“重复确认”的设计原因:避免用户在点击设置闹钟区域的时候,不小心误点了“小红杠”区域,导致闹钟被误删除,被误删后,用户还将进行一系列添加闹钟、设置闹钟的麻烦操作。

这一点感受到了这一设计的贴心之处。

iOS系统设计细节|人性化带来更好的产品设计

当然,为了不让用户使用麻烦,你也可以直接向右滑动,删除闹钟。

2.关闭应用

iOS系统设计细节|人性化带来更好的产品设计

只需稍重一按屏幕左侧,就会像卡片式效果的展开已经打开的应用程序,不需要再按两次的home键。

iOS系统设计细节|人性化带来更好的产品设计

当你想关闭应用时,你可以轻轻向上滑,并且最重要的是,你可以多只手指向上滑同时关闭多个应用,这一点设计又减少了用户的麻烦。

3.回到上一级

iOS系统设计细节|人性化带来更好的产品设计

当你想回到上一层的时候,不需要再点击左上角符号,而是轻轻往右滑即可回到上一级,体现“滑动代替点击”的思想。

4.短信

iOS系统设计细节|人性化带来更好的产品设计

如果用户收到的短信很长,当用户在看短信的时候,如果忘记了短信收到的时间,你会进行这样的操作:会滑动很长的时间回到短信最开始,然后再滑回已经看到的短信处。

而ios设计成你只需要向左按住不放的轻滑,即可看到短信时间,避免了用户滑回原始处的麻烦。

5.计算器

iOS系统设计细节|人性化带来更好的产品设计

打开计算器,会出现这样的很简单的界面。

iOS系统设计细节|人性化带来更好的产品设计

然而当你想使用更复杂的计算器的时候,你只需要把手机转个方向,科学计算器就出来了。这样有趣味性的又符合人们常规认知(科学计算器要占的区域比普通计算器要大)的设计减少了用户还需要点击、选择计算器类型的麻烦操作。

6. 全部已读

前面你们已经看到了,我有183条未读短信,当用户收到的信息过多,可能需要一个个去点击查看短信,可是你又不想看这些内容的时候,于是ios用了一个类似邮箱里的惯用操作:全部已读。大大减少用户操作量。

iOS系统设计细节|人性化带来更好的产品设计

我们一直说,ios系统设计的非常人性化,细节决定成败,接下来我们重点看下

ios系统设计里符合人类感知的例子

1.手电筒

iOS系统设计细节|人性化带来更好的产品设计

打开控制中心后,可以看到是这样的,注意看手电筒的变化

iOS系统设计细节|人性化带来更好的产品设计

当你打开手电筒后,你会发现手电筒的按钮由关闭时的靠下侧变成了打开时的靠上侧了,完美模拟了人真实打开手电筒的情况。

2.天气

iOS系统设计细节|人性化带来更好的产品设计

显示天气情况时,背景使用了对应当地天气情况的图片,清晰直观的让用户感受到当地天气状况真实模样。

3.时钟

iOS系统设计细节|人性化带来更好的产品设计

时钟会动这点,让用户感觉到这真的是一个真实的闹钟。

4.文本内容会随着你的手的变化而进行相应的变化

iOS系统设计细节|人性化带来更好的产品设计

当你重点击图文的时候,会出现卡片一样的内容。(如上图)

如果你觉得太小看不清,手再稍微用力一点,卡片会变大。(如下图)

iOS系统设计细节|人性化带来更好的产品设计

5.闹钟

iOS系统设计细节|人性化带来更好的产品设计

当你开启闹钟后,该闹钟会变亮,直观的感受到这个闹钟是被开启了的。

6.世界时钟

iOS系统设计细节|人性化带来更好的产品设计

我们知道,北京时间和美国时间相差12个小时的时差,这意味着我们这边是白天,他们那边就是黑夜。于是ios把时钟设成一黑一白来直观展现白天黑夜。

7.分层

iOS系统设计细节|人性化带来更好的产品设计

在ios里,当你打开另一层级的时候,下一层级并不会消失而是会虚化,给人的直观的感受:你已经打开了又一层,和刚才这是不同的层级。

8.日历

iOS系统设计细节|人性化带来更好的产品设计

当点开今天的日历后,你会看到一个小红线,这个红线会随着你时间的推移而向下滑动,符合人们对于“时间会流逝”这一常规认知。

iOS系统设计细节|人性化带来更好的产品设计

你输入在某一时间段你要完成的事情时,界面是这样,伴随着时间的流逝,就会从事件的“开始端”滑到“末尾处”,这一设计像是提醒用户你是否over掉了你的任务。

9.隐藏重要信息

iOS系统设计细节|人性化带来更好的产品设计

ios会将涉及到用户重要敏感信息的应用程序给隐藏起来,符合人们对于隐私信息需要受到保护的需求。

10.主页面

iOS系统设计细节|人性化带来更好的产品设计

注意看上下两张图的细微变化

上图是当手机向摄像头端倾斜的时候,图标及壁纸也都往摄像头端靠近。

下图是当手机向home键端倾斜的时候,图标及壁纸也都往home键端靠近。

iOS系统设计细节|人性化带来更好的产品设计

当然你也可以轻点两下home键,图标往下,方便单手操作。

iOS系统设计细节|人性化带来更好的产品设计

ios系统的设计思想:减少用户操作麻烦,符合用户感知和行为。非常适合当我们在设计产品时,把这一思想融入到产品当中,用来提升用户体验。

下面举例蕴含这一思想的产品例子:

1.滑动代替点击

iOS系统设计细节|人性化带来更好的产品设计

向左滑就可切换栏目,无需点击。

iOS系统设计细节|人性化带来更好的产品设计

向左滑就可删除不感兴趣的内容

iOS系统设计细节|人性化带来更好的产品设计

向右滑可以收藏自己感兴趣的内容

这一设计特点在陌生人社交产品里很普遍。

2.符合感知

iOS系统设计细节|人性化带来更好的产品设计

将背景虚化,打造不同层级,有点朦胧看世界的意味。

iOS系统设计细节|人性化带来更好的产品设计

打开界面后,整体版面会有一个“向下掉”的效果,符合人们在收到别人递给你的一个东西时,东西会逐渐靠近你这一行为感知。

iOS系统设计细节|人性化带来更好的产品设计

卡片式的立体悬浮设计,增加了趣味性。

iOS系统设计细节|人性化带来更好的产品设计

卡片式的滑动设计,当前展示的变大,两侧的变小,符合人们关注某个物品时,会进行该物的心理放大,而忽略掉旁边的物品的特点。

这样的设计使用户更加关注当前展示的内容。

ios系统的设计细节值得每一个人去挖掘,然后灵活运用到自己的产品当中。在产品设计流程上,考虑到如何设计可以让用户进行更少的操作就可实现目的,如何设计更符合人们使用习惯和感知。

始终相信,一个好的产品在细节的处理上应该表现完美。

 

作者:陈品墨(微信号:449042150,公众号:皮托聊互联网),美团产品运营实习生。

本文由 @陈品墨 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28916/

(0)
CatherineCatherine
上一篇 2017-05-22 12:41
下一篇 2017-05-22 15:33

相关推荐

  • 用户体验分享-儿童玩具上的用户体验与交互设计

    大约在同一时间,我成为了一位父亲,我刚进入用户体验世界,试图找出如何使我的产品,够了吧,可以理解的、 易于使用,并且直观。我是一个巨大的玩具迷,还是玩,他们之前到达了我的儿子,但他在房子里意味着更多的玩具和更多的机会来观察他与他的玩具在他的生活非常首个月的交互。看着他让我想起了关于如何普遍经验和界面设计是在我们的生活从一开始,从这些经验,我们能学到多少 — — 尤其是如果我们打算建立一种可以理解的产品。

    2015-01-03
  • 【文创•职通车】2018校园招聘信息

    序号001未而思伯文化传媒(杭州)有限公司2007 年成立至今,经历了十年的发展,从最初的单一媒介投放板块到如今的以视频内容创作,品牌营销传播为两大核心板块。十年媒体资源、渠道积累,坚持立足浙江为中心,面向江浙沪,以传统媒体+新媒体的渠道传播组合方式。(向上滑动启阅)一、 总监助理( 1 名)职位描述:1、本科以上学历,具有良好的协调沟通能力,良好的文字功底;2、完成总监交代的任务,负责项目的对接协调统筹工作;3、负责总监的工作日程安排...

    2018-03-20
  • 抖音|如何提升广告的用户体验

    最近发现越来越多的人开始分析抖音这款产品。小编接触抖音时间也蛮久了,到现在成为年轻人的标配。今天小编就来跟你唠唠抖音那些事儿。douyin抖音·  正·  文·  来·  啦·从产品的冷启动,到现在的野蛮成长期,抖音这款产品变化不得不说变化很大,当时的抖音很纯净,并没有什么广告,当然这也是符合产品生命周期的特性。以前的抖音技术流占据了大部分江山,如今的抖音变成了生活小百科,网红商品的发源地,产品内容标准也在随着产品所处的阶段在变化。如今...

    2018-05-05
  • 6个简单的方法,设计出漂亮的重叠色彩效果

    颜色对设计来说是非常重要的要素。只要有鲜明的颜色,就算是极简的单色设计,也能表现出引人注目的独特魅力。本文将参考一些网页设计,看看各种各样的颜色重叠效果的设计方法。

    2017-05-14
  • 设计法则 | 实例解析「交互设计七大定律」在设计中的应用(下篇)

    资深交互小菜鸟,交流可加微信:Mandy8888-上篇内容笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~《设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)》六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介复杂度守恒定律(Law of conservation of complexity)由Larry Tes...

    2018-01-30
  • 清华美院交互设计考研相关问答

    分享考研资料集:你的问题我来答!一考研资料福利贴这是新蕾北京公众号第001篇资料帖今天分享的是清美交互设计考研相关资料汇总针对此专业考研相关问题我们一一作出解答01进入通道报考清华大学美术学院交互设计研究生,可以报考两个方向,一个是信息艺术系的交叉学科硕士的交互设计方向,另外一个是信息艺术设计系的信息艺术设计的普通硕士,但是他们的考试内容有较大差异,进校后都可以学习交互设计,导师组基本相同,由于近年来大部分招生名额倾向于交叉学科,本文重...

    2018-04-28
  • 设计师最好的时代和交互设计最差的时代

    当技术平台化的时候,可能是正在酝酿下一步的技术革命。而现在设计用技术做差异化不是不行,而是很难。还是举facebook的例子,他们现在在招有接近一半的researcher岗位,UX researcher和Quantitative researcher,姑且分为主定性和主定量的用研岗吧,我觉得原因在于,交互设计师内化在心的用研思维难以在大量数据和海量用户面前快速将信息转化为决策,必须由专业人士专职来做。

    2017-06-05
  • Reading Your User | 设计心理学书籍推荐

    研究大众的心理学对于设计是很有帮助的。用户在围绕着你的产品所进行的一系列行为举止背后的动机是什么,与之互动时进行过哪些心理活动,外部的哪些因素能够成功影响用户的决策……这些都能够设计师完成更好的设计。

    2017-05-20
  • 从Web到移动应用的设计思维转换

    标签:移动应用、移动互联网、UI、产品设计、Web应用、视觉设计 【编者按】本文作者@刘津legene 随着移动互联网的快速发展,很多Web产品经理、设计师转而投身至移动应用领域。看起来非常相关的工作,却可能给他们带…

    2014-11-26
  • 日期选择器设计总结

    本文是作者对时间选择器设计做的一个小总结。enjoy~

    2017-04-27