硅谷设计师看苹果交互设计趋势:如何适应大屏?

来源:用户体验联盟 本文作者:Jiaxin Yu

苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法!

1

今年夏天,我在美国硅谷Cupertino的苹果总部度过了难忘的3个月,主要负责苹果网站的用户体验设计用户交互设计, 借此机会分享一下我对于苹果当前设计趋势的理解。

扁平化而又不缺乏支撑感

扁平化设计(Flat UI)从2000年开始就已经悄悄开始影响互联网产品,最先引起人们注意的是2005年前后微软公司提出的Metro design philosophy,旨在通过增加排版设计弱化图形设计来简化用户交互界面,随后被广泛应用在Xbox系列,Windows 8, Windows Phone等设计中。而在过去几年谷歌公司也逐渐将自己的产品扁平化。

终于,从去年夏天iOS7开始,苹果开始通过重新设计扁平化所有产品,这其中也包括我这个夏天正在参与的苹果网站的扁平化进程。

三大互联网巨头都毫不犹豫的进行了大范围的产品扁平化改版,主要原因是通过减少不必要的阴影、图案、纹理结构和梯度感的影响,从而使得交互界面体验变得更轻。

而与此同时,要想做好扁平化设计,必须要在背景设计上巧妙构思,提供很好的支撑。比如苹果的官方网站,通过背景色块儿微妙的变化以及字体的对比,提供了非常清晰的支撑结构。比如苹果官方网站这个导航菜单的设计,主导航栏和子导航栏之间,导航栏和内容之间分别以背景色块区分,从而明确了层级并增强了支撑感。

大而不失节奏

如果对比苹果网页的界面,iPhone6延续了iPhone5s的风格,图片变大了,用了更细的字体(扁平化),字号也更大了,这和现在互联网信息流图片化趋势,视觉上引起张力的表现。

然而随之也带来问题,主要是大图带来的拥挤感和杂乱无章。苹果在这方面设计时特别强调节奏感,我们可以从下面的小例子中看到通过手机的倾斜角度位置以及文字和图片的分栏设计,使得图片和描述文字并不显得拥挤杂乱。

2

新款iPhone,细微处有新的体验

新版iPhone虽然屏幕大了,但长宽比例并没有调整,这对于设计师来说是天大的好事,大大降低了响应式设计(responsive design)的难度,除此之外,新版iPhone在细微处也有一些有意思的新的用户体验设计

比如在iPhone 6 Plus大屏的用户界面设计上,提供了横版显示新的交互界面,充分利用了用户的视野,这也为大屏幕的交互体验增加了更大的拓展空间,例如例子中短信栏在横版中增加显示了发件人头像。

同时为了增大大屏手机单手触摸的范围,iPhone 6 Plus提供了快速切换屏幕位置方便触摸上方屏幕的用户体验,为大屏手机增分不少。

3

还有就是Health Kit在新版iOS上的呈现,使得未来iOS设计师在Infographics上的设计能力更加的重要了,图形解说大数据将成为未来苹果设计师的新的创新点。

也谈手表的交互设计

大家都在讨论Apple Watch能否能和iPod一样成功,我觉得可穿戴设备成功的关键在于是否能够给予用户手机不能提供的全新的交互体验,这也是可穿戴设计让人们感到兴奋得地方。

Apple Watch最让我感到兴奋的时心跳和指尖传情的功能,这一点很有Yo的风格,这种全新的体验拉近了手表和人的交互,也增加了手表病毒传播的能力。也有人开玩笑说苹果手表的这项功能是为了中国人开发的,原因显而易见。我们中文博大精深,一屏一汉字,比掏出手机发送短信方便很多,这种全新的信息传递方式正是由手表屏幕新的交互方式引发而出现的。

4

同时我也不得不吐槽一下Apple Watch做的不好的一点,就是沿用了iOS对于照片浏览的功能和界面,把iOS图片缩略图直接搬到手表上显然是不理想的一种方式,眼睛都看花了。

5

说了这么多,最后引用硅谷知名用户体验设计师Michal Levin的书交互:“任何好的设计都是通过在正确的时间正确的地方提供给用户满足当下的最好体验!”

 

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

(0)
iouedioued
上一篇 2014-10-10
下一篇 2014-10-12

