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

相关推荐

  • 老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • 2015年新起来的APP新贵们,进来瞅瞅都是什么APP在“火”!

    一时兴起,统计2015年以来新发布的,或是从2015年开始快速崛起的,日活稳定在20万+的APP,一共找到了16款。以下数据为粗暴的估算,不准确很正常,不准确憋找我! ┃视频类 熊猫TV,视频直播平台,CEO王思聪,200万量…

    2016-04-08
  • 4种用户体验研究方法,提升最优化测试

    本文讲述的是户研究与A/B测试相结合,发现问题的真实原因,并进行有效的判断处理。“实验可以证实一个理论,但实验永远无法创造出一个理论。   ” —— 爱因斯坦

    2017-05-09
  • 2018’IIDC信息与交互设计教学研修班开始报名了!

    点击信息与交互设计关注我们!资深教授的专业教学指导+行业专家的实际案例分享力求打造最有深度的课程培训5.10-5.12信息与交互设计专业委员会联合广州美术学院定于5月10日~12日在广州美术学院举办"信息与交互设计教学研修班"。本次研修班将特别邀请清华大学美术学院基础部主任、国家社科基金重大项目首席专家邱松教授就国家社科基金项目申报工作进行详细的解析与交流,同时邀请广州美术学院工业设计学院院长陈江教授;武汉理工大学艺术与设计学院副院长方...

    2018-04-20
  • 一千个从业者就有一千个交互设计师

    最近在一边工作一边读书的同时,也在思考交互设计是什么以及互联网交互设计师在团队中的定位等一些问题。谈到交互设计仿佛就是“一千个读者就有有一千个哈姆雷特”的感觉,每个人都会说出一套它们自己对于交互设计的理解。

    2017-05-20
  • 如何量化用户体验并有效执行

    很多人都把用户体验看作是网站或应用成功与否的一个总体衡量标准。分析一个网站或应用在提供好的用户体验方面的效果如何,往往会变成一项很主观的事情,仅停留在观点层面,缺乏客观依据。本文描述了为何量化用户体验这么难,并提供了一个量化用户体验方法,对于网站和应用的过去开发所作努力的快速、客

    微信热点 2018-03-22
  • 【译文】“防止用户犯错:避免有意识的错误”

    西南航空的手机网站对已经过去的日期使用了灰色的背景,使你明白在预订一个航班时这些日期是不可选择的。不幸的是,对下个月的日期也使用了相同的设计,这意味着不可选。Polarr是IOS系统里很受欢迎的照片编辑工具。右侧的编辑控件(温度,色调等)需要你点击那个方块,然后向左或向右滑动而改变参数。然而,这些控件并没有展示出用户应该如何与其互动,所以新手用户很可能需要试错几次才能明白应该如何正确的使用这些功能。另外的一个交互困难就是:由于控件在屏幕的最右侧,你可以很轻松的向左滑动而减少参数数值,但水平空间有限,当你想向右滑动增加参数数值就会存在困难。IOS 8中,为帮助视力不好的用户阅读体验,提供放大显示图标和文字的功能。但是改变变焦需重新启动手机,这是一个重功能,需要花费一些时间,所以IOS系统会在你使用这个功能前,预览变焦完成后的样子。这个体贴的预览功能可以帮你评估出你是否真的需要操作变焦。Hipmunk提供快速浏览恢复选择机票过程的所需信息,甚至是被打断。在预订过程中的第二步,它清楚地显示了旅行的日期,在机场的问题,最便宜的出发程已被选中,以及用户被要求再选择一个回程航班。即使注意力分散了一段时间后,用户可以简单地恢复这个过程,而不会不小心偏离原本对航班的计划和要求或尝试重复已经完成的步骤。苹果新出的图片软件运用了一个很传统的对话框确认用户是否真的想删除最近爬山旅途中的照片,并且通过highlight 24张照片表示删除范围。更好的是,确认删除操作的按钮清楚地标示是删除,而不是一般的确认。Gmail 提供对破坏行为很有帮助的撤销功能,如误删了92封邮件。这个功能被证明是非常有用的,Gmail现在支持在发送email中允许点击发送键30秒内中撤销。Tweeter的字符限制条件很有名气,他们在用户超过那个字符限制前就会提示用户剩余的字符数。当一个tweet过长是,他会显示出超过的字符,高亮出那些超出的字符,并且使发送键不可使用,以让用户明白他们需要如何修复错误。

    2017-05-30
  • 推荐给设计师的UI/UX书籍和资源

    如果你想成为一名优秀的设计师,想要博览这个领域的书籍而又无从下手,或不知从哪里快速寻找正确有效的资源。那么,我这里整理了一份书单,根据各大专业博客的推荐书目或者业内关注度比较高的书籍中精选得出的。主…

    2016-08-25
  • 用户行为的“及时”理论 【UXRen译#184】

    作者:Jeff Atwood   |  翻译:露露,校审:Chen Jing   我一直认为软件设计对用户在使用该软件时的行为有着深远的影响。 从两方面来讲: 有意地让“正确”的操作容易操作。 有意地让 “错误”的操作不容易操作。 无论…

    交互专题 2017-11-01
  • 交互设计自学攻略

    交互设计是一个现在很热的岗位,工资待遇,发展前景都比较好。一些学工业设计,计算机,心理学及相关专业的人都想加入其中。 但国内大学只有少量开设相关的专业,而且集中在设计名校,如(清华,西交大,北理,江南…

    2015-08-19