12个苹果iOS系统曾经做错的设计方面(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:腾讯ISUX   作者:羡世

关键词

多任务界面有且都只有一个任务:切换最近使用的程序。但iOS6的多任务界面,只利用了屏幕下方不到1/4的区域,用于切换最近程序,既然用户的主要操作就只有左右滑动切换最近程序,为什么不能全屏操作,要委屈用户的手指在下方那一点区域操作,且点击想打开的程序,还得非常精准的小心翼翼的点,才能点中。而iOS7的多任务界面,就直观清晰很多了,直接将用户最近使用的程序界面图和程序iCON平铺在桌面上,操作焦点明确。

iOS7的多任务界面,程序缩略图显示最近的三个程序,而程序ICON显示五个,设计意图是为了方便用户更快速地切换最近的其他程序,但会给用户造成使用上的困惑,根据iOS9和10的多任务界面改动来看,苹果应该是参考了用户使用数据,很少人会去切换最近的第三或四个程序。

iOS6的多任务界面信息呈现还存在一个问题:没有主次之分。所有信息都用同样的视觉强度呈现,但并不是所有信息对于用户来说都是同等重要的,比如说,用户最常使用的场景是:在最近两个程序间来回切换。

8. iOS9及之前的通话记录中,如果联系人有多个号码,该通话记录的拨打号码不清晰

12个苹果iOS系统曾经做错的设计方面

iOS9之前的通话记录中,用蓝色标注该通话记录的拨打号码,如果通话记录对应的联系人,存在多个号码的话,该通话记录对应的拨打号码,并不能直观的看出是哪个号码。

iOS10在通话记录对应的拨打号码上增加了一个【最近】的识别标签,则清晰很多,用户可以直观的看出哪个号码是我该回拨的号码。

9. iOS7的控制中心界面更像没经过设计的交互稿,不同功能区域划分并不清晰,明确

12个苹果iOS系统曾经做错的设计方面

信息的分组方式,根据格式塔理论,常规处理为间距、分割线、背景色来区分不同的信息,对比iOS7的控制中心,有没有觉得iOS7的控制中心界面,很像没经过设计的交互稿,在功能多区域小的场景下,iOS7控制中心仅仅通过分割线来区分不同的功能区域,显得界面过于凌乱,且用户可操作的区域也不明确。而iOS9和iOS10通过不同的背景色区分不同功能区,信息的呈现更加清晰。

10. iOS的分享菜单中,下面一栏功能,给人的感觉是不可点击状态

12个苹果iOS系统曾经做错的设计方面

分享界面下面一排功能图标与上面一排应用图标的视觉差异,传递给人的感受,下面一排功能图标状态更像是不可点击状态,让人感觉功能不可用。

11. 邮件详情界面,iOS10用左右箭头映射上一封下一封,不如iOS9用上下箭头映射上一封下一封邮件自然直观,更容易让用户理解

12个苹果iOS系统曾经做错的设计方面

iOS邮件列表,新的邮件在列表上方,较旧的邮件在新的邮件下方。

iOS10的邮件详情中,用左右箭头表示下上封邮件。向左的箭头给用户的暗示是返回,可以理解为返回时间较早的一封邮件,即列表下一封邮件。向右的箭头表示前进,理解为去查看较新的一封邮件,即列表上一封邮件。左侧箭头—>上一封旧邮件,右侧箭头—>下一封新邮件,但此种对应,与邮件列表中,新邮件在上,旧邮件在下,是一个很糟糕的映射关系,增加了用户的认知负担,用户很难理解,为何点击左侧箭头,会跑到了列表下一封邮件。

举一个【设计心理学】中,关于映射的例子。

燃气灶控件的糟糕映射

12个苹果iOS系统曾经做错的设计方面

最左边的旋转控制的是左前燃气头还是左后燃气头?用户每次使用燃气灶时,都得弄清楚映射关系。

燃气灶控件的清晰映射

12个苹果iOS系统曾经做错的设计方面

上图旋钮和燃气头的映射关系非常清晰,因为旋钮的空间布局已将旋钮与燃气头清晰地联系起来。

iOS9的邮件详情,用上下箭头控制上一封,下一封邮件就好理解多了。点击向上箭头,去到该邮件列表上一封邮件,点击向下箭头,去到该邮件列表下一封邮件。上下箭头点击后的去处,更符合“自然映射”,与邮件列表中的邮件顺序映射关系比左右箭头容易理解多了。

有一个正面的案例

12个苹果iOS系统曾经做错的设计方面

Google在通知详情中,通过上下箭头指示去到上一封通知,或下一封通知。

12. iOS9删除应用确认对话框,将【删除】Button放在并不合理的位置,初衷是好,但设计过度

12个苹果iOS系统曾经做错的设计方面

iOS10将删除应用的确认对话框中,【删除】Button的位置从左侧移至了右侧,同时从蓝色加粗,变更为了红色加粗,增强了删除操作的视觉提示。

iOS对话框操作按钮的一般原则是:主要操作在右,取消操作在左。而删除应用的确认对话框,一直以来都是逆向设计,将【删除】置于左边,【取消】在右边。现在这个改动,证明他们之前的逆向设计是有问题的。本身用户进行删除操作,已经有非常高的门槛,长按图标,图标抖动后,需要精准的点击删除叉号(而且删除还放置在不那么好点的左上角),才能出现确认删除对话框,这一系列操作足以保证用户不是误操作了,没有必要再为了防止用户误操作,而设计删除障碍。

总结

12个苹果iOS系统曾经做错的设计方面

设计不是艺术,它不是孤立存在的,更不是设计师的自娱自乐。设计永远和人、使用场景、用户需求相关联。iOS会不断的去更新迭代它的设计,除了有商业目的上的考虑外,更多的是根据时代(人、环境、需求)的变化而变化,去做符合当下的设计。

 收藏