相关推荐

  • 2017年视觉设计的六大趋势

    我们在去年的趋势基础上进行筛选提炼,在历时两周的最终定义阶段之后,整合出一份2017年的设计趋势分析报告,希望能给各位从事并热爱设计的同学们带来一些启发和帮助。

    2017-05-09
  • iOS 9设计规范 中文版 完整版

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 设计跟随内容 (Defer to Content) 1.1.2 保证清晰(Provide Clarity) 1.1.3 用深度层次来进行交流(Use Depth to Communicate) 1.2 iOS应用解析(iOS App Anatomy)…

    2016-05-18
  • 用户体验是建立在牺牲员工利益之上的

    这事发生在国外,其实真实情况未知。纽约时报出了一篇报道,称亚马逊逼流产员工立刻回来上班,很不人道有没有?

    2017-06-04
  • App动效类型,其实就是五部分

    App中的动效设计不是具体的需求设计,不能对产品本身产生很大的变化和改进,只是能在设计层面和体验层面为用户创造多一点的价值。所以在做相关设计的时候,不可为做动效而做动效,要把握住动效的“度”,不可华而不实,需要服务于具体的需求和场景。

    2017-05-06
  • 做你老婆,用户体验真差

    洞见(DJ00123987)——不一样的新闻,不一样的故事,数百万人订阅的微信大号。点击标题下蓝字“洞见”免费关注,我们将为您提供有价值、有意思的延伸阅读。作者:青蓝来源:青蓝(ID: qinglansz)没错,这是一篇真诚的吐槽贴。鉴于各位直男的脑回路和女人差异较大,常常不能正确理解老婆大人的本意,今天我特意以你们最爱的电子产品——手机为例,给你们分析一下老婆们的用户体验。01. 外观差评,后盖鼓起,前屏磨花,说好的金属漆还掉了色。小...

    2018-03-25
  • 交互设计、视觉设计 | 专业、课程大起底,

    dadsadsadasdsadsMulticultural epicenters for arts, culture, design, and business.是什么原因让你对设计感兴趣?是爱吗?是责任吗?都不是!是因为当年某个app的UI设计让你眼前一亮然后就欲罢不能!于是确认过眼神,我遇见了最爱的专业。想为之奋斗一生。于是就这么愉快的决定了 在设计这条不归路上愈行愈远。纠结了许久,等到开始准备作品集时却分不清什么是视觉设计或是交互...

    2018-03-29
  • 扁平化设计的8个实用小技巧

    「材料设计」方兴未艾,扁平化 仍是主流设计风格。今天@正越升 同学总结了扁平化设计 的8个小技巧,字体、图标、排版、配色等都有提及,教程深入浅出,非常适合新手,学会可以直接拿来作海报和PPT设计。

    2017-05-31
  • Sketch 这几招你肯定不知道

    1.精确调整元素属性在点击元素属性旁的箭头时按住 alt 键可以以10px 倍进行调整,按住 option 键则是0.1px 倍。2.用对齐工具对齐锚点Sketch 中的对齐工具不仅可以对齐群组和图层,还能够对齐锚点,非常方便。3.导航栏文本状态调整与其为导航栏每一个状态都重新做一下,不如将导航栏中的所有元素转为一个符号(symbol),这一个符号中调整样式即可。如果要隐藏文字图层的话只需要在符号的对应文字中输入空格键即可。4.直接拖动...

    2018-04-26
  • PC端产品的三种姿态

    这篇依旧是读书笔记,只不过记录的不是整本书,而是《About face 3交互设计精髓》中的一个知识点,这个知识点非常重要,重要到需要单独提出来记录一篇。 在《About face 3交互设计精髓》一书中,将PC端应用分为了3…

    2016-06-01
  • 交互设计专业排名最高的大学有哪些

    上周四,康石石在《珠宝设计专业排名最高的大学有哪些》中,为同学们于世界范围(英、比利时、美、意大利、荷兰、挪威、瑞典、德国、爱沙尼亚)内梳理了22所顶级珠宝名校,并在文末许诺阅读量达1000,即为最热情的上墙读者解答艺术留学问题。本周四,康石石兑现承诺,继续为大家推荐货真价实的全球顶级院校,供所有希望出国深造交互设计专业的同学们,提供一份足以信赖的院校清单。写在前面的话交互设计,对于90%同学而言,其实都是一个未知的概念,这直接导致了各...

    2018-02-02