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

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

相关推荐

  • 还原产品的基础属性问题——用户体验

    您真正的了解用户吗?找项目的时候是不是会遇到各种各样的坑?你“以为”和“现实”中究竟有什么区别?我们会不会就是所谓的自嗨型创业者?如何解决以及避免?今天我们即将揭晓!三人行茶学空间打造和谐空间,共享茶文化平台,精准交友,合作共赢。本周日特别邀请我们的会员嘉宾进行主题分享,一起共同成长!本周分享嘉宾:刘岱伦岱伦总2008年创办第一家o2o项目——洗车。到家!2013 年曾创下淘宝细分类目自然搜索排名第一!2015年自主研发无线充电车载净化...

    2018-04-19
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 微交互的设计案例与思考(上篇)

    作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。

    2017-05-03
  • 灯塔激光定位技术——多人大空间交互体验的最优选择

    ——映维网——国际影响力VR信息数据平台声明:本文系第三方稿件,非映维网官方稿件,望读者知悉。本文内容涉及任何法律问题均与映维网无关。禁止以“来源映维网(YiVian)”名义转载本文。空间定位是VR 市场中一个非常关键的技术,当今排名前列的VR硬件设备厂商(HTC/Vive和Oculus)分别采用了不同的空间定位方案Oculus 的 Constellation 系统红外摄像头定位HTC/Vive、大朋VR的 灯塔激光定位系统尽管这两种定...

    2018-01-30
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07
  • Sketchfab可在引擎内直接搜索3D模型,太方便了!

    点击上方蓝字CG世界关注CG我们“ 感知CG · 感触创意 · 感受艺术 · 感悟心灵 ”中国最具影响力CG领域自媒体Sketchfab为其在线模型共享平台发布了新的下载API,使开发人员能够将Sketchfab内容直接导入其他应用程序或游戏引擎中。Sketchfab是一个集发布,分享,发现,购买和销售为一体的3D,VR和AR内容的平台。 提供基于WebGL和WebVR技术的查看器,允许在网络上显示3D模型,以便可以在任何移动浏览器,桌...

    2018-03-31
  • 用户体验设计师的进阶指南

    互联网行业大步流星、产品迭代周期越来越短,设计挑战日趋严峻。作为一名奋斗在前沿的设计师,你有多久没有更新自己的知识体系了呢?不论新人还是老司机,如何让自己的成长速度跟上行业的飞速发展,已然成为了一个重要命题。本文旨在帮助设计师正确、快速的成长,希望给进阶之路上的设计者们带来思考和启发(注:本文主要是指互联网产品设计、用户体验设计、交互设计、视觉设计等相关设计岗位)。我们认为,只有明确了努力的方向、找到了合适的方法、优化了学习的路径,才能...

    2018-03-14
  • 教你掌握27种图层混合模式的用法

    嗯,让我们从最最基础的说起——像素。你就把他当成一个个五颜六色的小色块.这些小色块们都有一个特定的标记值,比如,RGB值,CMYK值了。当然透明色块也是像素,不过值是零罢了。我们的计算机就是靠识别这些数值来认识颜色的。

    2017-06-05
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 如何系统地整理设计规范?

    整理规范对设计师的基本能力有很好的锻炼作用,所以各位设计师们整理规范时不要嫌琐碎麻烦,它可以让我们慢慢变强!

    2017-04-28