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

来源:用户体验联盟 本文作者: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

相关推荐

  • 【译文】用户体验部门的领导者需要读什么?

    Ivan Boyko的观点 其实有大量的书单可以让我们使用,但是这里我只推荐2个博客和2本书 Blog 1. NNgroup ,我最喜欢的博客。 Writing for Web series这篇文章是必读的。除此之外,他还有大量的资料:手机可用性研究,…

    2016-08-04
  • 网站分页导航对用户体验和优化的影响几何?

    欢迎点击上方蓝字免费订阅温馨提示:请点击上面的蓝色字体,再点击“关注”,这样您就可以继续免费收到精彩的内容了。在博客、杂志甚至是大多数站点中,分页的点击次数可能比搜索还要多,因为在很多时候,访客并没有明确自己的需求,只是在网页中一页接着一页的浏览信息,如果在分页上有良好的用户体验同时又能引导访客进行浏览,就能大大增加网站的黏性。但在很多站点中,分页并没有得到足够多的重视,即便是花时间来制作分页也不过是基于图标的样式和设计,对分页组件的整...

    2018-02-01
  • 在设计注册/登录界面时要注意的常见问题

    当用户完成注册之后,可以选择性地提供额外的信息,而这些信息可能会给给用户带来更加定制化的用户体验 。为了安全起见,绝大多数的网站还是提供了邮箱验证甚至电话验证的环节,甚至提供备用安全邮箱的验证机制。

    2017-05-29
  • 交互设计的未来在哪?

    这是2017年的第13篇文章除了电脑和手机,越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流?未来的产品形态和交互方式会走向何方?当NUI(自然用户界面)代替GUI时交互设计师和…

    2017-08-01
  • 设计思考模式(一):删除、组织、隐藏、附加

    “删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)“先假定所有内容都是视觉噪音,除非你证明它们不是。”(《Don’t make me think》)“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

    2017-06-03
  • 为流畅的交互体验,创建完美的用户流程

    如果有人问你:你怎样定义“流程”这个词,或者说举一个案例来进行描述,你会怎么说?这篇译文,作者给出了详细的解答。一是外文文章一般与当地的文化有关,所以翻译成中文很多时候都失去了它原来的味道,让中国读者感到有点不顺畅,这个是很正常的,很多小说翻译成中文阁主也不爱看。所以为减少这个情况的影响,阁主会在文章后加上阁主自己对文章的总结和建议~以下是原文~

    2017-04-28
  • IOS面试题100问,干不干IOS先收藏了,说不定那天就转IOS了。

    作者Cameron Banga 摘要:本文作者对iOS开发者及设计师在面试时可能会遇到的问题进行了筛选与汇总。一方面,能够帮助HR在短时间内获取更多反馈信息,以甄选合适人选,而开发者及设计师在寻找相关工作时,也可作为参…

    2015-01-29
  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • Push!请给用户一个打开APP的理由

    大多数APP的推送都是使用不当的。

    2016-04-21
  • 网站设计:不如学用简约风格的原则

    极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。

    2017-05-06