iPhone界面设计师讲述iOS文本选择功能的开发故事

在2009年6月发布的iOS 3系统中,最重要的功能就是文字复制、粘贴和通过拖拽屏幕上两个大头针选择文字。这种直观的设计要比当时其他智能手机处理复制、粘贴和文本选择的功能体验好很多。复制、粘贴和文本选择对于传统计算机用户体验来说非常基本和重要,苹果的解决方案让该功能在移动平台上变得同样好用。

这份iOS文字选择专利的用户界面设计师是Bas Ording,他在苹果工作了15年,去年离开了苹果。Ording参与开发了包括第一代iPhone在内的多款iPhone。除了文字选择专利,他还主要贡献了iOS 7之前的虚拟键盘外观,设备的页面滚动——包含到达页面底部或顶部时产生的“弹跳”效果。

Ording解释到,当iOS 3将要发布时,每一个参与开发的人员都清楚文字选择必须是主打功能之一。问题就是如何最好的呈献给用户,在20世纪90年代苹果发布的MessagesPad通过触控板实现复制和粘贴功能,但乔布斯对于触控笔的设定非常反对,iPhone团队都没将触控板纳入考虑范围内。

Ording表示:“那是绝对不可能的。我记得乔布斯告诉我们,如果需要触控笔才能使用iPhone,这样的产品他不会发布。iPhone的目标就是通过使用手指,替代任何触控工具。”最终,iPhone设计团队选择了可以选择开始和结束文字的处理方式,有些人称两个选择大头针为“棒棒糖”。最开始这两个选择大头针体积很大,后来变得越来与小,最终成为圆点。

有趣的是,Ording提到测试iPhone文本选择功能时,自己使用的是屏幕面积更大的设备,有可能是iPad原型机。当时距离iPhone发布还有3年的时间。iOS文本选择功能的设计初衷就是让所有屏幕大小的设备都能完美使用,当然小尺寸的iPhone是工作重点之一。下图就是Ording。

乔布斯对于完美的追求远不止iPhone文本选择。Ording表示:“乔布斯事事亲力亲为,通过他们每隔一周进行一次会议,根据项目的阶段,会议的频率也进行调整。我们展示给乔布斯正在开发的功能时,包括文字选择,他对于文字选择条的颜色非常关心,以及边缘处淡淡的阴影。对于双击选择和长按选择的判定,他同样提出了很多建议。”

复制、粘贴的概念最初并不是苹果提出的,但这种功能概念却根深蒂固的存在于苹果DNA中。第一种复制/粘贴概念在20世纪70年代出现在施乐研究中心中,由科学家Larry Tesler创造,他还开发了可编辑的对话窗口和Smalltalk浏览器。当乔布斯在1979年访问施乐公司时,他第一次见到了复制和粘贴的概念。随后,该功能出现在Lisa电脑上。

后来,Larry Tesler也加入了苹果,后来他升职至副总裁,但最终在1997年离开了公司。Tesler主要推崇的也是简约设计,也是后来单间鼠标概念的主要发起者。Tesler也是iOS文本选择功能专利的发明人之一。苹果文本选择专利在2008年3月4日递交,也是iPhone多种功能的一个缩影,当然也反映了苹果设计的基本原则和理念。

稿源:MacX

时间: 2024-10-28 00:28:23

iPhone界面设计师讲述iOS文本选择功能的开发故事的相关文章

iOS文本布局探讨之一——文本布局框架TextKit浅析

iOS文本布局探讨之一--文本布局框架TextKit浅析 一.引言         在iOS开发中,处理文本的视图控件主要有4中,UILabel,UITextField,UITextView和UIWebView.其中UILabel与UITextField相对简单,UITextView是功能完备的文本布局展示类,通过它可以进行复杂的富文本布局,UIWebView主要用来加载网页或者pdf文件,其可以进行HTML,CSS和JS等文件的解析.         TextKit是一个偏上层的开发框架,在i

