墙外干货:苹果iOS10新设计重点在易用性

当iOS7在WWDC 2013第一次公开发布时,苹果似乎已经沉迷于延续其软件的轻薄。字体是超轻薄的,在半透明背景上甚至很难看清,加上霓虹颜色的主题和亮白色工具栏。即使对一个有眼力的用户来说,有些特定app和屏幕上的文字及动画也很难阅读——但是结合用户的易用性需求,评论者认为,这几乎是不可能的忽视的。

在 iOS 7发布之前,苹果自己纠正了一些他们的设计决策,变换了它的Helvetica Neue系统字体,从超轻字体到更明智的轻字体。这些年过去了,他们用最让人震惊的例子对糟糕的易用性设计进行了约束。在watchOS和iOS9引入了一种全新的、更加清晰的San Francisco字体,同时在操作系统上减少了透明度和动效。

在iOS 10上, 苹果迈出了一大步,对字体进行了重新定义,消除了许多操作系统多年存在的用户体验上的失策。按钮看起来更像按钮了,字体和标签也更容易阅读——不至于容易被忽略掉。苹果把iOS7的审美大规模地带到了2016年,并且首先在他们的王牌产品和服务上配置了最新的风格。字体和按钮看起来像是小的调整,不是一个可衡量的战略性方向,但是为什么它们如此重要呢?

对按钮来说是更好的按钮

在iOS7中引入的改版美学中强调简约、简洁的线条,光的排版和大胆的色彩——更多像是苹果硬件设计常做的事。

鉴于iOS6和更早期的设计模仿物理对象曾依赖于花哨而光滑的按钮,iOS7里的按钮基本上看起来更像文本标签,当这个系统第一次被引入时,产生了无数可点击按钮和静态标签,两者之间很难区分。这些年过去了,持续的改进让苹果设计师总结了许多心得。

在iOS 10,从可用性的角度,按钮成为了一个最大的关注和提升的区域。很多文本按钮消失了,特别是在很多app的启动画面中。iOS 10的按钮更像是按钮了,使用了iOS应用的浅色调,用一个药丸形状的样式来替代之前版本中不太清晰的纯文本按钮。这个不仅能帮助用户理解,也符合开发者的意图,在退出或稍后再说的选择上,允许优先或默认的选项来做出进一步的优先选择。

在地图类app里,开始或结束旅程时达到目标的按钮从未如此清晰过,有很好的易读性,对于那些专注开车的用户很方便点击。在Home app本身和控制中心全新的Home控件中,通过Homekit连接到用户的iOS设备的对象都会显示为独立的模块,这样能帮助用户理解如何去使用这些设备以及如何修改它们的设置。

苹果Music见证了这次大的修改,某种程度上是因为它第一次发布时存在大量的用户体验上的缺陷,比如为播放列表和广播电台定义的浮动按钮。

这些调整为苹果操作系统展示了新的设计语言,比较少的依赖于透明度、文字元素以及重新合并了早期iOS版本依赖的面相对象的界面模型。“skeuomorphism(拟物化)”,通常应用于奢华的毛毡或皮革界面,这种奢华的兴起是在苹果iOS 6的软件上,事实上展示了苹果在这此做的最好实践。

就像Material Design上的那样,清晰的卡片比起那些抽象的列表、文字和浮动的图片,都能更好更快地被人们理解。

这是很好的拟物化设计——不再把一个音乐播放器设计得像一个录音盒,把离散的信息片段作为一个对象呈现,用户能直观感受到如何与之交流。

对人们来说是更温暖的字体

另外,苹果在其最新的应用中升级了它的设计风格——包括重新设计的Music, News和全新品牌的Homeapp——包含了更粗的字体、更直观的导航和更高对比度的颜色。这种美学延伸到了控制中心改版中新的标签和图标的设计上,在新的通知系统更加清晰易读。很多地方有了微妙的变化,但是它的转化形式是很戏剧化的——所以为什么要做改变?

San Francisco是为苹果专门定制的一款字体,在2014年watchOS中最先使用,并且在2015年扩展到了苹果的操作系统。现在,这个“黑体”的变体衍生出了大而厚重的标题,比如News和Music中优雅的标题和子标题。新的字重和原来苹果运用在他其他app中细长的字体有了一个明显的对比,它意味着使用这个字体的app拥有坚持而自信的个性。

字体是很重要的——他们给界面渗透了内容和个性。但是除此之外,填充在界面里的字体会使那些用户都容易辨认的东西和那些疏远用户的东西产生区别。重的字体容易阅读,对那些视力有问题的用户也是如此。但是除此之外,这些改变也使得Apple Music和Apple News受制于用户的动态类型设置。对于界面文字大小的的偏好依赖于用户的视力程度。字体放大和按钮,这可能是苹果iOS 10新变革的关键——这些改变能确保每个用户都会喜欢。

易用性的特征应该被期待

苹果设备总是强调易用性,其操作系统的核心为聋哑人和盲人建立了许多特色功能,这也是很多公司所忽视的。iOS 7被批评形式强于功能,但是仍包含了许多易用性设计,为了让iPhone和 iPad对尽可能广泛的人群有用。

在iOS 10中,苹果意识到它在人机交互指南上的一些承诺需要被重新对待,以解决用户的一些现实问题。 iOS的用户已经包括了所有年龄层的用户,可能比安卓更好,老用户期望有一个更方便和强大的技术。苹果想要每个人都来探索他的新产品,特别是还处在初级阶段的Apple Music和Apple News,它们后面有很多的市场竞争对手。随着Home在水平方向,为了更清晰的体验,苹果开始消除细长字体和不明确的按钮。

易用性意味着更多地符合在线指南,评估你的app是否和屏幕阅读技巧是一致的。这意味着重新思考你的app品牌、个性和导航的核心部分,来确保不被依赖它的用户疏远。遵循苹果的可用性指南和使用像UIKit这样的核心技术有助于解决很多问题,但是自定义界面的app会需要花更多的心思去优化易用性。

这是一个战略性的方向,许多用户界面设计师和交互设计师都应该渗透到他们app中。苹果肯定会重新考虑未来版本中的其他应用——包括像Phone, Calendar, Weather和Reminders的字重——这些小的调整将会给操作系统一个新的调性。如果iOS app将来想要顺应iOS的特性,他们也应该使用这个更友好的按钮和厚重的字体样式。如果是这样的话,未来iphone字体可能会更细长的时候,也许是因为它字体太过厚重了。

译者:狐狸,UI设计师,

原文地址:https://medium.com/punchkick-interactive/apples-new-design-style-in-ios-10-is-a-statement-on-accessibility-a39d9e524b08#.7pvb712m

本文发布于设计夹。未经许可,禁止转载。转载请联系微信sezign01,得到允许保留出处和作者信息。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,928评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,192评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,468评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,186评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,295评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,374评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,403评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,186评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,610评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,906评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,075评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,755评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,393评论 3 320
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,079评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,313评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,934评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,963评论 2 351

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,077评论 4 62
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 25,349评论 7 249
  • 今天,例行检查学校老师们的读书笔记,抽查到的有三年级、五年级语文,二年级、四年级数学,英语组老师,一位老教师吴老师...
    秀以阅读 712评论 0 4
  • 文/三月鱼 1 以前,我有个同事小柳,尽管我们不在同一个部门,但是我们租住的小区隔条马路,所以如果时间允许,我们会...
    653e0adfb5bf阅读 951评论 6 0
  • 111111111111111111111111111111111111111111111111111111%11...
    黄品驭阅读 144评论 0 0