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

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

相关推荐

  • Axure RP 8.0软件安装教程

    软件链接:Axure RP 8(32、64位)链接:https://pan.baidu.com/s/1pMubgLl密码:0nb1软件介绍Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。安装教程共享软件库1.点击历史信息,查看更多内容2.长按右...

    2018-03-04
  • 关于交互设计细节,这里一个Case 就是 Pinterest的APP端,我们一起解读一下吧。

    Pinterest有着极棒的交互设计细节,同时,它构建的交流平台有十分丰富的设计作品。要知道,绝佳的设计能吸引新用户去更好的体验产品。 Pinterest是我经常使用的一个App,在我同时关注的好几个有关于UI和UX设计平台…

    2015-01-26
  • Axure神器:用母版打造模块化设计【UXRen原创】

    作者:Petrel(UXRen社区Axure金牌讲师,资深交互设计师) Axure原型的制作过程中,你一定遇到过这样的问题,出现在不同页面的功能模块,如果你是通过复制粘贴来完成的,那么当该模块发生变动需要修改时,麻烦就大…

    2017-08-04
  • 译文|Facebook将推"dislike"按钮

    Facebook users will soon be able to 'dislike' posts and pictures on their feeds. Facebook用户很快就可以“dislike”订阅内容里别人发的帖子和图片了。 The social networking site's founder Mark Zuckerberg r…

    交互设计 2015-09-18
  • 将Axure移动端原型生成二维码教程(二维码支持微信等app扫描访问)

    使用Axure制作完成移动端原型以后,如果需要在手机上进行演示,该如何进行操作呢?普通的方法就是将原型文件上传到托管平台上面,然后生成一个URL链接发送到手机上用浏览器打开。如果能将URL链接生成一个二维码,直接用微信或QQ等应用直接扫描就能打开原型,这样访问体验能有很大的提升。所以今天这篇分享就是教大家如何将Axure制作的移动端原型生成二维码。下面这个就是我用原型链接生成的二维码图片,直接用微信或QQ扫描这个二维码就能体验到效果。链...

    2018-03-24
  • 明年的,网页设计趋势!

    是时候展望一下未来了。2014年涌现了许多令人印象深刻的网页设计趋势 ,幽灵按钮越来越多,视差滚动也已经成熟,单页设计也成为了诸多设计手法的重要载体,而逐渐多起来的免Coding网页设计平台也开始造福于设计师了!

    2014-12-27
  • 前Apple员工谈交互设计的未来【UXRen译#177】

    作者:Bret Victor  |  翻译:包子,校审:Chen Jing   现在,有很多流行的有关未来交互设计的想象。 机缘巧合下,设计未来的交互界面成为了我的工作。我有机会用真正能工作的原型来做设计,而不是如图所示用绿光屏…

    交互专题 2017-08-30
  • 腾讯MXD:资讯app为什么都长一个样?

    作者: Celine Wang@腾讯MXD   打开手机,国内的资讯 app 除了品牌 logo 外,几乎都长一个样。就如你敲开不同的门,发现房间不光装修风格一样,还住着品味雷同的主人。是什么造就了它们? 资讯产品的本质是连接内容…

    交互专题 2023-03-03
  • Axure RP 8.0安装教程

    Axure RP 8.0Win版/64位下载地址:https://pan.baidu.com/s/13eqSe3IeqvnyqjBYxIEqZA密码:2gkwAxure RP简介:Axure RP是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。适用系统:win7,win8,win10安装有问题或需要远程安装请联系:...

    2018-04-30
  • 2018年04月04招聘岗位

    招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,15750516333 13948455099促销员20名,要求:年龄20-40岁,时间15-20天,底薪(80一120),提成+提成工资多劳多得!加微信15849572346了解工作内容,今日下午3点面试掌上明珠全体员工欢迎你的到来!招聘电话:158495723468876688内蒙古泽强医药有限公司招聘职位及岗位需求:一、人力资源专员具体要求:1、年龄2...

    2018-04-08