行业关键字
UI设计UI人物与团队 → 正文
前Apple界面设计师谈iOS系统文本选择界面开发
作者: iphone中文网 来源: 视觉同盟 时间: 2014年2月19日

  早在 2009 年 6 月发布的 iOS 3 系统中,苹果便首次推出了一项针对移动设备进行文本编辑的关键功能,即通过拖拽屏幕上选定文字两头的蓝色指针来选择文本范围以实现文字的复制和粘贴功能。这样的设计比当时其他智能手机的处理方式获得更佳的用户体验。苹果的这项文字选择专利提供了一种全新简洁的解决方案将个人电脑上关键的功能成功转移到了移动设备之上。


  我们知道,奥丁已于去年离开了苹果公司,在为苹果服务的 15 年时间里,他作为 iPhone 的界面设计师曾参与开发了包括第一代 iPhone 在内的多款 iPhone 设计。除了文字选择专利,他的主要贡献还包括前 iOS 7 的虚拟键盘外观、设备的页面滚动功能——包含点击效果按键以实现在页面底部或顶部跳转的功能。


  奥丁描述道,在 iOS 3 即将发布之时,每一个参与开发的工作人员都十分清楚文字选择必须成为新平台的新特性。关键的问题是如何将其最好地呈献给用户。其实,早在上世纪 90 年代,苹果发布的 MessagesPad 设备已经实现了采用触控笔在一台移动设备上实现复制和粘贴功能,但当时乔布斯非常反对触控笔的使用,因此 iPhone 团队只能放弃将触控笔纳入考虑范围。

  奥丁表示,“那样的设计在当时被认为是严格意义上的禁区。乔布斯曾经告诉设计团队,如果需要触控笔才能使用 iPhone,那么这样的产品他绝对不会发布。iPhone 的主旨就是使用手指替代任何其他触控工具。”

  奥丁继续说道,“我们最终达成了一致,采用可以在文字的开头和结尾处进行选择的处理方式来实现文本的移动功能。针对选择端两个被称为“棒棒糖”的大头针设计,我们参考了许多不同的想法,从最开始尝试的大体积,到后来越变越小,我们最终敲定成了圆点型模样。正如设计的那样,我们认为,如果桌面上有一粒沙子,虽然它很细小,但你还是可以用手指很轻易地精确指出目标。不过对于屏幕上的小点,在软件中实现的有效面积更大,所以人们可以更容易准确指出来”。


  有趣的是,奥丁提到,自己在对 iPhone 文本选择功能进行测试时实际上使用的是一台屏幕更大的设备——有可能是 iPad 原型机,而当时距离 iPhone 的发布还有 3 年之久。奥丁表示,“设计 iOS 文本选择功能的初衷实际上是提供一种可以在任何一种屏幕大小下实现完美应用的工具,但当时主要的重心用于 iPhone 设备的研发”。

  奥丁继续说道,“乔布斯对选择覆盖条的颜色十分挑剔”。

  乔布斯对于完美的追求远不止体现在对 iPhone 文本选择功能的苛刻要求之上。奥丁表示,“乔布斯几乎对所有事情亲力亲为,他每隔一周都会召集项目团队举行一次例会,根据项目的阶段对开会的频率进行调整。我们需要在会议期间向乔布斯展示开发功能的进度,他对选择区域的覆盖颜色以及边缘端的小阴影非常关心。对于双击选择和长按选择的监测判定,他同样提出了许多建议。”

  虽然最初提出复制/粘贴概念的功劳并非来源于苹果,但这种文字选择功能的概念却根深蒂固的在苹果的系列产品中很好地被遗传了下来。事实上,复制/粘贴概念于上世纪 70 年代首次出现在施乐帕洛阿尔托研究所 (Xerox PARC),由科学家拉里·泰斯勒(Larry Tesler)创造,此人还开发了可编辑的对话窗口和 Smalltalk 浏览器。在 1979 年,乔布斯参观访问了施乐公司,他在那个时候第一次见到了复制/粘贴的概念。随后,这一功能便出现在苹果的 Lisa 电脑上。

  后来,Larry Tesler 也加入了苹果,他随后升职成副总裁,但最终在 1997 年离开了苹果公司。Tesler 推崇的设计理念也是极简主义风格,他也是后来单键鼠标概念的主要发起者。当然,这家伙常常通过一些细节来体现他的风格提倡,包括常常在自己的 T 恤上印有 “Don’t Mode Me In” 和加州执照上的 “NO MODES”。此外,Tesler 也是 iOS 文本选择功能专利的发明人之一。

  苹果的文本选择专利这样说明:“用户界面常常带来复杂的击键序列和一些需要用户记忆的菜单层次结构”。iPhone 希望基于手势对文本进行直观的选择,使用手势启动触摸屏的方式来监测一个文本的选择,以实现“在移动设备上对文本选择区域的文字进行文字处理”。

  苹果的这项文本选择专利于 2008 年 3 月 4 日被提交,它同时也是 iPhone 多项功能专利的一部分。这一发明创造体现了苹果的整体团队合作精神,更反映了苹果设计的基本原则和至上理念。

(责任编辑: art2000

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版