Android应用UI设计模式【横扫三大移动操作系统平台,叩开模式设计之门,打造卓越的扁平化体验】
基本信息
- 原书名:Android design patterns:interaction design solutions for developers
- 原出版社: Wiley
编辑推荐
当今移动市场,Android操作系统风头正劲。这与Android坚持采用扁平化的设计密不可分。扁平化设计的核心在于内容展现,这样更有利于为用户提供简便的数字体验。扁平化设计已被证明将引领下一个移动界面设计潮流。另外两大移动生态系统——iOS 7、Windows Phone不约而同向扁平化靠拢,标志着这一设计理念已臻成熟。
本书面向Android 4.0操作系统,采用案例分析法,探讨了在扁平化设计的基础上,为移动应用打造卓越交互设计和直观信息架构所需的全部58个模式,涵盖了Android应用设计中最棘手的方面,包括欢迎体验、主屏幕、导航、搜索、排序和筛选、数据输入和表单。本书是作者14年来设计和开发数码产品的实践经验结晶,目的是与读者分享最有效的以用户为中心的设计方法,并将这些方法付诸实践。
如前所述,本书不仅可以帮助Android应用设计和开发人员高效地完成UI设计,同样可以作为iOS和Windows移动平台的设计参考书。
内容简介
计算机书籍
目前,谷歌Android 操作系统在移动市场中风头正劲,并且未来发展势不可挡。《Android应用UI设计模式》面向Android 4.0+操作系统,是市面上第一本深入解析Android 界面设计的佳作。本书从适用于移动设备和平板的通用模式以及Android UI 设计指南出发,深入探讨了58 种重要的Android 交互设计模式及其应用。每种模式登场之前,先用基本知识铺路,接着展示常见的设计陷阱和欠佳的设计模式,最后对这些模式进行改进,从而打造卓越的交互设计以及直观的信息架构。
《Android应用UI设计模式》可满足移动设计人员和开发人员的需求,帮助他们轻松成为移动用户体验设计高手。
作译者
目录
第一部分 用户体验原则和Android特色
第1章 向Android迁移(案例) 2
1.1 启动图标 2
1.2 操作栏与信息架构 3
1.2.1 重新设计前 3
1.2.2 重新设计后 5
1.3 选项卡 8
1.4 专用选择页 8
1.5 选择控件 9
1.5.1 重新设计前 9
1.5.2 重新设计后 10
1.6 按钮 10
1.7 搜索结果屏幕 11
1.7.1 重新设计前 11
1.7.2 重新设计后 12
1.8 结果详情屏幕 13
1.8.1 重新设计前 13
1.8.2 重新设计后 14
1.9 最终结果 16
前言
为何关注移动计算
吉姆·罗德斯:你不是军人。
托尼·史塔克:你说得太对了,我不是军人,而是一支军队。
——《钢铁侠》,Marvel Studios 2008年出品
移动计算带来的沧桑巨变史无前例。我们身处一个激动人心的时代,一个具有无限可能的时代,信息、点子、产品(总之任何模因),只需几天乃至几分钟的时间就能传遍全球。但仅靠渗透还不够,移动技术的变革力量源自它呵护人们的方式:让人们更容易联系彼此,做出更明智的决策,一飞冲天不同凡响。
随着功能强大的智能手机的面世,技术自然成了人类的数字助理,就像人类的另一个器官,布满了只有超人才有的传感器。移动技术之于人类,犹如控制部件之于机器人或钢铁盔甲之于托尼·史塔克。
钢铁侠是我青睐的比喻手法。钢铁盔甲虽不是托尼身体的一部分,但托尼穿上后便具备这种装备的巨大威力。钢铁盔甲将托尼的旨意付诸实施,而托尼无需为此费太大劲(即不存在认知障碍)。归根结底,钢铁侠也是普通人,但内心蕴含着巨大的能量,而这种能量芸芸众生都有。正是技术让人得以将这种难以置信的能量释放出来。
手机就是我们的钢铁盔甲,设计巧妙的移动体验就是控制系统。设计巧妙的应用让用户觉得得到了保护和能量,就像穿上钢铁盔甲的托尼·史塔克。
为何选择Android
关注移动领域的人都知道,Android面世之初曾面临不少成长的烦恼(这还是往好里说):市场份额分散,缺乏重点和标准导致整体混乱,深受诟病的频繁更新。然而,就像打了鸡血的职业拳击手,Android直面这些挑战,成功实现了快速进步和发展,市场分额的增长速度之快出乎所有人的预料。
本书写作期间,在2012年第3季度售出的智能手机中,每4部就有3部使用Android智能手机操作系统。国际数据公司(IDC)公布的“全球手机市场跟踪调查季度报告”(Worldwide Quarterly Mobile Phone Tracker)表明,在2012年第3季度,全球智能手机的出货量为1.81亿部,其中Android智能手机为1.36亿部,占全部出货量的75%;Android智能手机的年增长率为91.5%,是整个市场增长率(46.4%)的近两倍(https://www.idc.com/getdoc.jsp?containerId=prUS23771812)。随着Android 4.0(Ice Cream Sandwich)的发布,Android已具备纯数字商业操作系统的风范:由一组几乎适用于所有设备的标准构成的强大核心,菜单结构和导航方案巧妙地采用自适应设计,向分散化打出了一记猛烈的左勾拳。这种全新的商业气息源自一整套开放的标准和成熟的代码库。
总之,在我看来,Android生态系统的状态可谓顺风满帆:短期呈爆炸式增长,长期将占据市场统治地位。无论你一直在从事iOS、Windows Mobile、黑莓或Android操作开发,还是刚涉足移动领域,现在都是考虑设计和开发Android 4.0应用的绝佳时机。
为何阅读本书
要让用户觉得应用像钢铁盔甲一样,能给予他们力量,你需要弄清楚有效移动设计背后的模式,并根据具体情况付诸应用。本书是打开这些模式大门的钥匙,涵盖了提供卓越移动体验所需的一切知识。
使用行之有效的技术
本书探讨实用技术:设计模式。设计模式是一种可反复使用的解决方案,有助于解决特定背景下的特定问题。但为何需要模式呢?难道仅阅读Android设计文档还不够?设计模式效果奇特,既能传达最佳实践,又能应对实际设计问题的复杂性。设计模式先锋Christopher Alexander在其著作《建筑的永恒之道》(Oxford University Press,1979年)中指出,模式是设计语言的词汇,可用于打造完整、完善而富有生命力的作品(他称之为“无名特质”)。
除帮助打造易于使用的应用外,设计模式还是高度实用的构件:规模不大,易于学习和理解。通过结合使用多种模式,可打造出实用而讨人喜欢的设计。最后,模式构成了设计语言,让交流简洁而高效。
58个重要的Android应用设计模式
本书第二部分探讨了为Android 4.0应用打造卓越交互设计和直观信息架构所需的所有模式。这58个重要的交互设计模式涵盖了Android应用设计中最棘手的方面:欢迎体验、主屏幕、导航、搜索、排序与筛选、数据输入和表单。本书的模式建立在谷歌官方文档之上,着力于透过现象抓本质,可助你顺利地将理论付诸实践。另外,本书还专辟两章分别探讨了移动银行设计模式及平板应用设计中最棘手的方面。
序言
“你那本书抢在我那本之前出版了。”这是Greg见到我说的第一句话,他指的是我写的《移动应用UI设计模式》(O’Reilly Media,2012)。如果说那时我还有点内疚,那么现在我则很高兴自己抢了先。否则,你们就看不到我那本书啦!
我当年着手写作那本书时,重点是发掘适用于6种主要移动平台的通用模式。两年后的今天,移动行业日渐成熟,6大操作系统只剩下3个,但每个都有其独特的设计模式和原则。通用模式依然颇有价值,但操作系统特有的模式更有价值。
Greg意识到了这一点,决定将关注点放在增长最快的Android平台及其最新版本Jelly Bean上。本书可满足移动设计人员和开发人员的需求,帮助他们轻松地成为移动用户体验设计高手。
本书与其说是参考手册,不如说是课堂研讨。Greg从适用于移动设备和平板的通用模式以及Android UI设计指南出发,深入探讨了如何将设计原则付诸应用。每部分都先介绍基本知识,展示常见的陷阱和反模式,再详细演示如何重新设计既有应用,对得到的经验教训进行分析。你可以并且也应该在设计期间把本书放在手边,并与设计团队分享。仅使用本书第7章和第8章介绍的模式,就能节省大量时间。如果能将本书介绍的所有知识都付诸实践,你给用户提供的移动体验在方方面面都将得到极大改善。
总之,这是目前在Android界面设计方面写得最深入的一本书。愿Greg再接再励,再推出一部探讨Windows模式的专著。
阅读愉快!
——Theresa Neil
畅销书《Web界面设计》、《移动应用UI设计模式》作者
UX设计师、创业顾问、讲师(www.theresaneil.com)
媒体评论
——Amazon.com
书摘
如果搜索是应用的重要功能,那么非常适合使用"专用搜索"模式。"专用搜索"模式明确指出了得到当前搜索结果的关键字查询,为修改查询及进行其他细化提供了便利的专用工具。
7.7.4 使用的原因
Peter Morville和Jeff Callender在-著作Search Patterns(O'Reilly,2010年)中意味深长地指出,"搜索目标随搜索结果而变"。在不方便输入并且用户的注意力因一心多用而高度分散的移动领域,这种说法再贴切不过了。用户希望能够快速细化笼统的查询,并在细化过程中修改关键字查询。"专用搜索"模式以无比简洁而优雅的方式满足了这种需求。最初输入的关键字始终显示在搜索结果上方的搜索框中,用户可轻松编辑。
7.7.5 其他用途
如果除关键字查询外还需提供其他筛选和排序选项,可将"专用搜索"模式与显示筛选器和查询细化的"筛选带"(Filter Strip)模式(参见第8章)结合起来使用。这两个模式结合起来显示了复杂查询的全部内容。
……