- 浏览: 122088 次
- 性别:
- 来自: 上海
文章分类
最新评论
原文链接:http://apple4.us/2008/12/where-the-revolutionary-user-interface-come-from.html
前面说道鼠标的问题,我同意许多同学的观点“多点触控取代鼠标将是一个漫长的过程”, 而且我觉得会“非常、非常漫长”。
几十年前的科幻小说里都会说“2010 年,那个时代汽车都在天上飞……”,但再过一个星期就 2009 年了,汽车不仅还是四个轮子,连制造商们都在为活命而挣扎…… 先不管那些问题,我被另外一些东西吸引了。
这 个故事大家都听说过:若干年前,当 iPod 团队兴奋地拿出他们的第一款原型机给乔布斯看的时候,乔布斯拿在手上,按了几次按钮,还没找到想听的歌曲,问道:“我已经按了三次按钮,为什么还找不到我 想要的歌曲?”iPod 团队只好回去再想办法“三次?三次、三次… ”,最终他们发明了Click Wheel 点击滚轮,后来又升级为点击触觉滚轮。
再后来,这个故事被广为流传,以描述乔布斯对于用户体验的偏执狂倾向。
前面我们提到,苹果创造了三种改变世界的交互界面:鼠标、点击滚轮和多点触控(就是上面的那张照片)。鼠标改变了电脑世界,点击滚轮改变了音乐世界,多点触控改变了手机世界。
但当你仔细对比这三者的使用方式:
- 你可以在一秒钟内将鼠标指针移到屏幕任何位置;
- 你可以在几秒钟内用 Click Wheel 滑过100 首歌曲的列表;
- 你可以在 0.5 秒内点击 iPhone 屏幕的任何位置。
甚至还可以抽象一下:
- 图形界面 + 鼠标;
- 菜单界面 + Click Wheel ;
- 单窗口界面 + 多点触控;
你会发现它们都有一个共同点特点:(后者都是)以最快的方式(在前者中)找到目标。
为什么伟大的交互界面都来源于“以最快的方式找到目标”?
对不起,我还没有答案。但我能够看到的现象是:
当一种新的交互界面能够明显将“寻找目标”的方式提升到一个新台阶,采用这种『交互界面』的产品就能够让自己明显区别于众多竞争对手的产品,而不是产品的『新功能』—— 换句话说,“如何使用 比 使用什么”更重要。
比 如 iPod ,如果除去 Click Wheel ,iPod 几乎与其他所有 MP3没有差别。当其他 MP3 都变成 MP4 的时候,iPod 还是黑白屏,只能听音乐。但因为有了Click Wheel ,iPod 仍然从众多“功能多但按钮更多的 MP3” 中凸显出来。在iPhone 之前,音乐手机、上网手机也早就出现,但 iPhone 的多点触控界面却让人眼前一亮。
或许,正是那些偏执狂对于细节的追求才催生了 革命性的交互界面,而革命性的交互界面造就了革命性的产品,最终这些产品又改变了世界。想想看,如果乔布斯没有提出“三次”上限要求,可能 Click Wheel 就不会诞生,iPod 就不会那样成功,后来的 iPhone 也不会有。这样你就能明白 “三次”这样的细节有多么重要。
但是,我们身边为什么还有那么多自称是“MP5、MP6” 的设备,让用户找了半天都不知道此刻屏幕上显示的是哪一级菜单?
发表评论
-
什么是完美
2013-05-06 10:58 634什么是完美? 准确满足需求或适应情况需要;这意味着,无论怎 ... -
设计沟通的七条经验
2013-04-07 14:27 729经常有新入职的同学, ... -
Specializing in the design and development of online platforms and applications,
2013-01-17 15:45 802SITEINSPIRE a showcas ... -
字体设计是网页设计的根本
2012-08-07 09:37 652你已寻找这个问题多 ... -
[iA 旧文] 网页设计工作的 95% 在于字体排印
2012-08-07 09:36 657网上 95% 的信息是文字。从逻辑上讲,网页设计师自然应 ... -
A/B测试得出的一些有意思的数据和小tips
2012-07-30 16:16 0原文:The Ultimate Guide To A ... -
分享"10个可用性guidelines"
2012-07-30 16:03 0原文在这儿,有兴趣的同学可以读读=) http://w ... -
付款流程的11个最基本的guidelines
2012-07-30 15:19 698又是好文一篇,虽然说 ... -
Web可用性设计的247条指导方针
2012-07-30 15:13 872原文链接:http://www.userfocus.co ... -
卓越的Web软件具有下列品质
2012-07-24 11:35 594卓越的Web软件具有下列品质: ---- 确定产 ... -
Alibaba国际站首页改版小结
2012-07-18 12:40 551阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力 ... -
逻辑路径与网格系统
2012-07-17 16:00 0栅格系统: 创建逻辑路径 除了要精确的遵从网格 ... -
用户体验的五层–概念篇
2012-07-16 15:06 741在找实习的过程中,算是有缘吧,交互设计走进了我的视野,不 ... -
美国广告设计实用教程--作品评价指南
2012-05-10 13:09 732最近在看High哥买的《美国广告设计实用教程》, 里面有 ... -
7个开发人员和设计师适用的WEB应用资源
2012-05-08 22:45 508对于开发人员和设计师来说,很多项目和设计都需要有前期的规 ... -
27个网页设计中色彩的使用
2012-05-08 22:38 651互联网上现在有着数不清的网站,公司的、个人的、政府的、公 ... -
30网页设计美丽纹理的启示
2012-05-08 22:37 560每个网站都会给人一种感觉。那种感觉可能是一见倾心,也可能 ... -
大多数用户既非新手,也不是专家,而属于中间用户
2012-05-07 23:21 604大多数用户既非新手,也不是专家,而属于中间用户。 即首 ... -
世界500强网站
2012-05-03 10:48 1286世界500强网站大多设计精美、大气简洁,视觉很不错,与大家一起 ... -
windows8 UI,Metro 设计风格浅析
2012-04-23 15:31 1041微软称要通过Windows ...
相关推荐
人机交互界面设计方法完成的网上银行系统的交互界面分析和设计,包括账户查询、存款、取款、转账等业务流程 人机交互界面设计方法完成的网上银行系统的交互界面分析和设计_ 介绍的人机交互界面设计方法,完成网上...
网上银行系统的交互界面.pdf网上银行系统的交互界面.pdf网上银行系统的交互界面.pdf网上银行系统的交互界面.pdf网上银行系统的交互界面.pdf网上银行系统的交互界面.pdf
人机交互界面设计的历史PPT
人机交互-任务3:命令语言交互界面的设计 完整项目+成品程序
界面设计一直是比较重要,本文就是介绍工业智能仪表的人机界面设计方法。
人机交互移动界面设计实验报告、内涵功能需求分析,系统功能界面展示,系统界面界面设计总结,仅个人作品,不保证完全正确。
代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种...
银行界面设计,人机交互作业。使用Axure。
VB script 人机交互界面设计 VB script 人机交互界面设计 VB script 人机交互界面设计
手机交互界面手机交互界面手机交互界面手机交互界面手机交互界面
人机交互课程的作业资源,银行网站界面设计
软件学院人机交互技术结课作业:界面调研报告&交互界面设计。 实验内容: 1、界面改造:用Axure RP 9对热力学计算的界面实现三种风格的改造:对话框方式、菜单方式、Tab栏方式 2、界面仿制:用Axure RP 9仿造Word ...
交互界面设计基础原则.ppt,很好的总结PPT。
很好的程序很简单希望对你有帮助哦嘻嘻嘻嘻嘻
人机交互Web界面设计文档(含界面图片)
基于嵌入式STM32平台的μC_GUI人机交互界面设计.pdf
人机交互(Human-Computer Interaction, 简写HCI):是研究关于设计、评价和实现供人们使用的交互计算系统以及有关这些现象进行研究的科学。
C# 电梯人机交互界面模拟设计 C# 电梯人机交互界面模拟设计
关于数字滤波器的设计,以及其在交互界面下的设计原理,附有程序集。