多屏设计:1、2、10 的学问

标签: 前缀分类 模式 ios iPad Nick Bilton | 发表时间:2012-09-22 01:10 | 作者:何宗丞
出处:http://www.ifanr.com

本周二,Twitter 发布了全新改版的 iOS 应用,新版 iPad 应用提供了一种新的设计,将“首页”、“联系”、“发现”以及“我”分组移至屏幕左侧。新版只是从视觉角度上重构了设计,看起来更加简洁明快,没有增加额外功能。然而,新设计遭到用户的不满,包括 John Gruber、GigaOM 的 Om Malik 都对新版本进行了严厉的批评。

纽约时报旗下 Bits 专栏作家 Nick Bilton  近日在解释多屏设计的 一篇文章中提出了不同的观点。他认为,应用的改版对于 Twitter 只是一小步,但对于多平台应用的体验的一致性却是一大步。

Nick Bilton 曾在纽约大学教授过一门互动通讯的课程,名为“1,2,10”。数字 1、2、10 分别定义了人脸距不同屏幕的距离,距手机屏幕大约 1 英尺,距平板电脑或笔记本电脑约 2 英尺,距电视约 10 英尺距离。

与如今不同尺寸的移动设备的情形不可同日而语,当初这门课程对多屏设备应用设计的探索非常前沿。为单纯一款触摸设备设计应用可能非常容易,但要将相同的体验复制到 7 寸、10 寸的平板上,甚至在一个通过遥控器控制的 60 寸大屏上保证体验的一致性就非常困难了。

Bilton 称,他在课堂上鼓励学生优先为最流行的设备设计应用,然后再拓展到其他平台。比如,有个学生想开发一个互动烹饪应用,允许用户实时预定食材配方。他最终首先为电视设计,然后再考虑为手机手机做适配。

在多屏设备体验一致性方面苹果堪称业界典范。从 iPhone 开始,苹果培养了用户对 iOS 界面的黏性,然后在 iPad 上延续了 iPhone 的整套设计。在 iPad 推出之初,由于专属应用匮乏,大多应用是通过拉伸的方式兼任 iPad 的,这显然不是好的体验。时至今日,越来越多的应用开始对 iPad 进行专门优化,Twitter 正是其中之一。而 Android 平板之所以长期被 iPad 压制就在于应用体验的槽糕,一个应用,全设备通用。多屏体验的一致性绝不是将手机应用的整套界面复制到在不同的屏幕上。视觉效果、触控方式等都是必须考虑的因素。

苹果对多屏体验的一致性的追求甚至蔓延到桌面平台上,除了交互界面的相通,OS X Mountain Lion 融入了更多 iOS 的设计元素,比如通知系统等。苹果可能正在朝向“10 英寸”的设计领域迈进。用一套设计语言统一所有设备的体验,保证用户的黏性,提升“晕轮效应”。

此外,微软、亚马逊都在做同样的事。亚马逊没有苹果绚丽的设计风格,它从黑白的 Kindle 起步,如今却在智能手机、PC、平板电脑上基本上保证了阅读体验的一致性。

回到 Twitter,通过上面的截图,Twitter 对多屏体验的一致性的平衡可见一斑。

爱范儿 · Beats of Bits | 原文链接 · 查看评论 · 新浪微博 · 订阅全文 · 微信订阅 · 加入爱范社区!


新媒介的拥趸,相信“ 媒介即讯息 ”,关注媒介技术的力量。


相关 [设计 学问] 推荐:

多屏设计:1、2、10 的学问

- - 爱范儿 · Beats of Bits
本周二,Twitter 发布了全新改版的 iOS 应用,新版 iPad 应用提供了一种新的设计,将“首页”、“联系”、“发现”以及“我”分组移至屏幕左侧. 新版只是从视觉角度上重构了设计,看起来更加简洁明快,没有增加额外功能. 然而,新设计遭到用户的不满,包括 John Gruber、GigaOM 的 Om Malik 都对新版本进行了严厉的批评.

领带的学问

- Mike - 东西
      维基百科这样描述领带,“领带是一条系在脖子上或肩膀上的装饰性的长布条,它在衬衫领子下面围绕脖子一圈,并在喉咙处打一个结.       对于我们大多数人来说,领带不仅仅是一条围着脖子的长布条. 一条好的领带不尽能够彰显品味,并能够使一身普通的衬衫西裤的搭配在整体上提升一个高度. 然而,仍有许多人不了解系领带的一些基本的法则.

为了设计而设计

- - 幻风阁|kent.zhu'sBlog
我有个习惯,每天晚上睡前会搜罗一遍最新的App用用. 最开始的时候ios的App还相对比较朴实,强调功能的实用性,后来不知何故吹起一阵ios的App必须足够精美的怪风. 于是乎,各类App纷纷上演换装游戏,一个比一个做的精美,即使是一个很工具性的应用也把自己浓妆艳抹的往坐台小姐的风格搞……. 上周末跟Tony和Angela在下厨房喝茶闲聊,我说目前的移动产品设计可以分为2类,一类是做给用户用的,一类是做给设计师们欣赏与收藏的.

杯盖设计

- Yu - 创意设计-有趣、时尚、另类的创意
微向上的设计,在倒水完毕的时候可以让水滴顺着杯盖回流到杯子中,而不会随意的滴下来. 虽然是细小的设计,但是考虑的却是生活的便利.

再设计Redesign

- Mark - 腾讯CDC
  一个网站的核心是它的功能和内容,而设计则决定了这些功能、内容如何被组织和展现出来.   对已成功的网站进行再设计——重新构造它的组织和展现形式是具有挑战性的. 偏偏有设计师喜欢迎难而上,尝试对facebook、google这些著名网站进行概念设计. 他们通常有两条思路,一是对现有问题挖掘然后改进,二是提出完全创新的想法.

简约设计

- - 淘宝网通用产品团队博客
写下这个标题,那么首先得要明确什么叫简约. 简约就是让用户操作简单,让用户更快的达到自己的目的. 一个产品在于解决一个需求,如何让用户最好的完成需求就成为一个产品经理首先得要解决的问题. 那么在日常工作中,我们又有什么可以做的呢. 在《简约至上》里面有四种策略,但是有的东西太高级了,在平时的工作未必能够用得上,所以我自己来提炼一下,看看日常工作中能够遇到并且可以解决问题的方法.

HBase表设计

- - 互联网 - ITeye博客
默认情况下,在创建HBase表的时候会自动创建一个region分区,当导入数据的时候,所有的HBase客户端都向这一个region写数据, 直到这 个region足够大了才进行切分. 一种可以加快批量写入速度的方法是通过预先创建一些空的regions,这样当数据写入HBase时,会按 照 region分区情况,在集群内做数据的负载均衡.

ODS设计

- - 开源软件 - ITeye博客
在一般的数据仓库应用系统中,根据系统体系结构的不同,数据仓库设计的内容和范围不尽相同,并且设计方法也不尽相同,下面的两幅图示分别表示带有ODS的 数据仓库应用系统体系结构和不带ODS的数据仓库应用系统体系结构. 本文将说明两个体系结构上的差异以及这种差异造成的设计方法的不同,并且重点介绍带有 ODS的体系结构中数据仓库的设计方法.