用户体验(UX)设计师不只是制作漂亮的图标,尽管这当然也是工作的一部分。搞清楚人们是如何与数据和界面交互的,意味着要理解人体工程学、心理学、计算机科学、认知科学、平面设计和其他一些领域。
如果您在使用应用程序或Web站点时感到沮丧或困惑,请责备UX设计师。如果应用程序看起来“很好用”,那么你可以感谢他们。
虽然对大多数技术用户来说可能不是很明显,但每一个新的形式因素——桌面、Web、移动设备——都需要一套全新的研究、测试和设计原则。
苹果最近发布的iPad也不例外;尽管有人说“这只是一个巨大的iPhone”,但iPad应用程序的开发人员发现,尺寸确实很重要——除了尺寸iPad独特的多点触控功能和界面元素.一个设计得当的iPad应用程序不仅是像素加倍的iPhone应用程序,也不是一个用手指取代鼠标的桌面应用程序。
我与两家公司的用户体验设计师和产品经理进行了交谈Omni组和Zinio有限责任公司——了解他们在iPad开发过程中面临的更多挑战。我特别想知道,这是否扰乱了他们最初的设计计划,或者他们发现后是否感到惊讶用户功能的新可能性.
的内容”
“首先,我们真的发现这不仅仅是一部更大的iPhone,”The Omni Group创始人兼首席执行官肯·凯斯(Ken Case)说。“内容和手势交互仍有空间,这在较小的空间里是无法实现的。它是一个更大的iPhone,就像游泳池是一个更大的浴缸。”
最初,比尔·Hecke说,Omni集团的用户体验,该公司认为,将需要使用每个像素在iPad上的1024 - 768像素的屏幕上:“这是我们第一个冲动来填满空间,但我们发现在设计过程中,更重要的是看到内容。”因此,他说,iPad上两个Omni应用程序的用户界面,OmniGraffle(49.99美元)OmniGraphSketcher(14.99美元),占屏幕面积的比例与该公司的iPhone应用程序相同。
例如,这些应用程序的初始界面设计包括一个侧边栏,可以显示打开的文档,并允许在其中快速导航——这在桌面界面上并不少见。但在iPad,这感觉像是浪费空间——屏幕空间作为自由绘图区域更有价值。
OmniGraphSketcher的首席开发人员Robin Stewart说:“这是一个很好的尝试,可以去除我们多余的chrome(工具栏和窗口框架)。”“我们认为,我们最终让这个应用程序在iPad上比在笔记本电脑上更可用。”
62天就完成了
凯斯指出,他的团队只有62天的时间第一款iPad发布于1月下旬设计和测试应用程序,并让它通过苹果应用商店的审批流程。“在这一轮,”他说,“我们希望首先把Mac应用带到iPad上。我们也打算推出iPhone应用,但要晚一点。”
他说,紧凑的日程安排让Omni真正地思考了“我们试图用这款应用做的核心事情,而没有引入很多杂乱的东西。”
除此之外,iPad还利用了多点触控功能,后者扩展了iPhone的多点触控功能。“有些东西我们本来想放进去,但后来放弃了,希望以后再放进去,”凯斯说。
Van Hecke解释道:“刚开始的时候,我们有一个大的多点触控库,比如四指滑动按键,就像按键修改器一样。”但设计师发现,这些手势有时意味着用户需要更多的认知工作,他们可能难以记住哪个手势做了什么。
他说:“即使打开一个检查器并点击其中的一个按钮(例如访问一个新工具)需要两秒钟或更长时间,这对新用户来说比学习一套新的手势更容易接近。”这是事实,尽管现在许多用户可能已经熟悉了常见的iPhone手势,如双击、捏捏等。
凯斯说:“用手指画画非常适合触摸界面。”开发人员发现,在屏幕上的两个点之间来回“触摸”比用鼠标来回“触摸”更容易。
这一认识影响了他们对在iPad屏幕上移动区域的心理“成本”的思考,以及这与在桌面屏幕上相同的移动有何不同。
iPad模型
开发人员在为iPad开发应用程序的过程中了解到的很多东西都是在设计过程中学到的,这需要他们的想法的许多版本。这就要求他们做一个iPad的模型,因为他们当时没有。斯图尔特说:“因为我们没有设备,所以我们觉得有一个实体设备来工作很重要。”
(想了解更多关于原型制作过程的信息,包括草图照片和Omni集团使用台锯和3D打印机制作的实物原型,查看该公司的博客帖子.)
凯斯说:“我们必须充分考虑iPad的社交特性。他说,在处理了这个模型后,他意识到“你可以很容易地在一群人中使用它来展示东西——台式机更像是一个人的体验。”所以我们让默认大小更具可读性,而且比单个用户需要的大,”他说。
“使用笔记本电脑时,屏幕是人与人之间的障碍,”他说。“iPad可以以一种更高级的方式使用,更具协作性。”
根据斯图尔特的说法,各种各样的模型帮助他们意识到“关于iPad,我们的许多第一直觉是错误的。”
“我们已经习惯了Mac的用户界面模式:小部件、窗口等等,”他说。但对于iPad,他们必须这么做从头开始想很多事情,包括他们不能依赖精确的光标定位(手指比鼠标驱动的光标更粗,更不稳)和菜单栏。
使用真正的iPad会有帮助
凯斯说,用真正的iPad来测试他们最初的想法带来了一些新的认识。他解释说:“我们必须测试特定的时间,比如在几分之一秒内点击和按住手指的区别,在更大的界面中滑动和其他单手指手势的工作方式。”
“当你在使用iPad时,你不会想到整个无形的启发正在发生,”凯斯说,这意味着你的操作几乎是自动的,尽管充满了对界面的命令。
当开发者进行各种ipad特定设计时,他们转向了一种“模式”范式——即在每个任务中使用不同的屏幕,如画画或写作。
“这很难发现,”凯斯说。“我们习惯于一次性向用户提供所有内容。但我们发现,当你给人们提供更多模式时,每一种模式最终都会变得更加专注。”
“我们直到很晚才意识到这一点,”他说,“但我们的iPad应用程序都没有偏好设置——这对我们来说并不常见。”
“一致的用户体验”
“这是一个冲刺到4月3日,”Brian Yu同意Zinio的免费杂志阅读应用.Zinio有台式机版、网络版、iPhone版,现在还有iPad版。“我们将6个月的应用开发时间压缩到了6周。”
于在发展中公司的iPad应用程序的作用主要是制定发展路线图和确定包括哪些特性。但他同时也是整个用户体验过程的重要“看门人”。
“我们希望在Zinio的应用程序中呈现一致的用户体验,”Yu说,“但我们也希望利用iPad的功能。”我们从iPhone开发中学到了很多东西,”他说,并指出Zinio的iPhone应用程序在两周前才发布苹果推出了iPad。
他说,iPad的尺寸更大,“我们可以提供一种‘向后倾斜’的体验”,尺寸大约相当于一本印刷杂志。
iPad更大的尺寸让Zinio能够添加iPhone上不可能的界面功能。首先,iPad的尺寸使它能够在纵向模式下提供全页“标题视图”,在横向模式下提供双页视图。此外,额外的空间激发了Zinio的用户体验设计师实现了一个“杂志堆栈”视图,用户可以在其中“捏出”来查看堆栈的内容。
他还指出iPad引入了新的界面元素.其中之一就是“弹窗”,Yu说,它“让我们可以让用户保持在杂志体验中”,同时还允许访问设置和FAQ。
他说:“iPad的屏幕面积太大了,让它们占据整个屏幕是没有意义的。”在iPhone上做同样的事情需要模式视图,设置或FAQ占据了整个屏幕。“在iPhone上,”他说,“导航实际上是屏幕对屏幕的。”
Yu的设计团队还在真正的iPad问世之前,先制作了iPad的纸质原型。他们的海报贴在墙上,用了很多便利贴;该团队通过让一些非设计师员工尝试在模型上浏览应用程序来测试设计。
这让设计师对用户可能如何移动界面物品有了更具体的认识,或者期望它们在一个地方而不是其他地方。
当他们接触到预发布版iPad并转向数字原型时,他们发现有些东西需要改变。“我们发现滑动的速度没有我们想的那么快,”Yu说,所以团队不得不重新配置他们计划的界面的基本部分。
工作到最后一分钟
“设计迭代进入了开发的最后一周,”Yu说,“这是非常不寻常的。”
”使用的混合隐喻来自网络和iPhone是最大的挑战之一,”Yu说,“我们只需要遍历”。
他承诺开发还没有结束,尽管应用已经发布了。
“既然我们的应用已经公开了,我们将进行一轮可用性测试,”他说。“我们在测试时从用户那里收集了一系列问题。”
丹•特纳十多年来,他一直在沙龙、eWeek、MacWeek和《纽约时报》等刊物上撰写有关科学和技术的文章。
这篇题为“为iPad设计应用程序:它不仅仅是一个大iPhone”的文章最初发表于《计算机世界》 .