- 浏览: 128798 次
- 性别:
- 来自: 上海
文章分类
最新评论
原文链接: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 685什么是完美? 准确满足需求或适应情况需要;这意味着,无论怎 ... -
设计沟通的七条经验
2013-04-07 14:27 774经常有新入职的同学, ... -
Specializing in the design and development of online platforms and applications,
2013-01-17 15:45 894SITEINSPIRE a showcas ... -
字体设计是网页设计的根本
2012-08-07 09:37 692你已寻找这个问题多 ... -
[iA 旧文] 网页设计工作的 95% 在于字体排印
2012-08-07 09:36 701网上 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 798又是好文一篇,虽然说 ... -
Web可用性设计的247条指导方针
2012-07-30 15:13 904原文链接:http://www.userfocus.co ... -
卓越的Web软件具有下列品质
2012-07-24 11:35 634卓越的Web软件具有下列品质: ---- 确定产 ... -
Alibaba国际站首页改版小结
2012-07-18 12:40 587阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力 ... -
逻辑路径与网格系统
2012-07-17 16:00 0栅格系统: 创建逻辑路径 除了要精确的遵从网格 ... -
用户体验的五层–概念篇
2012-07-16 15:06 828在找实习的过程中,算是有缘吧,交互设计走进了我的视野,不 ... -
美国广告设计实用教程--作品评价指南
2012-05-10 13:09 771最近在看High哥买的《美国广告设计实用教程》, 里面有 ... -
7个开发人员和设计师适用的WEB应用资源
2012-05-08 22:45 540对于开发人员和设计师来说,很多项目和设计都需要有前期的规 ... -
27个网页设计中色彩的使用
2012-05-08 22:38 696互联网上现在有着数不清的网站,公司的、个人的、政府的、公 ... -
30网页设计美丽纹理的启示
2012-05-08 22:37 596每个网站都会给人一种感觉。那种感觉可能是一见倾心,也可能 ... -
大多数用户既非新手,也不是专家,而属于中间用户
2012-05-07 23:21 639大多数用户既非新手,也不是专家,而属于中间用户。 即首 ... -
世界500强网站
2012-05-03 10:48 1324世界500强网站大多设计精美、大气简洁,视觉很不错,与大家一起 ... -
windows8 UI,Metro 设计风格浅析
2012-04-23 15:31 1079微软称要通过Windows ...
相关推荐
人机交互界面设计方法完成的网上银行系统的交互界面分析和设计,包括账户查询、存款、取款、转账等业务流程 人机交互界面设计方法完成的网上银行系统的交互界面分析和设计_ 介绍的人机交互界面设计方法,完成网上...
代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种降维方法交互式界面代码 八种...
银行界面设计,人机交互作业。使用Axure。
手机APP交互界面人因适合性测试程序的设计与实现.pdf 本资源主要讲述了手机APP交互界面人因适合性测试程序的设计与实现。该程序旨在检测APP交互界面的人因适合性问题,以提高APP交互界面的人因适合性测试的效率。 ...
基于qt和C++的ROS人机交互界面源码+文档说明(高分项目),该项目是个人毕设项目,答辩评审分达到98分,代码都经过调试测试,确保可以运行!欢迎下载使用,可用于小白学习、进阶。该资源主要针对计算机、通信、人工...
基于QT开发的ROS人机交互界面项目C++源码+使用说明(课程设计).zip基于QT开发的ROS人机交互界面项目C++源码+使用说明(课程设计).zip基于QT开发的ROS人机交互界面项目C++源码+使用说明(课程设计).zip基于QT开发的ROS人...
第12章人机界面交互设计 └── 第12章 人机界面交互设计 ├── Alarm_Sound.wav ├── Bump_green.GIF ├── Bump_red.GIF ├── Thumbs.db ├── 动态交互界面示例.vi ├── 动态创建右键快捷菜单示例.vi ├...
ChatGPT 技术与智能交互界面的结合 ChatGPT 技术是基于生成式预训练模型的对话系统,它具备自动问答、情感分析等多种功能,可以迅速、准确地回答用户提出的问题,极大地提高了用户体验。智能交互界面是将 ChatGPT ...
基于Matlab的数字水印系统源码+项目说明(带人机交互界面).zip基于Matlab的数字水印系统源码+项目说明(带人机交互界面).zip基于Matlab的数字水印系统源码+项目说明(带人机交互界面).zip基于Matlab的数字水印...
基于Matlab的人脸考勤系统源码+项目说明(带人机交互界面).zip基于Matlab的人脸考勤系统源码+项目说明(带人机交互界面).zip基于Matlab的人脸考勤系统源码+项目说明(带人机交互界面).zip基于Matlab的人脸考勤...
Unity科幻交互式全息界面UI是一种利用Unity引擎创建的创新性用户界面设计,它将现代科技与未来主义元素相结合,为用户提供了一种全新的、沉浸式的交互体验。在虚拟现实(VR)和增强现实(AR)领域,这样的界面设计尤...
基于Matlab的口罩识别系统源码+项目说明(有人机交互界面).zip基于Matlab的口罩识别系统源码+项目说明(有人机交互界面).zip基于Matlab的口罩识别系统源码+项目说明(有人机交互界面).zip基于Matlab的口罩识别...
基于yolov5的车辆识别(货车与公交车识别),内含源码(yolov5、pyqt5、训练集与测试集划分代码)、原始图像数据集、标注数据集(xml格式及txt格式)、模型训练后权重文件、pyqt5交互界面以及使用说明。下载后可直接...
在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前,拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧!APP...
基于Matlab的交通标志识别系统源码+项目说明(带人机交互界面).zip 基于Matlab的交通标志识别系统源码+项目说明(带人机交互界面).zip 基于Matlab的交通标志识别系统源码+项目说明(带人机交互界面).zip 基于...
人机交互设计大作业,人机交互大作业,人机交互作业。 人机交互设计大作业,人机交互大作业,人机交互作业。 人机交互设计大作业,人机交互大作业,人机交互作业。 人机交互设计大作业,人机交互大作业,人机...
人机交互技术的发展历程反映了计算机从简陋的机器语言到高级语言的演进,以及从命令行界面到图形用户界面的转变。目前,人机交互技术的研究内容极为广泛,不仅包括基本理论和方法的建模、设计、评估,还涉及到多通道...
在tc黑屏环境下调用鼠标,设置简单的图形交互界面并进行简单的画图(矩形,圆,三角形,多边形……)操作