js实现iPhone界面风格的单选框和复选框按钮实例_javascript技巧

本文实例讲述了js实现iPhone界面风格的单选框和复选框按钮.分享给大家供大家参考.具体如下: 这里使用JS美化仿iPhone风格的单选框和复选框按钮效果,使用了jQuery代码,附有完整实例及使用方法,现在,iPhone风格确实流行,希望大家也喜欢. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-iphone-radio-checkbox-button-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "

Android与iPhone界面布局对比

上图是我根据Android和iPhone这两个平台的"生产内容型的应用程序"整理出来的界面布局示例.所对比的4个点,均是两大平台的应用程序常规界面元素. 状态栏:Android和iPhone的状态栏均在屏幕顶端的位置,原因无外乎是人的视觉流程是从上到下的.Android的状态栏,具有notification的功用,当应用程序有新的通知,在状态栏左侧显示通知图标,向下滑动即可打开查看通知详情. iPhone的状态栏,很纯粹,就是状态而已.包含了活动状态的显示,比如某进程正在运行,将有个转

界面设计师经验分享:界面设计与交互设计

文章描述:从商业角度看,聊聊为什么企业需要界面设计与交互设计? 我是学商科出身的,所以我有个常用的思维方式,做一件事情会思考对企业的价值.对客户的价值,成本和收益是什么.感觉业界流行的是如何做好界面设计和交互设计的博客与书籍,但很少能够看到"企业为什么需要界面设计与交互设计"这种话题的文章. 好像显而易见做界面和交互设计是为了用户体验,其实不是这么简单可以一言即止,还是有多个层面来看,其产生的价值和意义. 1.为了客户第一印象和形象 "食色"是人的天性,食物需要颜色

jquery禁用右键、文本选择功能、复制按键的实现

  代码如下: //禁用右键.文本选择功能.复制按键 $(document).bind("contextmenu",function(){return false;}); $(document).bind("selectstart",function(){return false;}); $(document).keydown(function(){return key(arguments[0])}); //按键时提示警告 function key(e){ var

iOS 使用Interface Builder开发界面入门与技巧

引言:     通过Interface Builder(简称IB)来制作界面一直是iOS开发界饱受争议的方式.主要争议的话题是不太适合团队协作开发,再就是对IB的使用比较生疏,觉得IB只能完成一些很简单的功能.然而Interface Builder的出现并不是偶然,更是苹果一直推崇使用GUI实现技术.只是面对不同的问题,我们需要有相应的解决办法.而不是刻意抵触.    如今,Xcode的第五个版本发布,新版IDE对IB的核心文件Xib进行了一次全面的优化和升级.解决了大家一直争议的团队协作问题.

iOS文本布局探讨之三——使用TextKit框架进行富文本布局

iOS文本布局探讨之三--使用TextKit框架进行富文本布局 一.引言         关于图文混排,其实以前的博客已经讨论很多,在实际开发中,经常使用第三方的框架来完成排版的需求,其中RCLabel和RTLabel是两个比较好用的第三方库,他们的实现都是基于UIView的,通过更底层的CoreText相关API来进行图文处理.相关介绍博客地址如下: iOS中支持HTML标签渲染的MDHTMLLaebl:http://my.oschina.net/u/2340880/blog/703254.

ios 语音-IOS文本转语音,怎么控制语速

问题描述 IOS文本转语音,怎么控制语速 写了个文本转语音的dome,感觉读的太快了.研究了半天没有看到设置语速的属性.求大神解答. 解决方案 IOShttp://download.csdn.net/album/detail/1193

基于jquery的禁用右键、文本选择功能、复制按键的实现代码_jquery

同时适合IE.firefox.谷歌浏览器下适用,经过筛选代码如下: 复制代码 代码如下: //禁用右键.文本选择功能.复制按键$(document).bind("contextmenu",function(){return false;});$(document).bind("selectstart",function(){return false;});$(document).keydown(function(){return key(arguments[0])}