CH2. Design strategies(03)——Case Study:From Desktop to iOS

Case Study:From Desktop to iOS

1. Keynote on iPad(iPad版Keynote)

桌面Keynote功能强大灵活易用,是世界顶级的幻灯片制作软件。用户喜爱Keynote,因为它不仅容易使用而且对大量细节拥有精准的控制,比如动画和文本属性。

iPad版Keynote具备桌面版的基本功能,另外通过创造以下用户体验使它可以轻松使用:

  • 重点关注用户的内容
  • 降低复杂度而不削弱功能
  • 提供功能强大令用户开心的快捷方式
  • 调整桌面版用户熟悉的特性
  • 通过逼真的动画提供交流和反馈

Keynote用户可以迅速明白如何在iPad上使用,因为利用原生的iPad模式向用户传递预期的功能。新用户亦可轻松学习如何在iPad上使用Keynote,因为他们可以自然、轻易地直接操控他们的内容。

Keynote从桌面版向iPad版的转变基于大量由浅入深的修改和重新设计。以下是一些最容易被发现的调整:

简洁的工具栏。工具栏上只保留少量元素,但是给用户提供了一致的入口,用户可以调用创建内容所需的所有功能。

简洁有序的检查器,及时响应用户的焦点。iPad版Keynote检查器自动包含了对用户所选元素进行修改的工具和属性。通常,在第一个检查器视图中用户即可找到他们需要的所有改动功能。如果他们需要修改不常用的属性,可以去其它视图中探寻。

大量的预制样式集合。利用预制样式,用户可以轻松改变诸如图表和表格等元素的外观。除了配色方案,每个集合还包括预设样式属性,它们设计得与全局主题相协调,比如表格标题。

对内容的直接操控,并用有意味的动画作修饰。在iPad版Keynote中,用户可以将幻灯片拖拽到新位置,捻搓物体使之旋转,点击图片以选中它。iPad版keynote用响应动画来加强这种直接操控的印象。比如,当用户移动幻灯片时它会轻微地搏动,当用户将幻灯片移动到新位置时,周围的幻灯片会泛起涟漪为其腾出空间。

2. Mail on iPhone(IPhone中的邮件)

邮件是OS X系统中最为瞩目、最好用、最受用户喜爱的应用之一。它也是一款功能强大的软件,用户可以用它创建、接收、排序以及存储邮件,追踪行动项目和事件,还可以创建便签和邀请。桌面版邮件应用用一组窗口提供这些强大的功能。

iPhone中的邮件着重关注桌面版邮件的核心功能,帮助用户接收、创建、发送以及组织他们的消息,并且以一种专门为移动体验定制的用户交互界面提供以上精炼功能,这些移动体验包括:

  • 简洁的外观,将用户关心的内容置于前面且中心的位置
  • 为完成不同的任务设计不一样的视图
  • 符合直觉的信息结构,让用户免于思索
  • 当用户需要时,提供强大的编辑和归类工具
  • 精妙且传神的动画,为用户传达动作提供反馈

iPhone中的邮件并不是一个比桌面版邮件更好的应用,而是一个专门为移动用户重新设计的邮件,明白这一点非常重要。通过专注于桌面版邮件的一部分特性并以一种令人着迷的简洁用户交互界面呈现出来,iPhone版邮件应用为使用移动终端的用户提供了邮件的核心体验。

为了调整邮件应用的用户体验以适应移动场景,iPhone中的邮件在以下几个关键途径创新了用户界面。

清晰且高度集中的屏幕。每个屏幕显示邮件功能的一个方面:账户列表,邮箱列表,消息列表,消息视图,以及编辑视图。在屏幕内,用户可以滚动页面看到所有内容。

简易且可预料的导航。每个页面轻点一下,用户就可以从概要(账户列表)跳转到特定内容(一条消息)。每个页面显示一个标题,告诉用户他们在哪里,以及一个返回按钮使用户可以轻松原路返回。

简单且可以点击的控件,当用户需要时可用。由于编辑信息也查收新邮件是用户在任何场景中都可能会进行的基本行动,iPhone版邮件让这些操作在多个屏幕中都可用。当用户阅读消息时,要保持诸如回复、移动和删除等功能可用,因为用户会对该消息进行这些操作。

为不同的操作设置不同类型的反馈效果。当用户删除一封邮件时,它会生动地进入垃圾桶图标内。当用户发送邮件时,他们可以看到发送进度;当发送完毕,用户可以听到一个清晰的提示音。通过观察消息列表的工具栏中那些微妙的文字,用户可以瞬间发现他们的邮箱更新。

3. Web Content in iOS(iOS中的网页内容)

iOS版Safari为iOS设备提供了卓越的网页浏览体验。用户喜爱清爽的文本和锐利的图片,以及通过旋转设备或点击和缩放屏幕来调整显示的能力。

符合标准的网站在iOS设备上有良好的显示效果。尤其是那些会检测设备并且没有插件的网站,在iPhone和iPad上看起来非常好,不需要或者仅需要一点点修改。

此外,成功的网站通常:

  • 如果网页页面宽度需要适配设备屏幕宽度,要为设备设置合适的视区。
  • 避免在CSS中使用绝对定位,这样一来当用户缩放页面时,内容不会移出屏幕。
  • 使用基于触摸的UI,不要依赖基于指针的交互。

有时,其它的调整是合适的。例如,网页应用总是要设置合适的视区宽度,而且要经常把iOS中Safari的界面隐藏。学习更多相关调整,在Safari Web Content Guide参考Configuring the ViewportConfiguring Web Applications.

网站也可以从以下途径对iOS版Safari进行桌面网页体验迁移:

适配iOS版Safari的键盘。当键盘和表格助手出现时,iPhone版的Safari应该把网页显示在URL文本区下方以及键盘和表格助手上方的区域。

适配iOS版Safari中的弹出式菜单控件。在桌面版Safari中,像其它OS X应用一样,弹出式菜单包含大量项目;也就是说,菜单展开后应该显示出所有的项目,必要时可以超出屏幕边界。在iOS版Safari中,弹出式菜单使用原生元素显示,提供了更好的用户体验。比如,在iPhone中,弹出式菜单以选择器的形式出现,为用户提供一系列的选择供用户挑选。(学习更多选择器控件的相关资料,参考选择器)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容