移动革命如何挑战开源用户界面

尚无读者喜欢此文。
Different cell phones

Opensource.com

在过去的几年里,用户体验 (UX) 设计领域发生了一次强有力的范式转变。用户体验设计师过去专注于桌面用户,但现在,移动设备和移动用户已成为关注的中心。这种范式转变的重要性证据确凿:摩根士丹利预测,到 2014 年,移动用户将超过桌面用户。谷歌执行董事长埃里克·施密特表示,“如果你没有移动战略,你就没有未来战略。

最重要的是,这种转变并非消费者软件或专有软件所独有;企业和开源软件供应商也已开始以移动方式为中心创建用户界面。移动革命向用户展示了,简单的体验可能比复杂和拥挤的界面更令人满意。屏幕空间的缩小迫使设计师专注于用户真正关心的内容,这反过来又导致用户界面越来越精简,因此更易于使用。而简洁性带来更有效的使用、更高的生产力以及更低的培训和支持成本。

移动革命是包罗万象的,它使高质量的用户体验设计成为焦点。每个数字业务——无论是开源与否——都需要面对这一挑战。“创造让用户满意的移动用户体验,迫使我们重新思考我们迄今为止对桌面设计的许多理所当然的看法”,用户体验策略师 Lyndon Cerejo 说。他是对的:移动革命需要用户体验设计师进行大量的重新思考。该过程的一个良好起点是评估用户期望的变化。

了解新的用户期望

移动革命带来了许多后果,但与良好的用户体验设计最相关的是用户期望的变化。毕竟,正是这些预测的期望指导着专业用户体验设计师的策略。这些改变的期望是什么?让我们来看一看

  • 移动用户希望获得无缝、最小程度干扰的用户体验,这种体验是愉悦的,而不是痛苦和繁琐的。
  • 移动用户希望在基于触摸的设备上使用他们的软件,就像在桌面上使用一样。在桌面上有效的功能也必须在移动设备上同样有效,甚至更好。
  • 应用程序已将移动用户转变为多任务处理者。应用程序将不同的任务分成可管理的部分,并允许用户并行处理各种任务,同时保持清晰的焦点。
  • 移动用户希望随时了解并掌握其环境中发生的一切。
  • 移动用户希望自定义和个性化他们的设备,以反映他们自己的需求和个性。

如果您有智能手机或平板电脑,您可能已经意识到这些。例如,您肯定已经个性化了您的设备,并且您可能已经习惯了遇到高度可用的界面。

开源软件和受移动设备启发的用户体验设计

这些期望直接导致了移动趋势和新的设计原则。许多开源软件项目已经接受了这些期望,并设计了受移动设备启发的用户界面。以下是两个示例

  • UbuntuUnity 桌面让人联想到我们从移动世界中了解到的界面,并且是有意识地这样做的。“Ubuntu 将为平板电脑、手机、电视和从汽车到办公室厨房的智能屏幕提供动力……虽然每种外形尺寸的界面都经过适当调整,但 Unity 的核心元素以完全符合我们需求的方式排列,以在所有这些设备上创建连贯性”,Ubuntu 创始人 Mark Shuttleworth 说。Ubuntu 的 Heads-Up Display (HUD)、Dash 和应用程序启动器通过能够从键盘访问应用程序功能来帮助用户更高效地工作,而屏幕上的通知和指示器提供有关系统的实时信息。速度、便捷性和实时信息:Unity 设计的三个关键原则,这些原则已通过移动趋势得到加强。
  • Plasma Active 是一个开源项目,旨在为“所有类型的平板电脑、智能手机和触摸计算设备(如机顶盒、智能电视、家庭自动化或车载信息娱乐系统)”生产面向触摸的界面。Plasma Active 接受了移动用户的新期望,并将其直接转化为他们的用户界面。导航是直观的(在较小的屏幕上更为重要),高度可定制且适应用户的任务和需求。“活动”用于将上下文相关的应用程序、小部件和联系人分组在一起,而小部件则帮助用户完成特定任务或检索集中的信息。用户可以通过向活动添加文件、应用程序甚至网站来个性化和定制活动。

这仅仅是开源产品如何随着时代变化而变化的两个例子,它们利用移动用户体验设计中的趋势以及用户期望的相应变化来生产创新的新界面。

Magnolia CMS 5.0:首个受移动设备启发的 CMS

在探索移动趋势及其如何影响开源用户体验设计之后,让我们看看基于 Java 的开源内容管理系统 (CMS) Magnolia 如何应对这些挑战。在 Magnolia(完全公开:我是首席执行官),我们非常重视这些新的用户期望以及随之而来的趋势。2010 年,意识到需要创建一种新鲜而流畅的用户体验来支持为 Magnolia 5 计划的所有新功能,我们聘请了一位专门的用户体验设计师 Andreas Weder,并委托他为 Magnolia CMS 基于浏览器的 Web 界面创建真正全新的用户体验的愿景。

我们辛勤工作的成果 Magnolia 5 计划于 2013 年春季发布。我们在 2012 年 9 月的 秋季会议上首次展示了它,并且 最近发布了 Alpha 1 预览版以及屏幕录像

设计目标

Andreas 及其团队为 Magnolia 5 开发的设计和理念深受移动世界的隐喻和界面的启发和影响,并将相关概念带入我们基于浏览器的界面。他们力求使 Magnolia 的新用户体验像在智能手机上使用应用程序一样直观和愉快。他们的首要设计目标是确保易用性和自定义功能不应仅限于平板电脑或智能手机。总而言之,我们将 CMS 设想为像智能手机一样简单和灵活。

设计实施

在这些目标的基础上,Andreas 及其团队提出了一些创新的想法。关键的设计理念是 Magnolia 5 应该“由触摸驱动”:Andreas 的目标是在设计时尽可能接近移动世界。他首先在平板电脑上测试和改进了他的模型。具有决定性意义的是,他首先完成了平板电脑的用户界面,然后再将其适配于桌面。

在整个过程中,移动用户及其期望是 Andreas 关注的焦点。了解这些变化的用户期望对于设计 Magnolia 5 的新用户界面至关重要。结果显而易见:iPad 上的 Magnolia 5 具有令人惊叹的、原生的感觉。

Magnolia 5 用户体验的其他关键理念包括

  • 应用:Magnolia 5 引入了应用来降低 CMS 发布工作流程的复杂性。Magnolia 的应用将类似于 Apple 和 Android 移动设备上的应用。这种新方法旨在通过在单个应用中为内容作者提供所有相关和必要的功能,来帮助他们专注于密切相关的任务。
  • Pulse:Pulse 为内容作者和团队提供有关内容更改、警告和统计信息的实时信息。每次用户返回 Pulse 时,他们都会一目了然地意识到正在处理的元素发生了什么。如果存在问题或需要快速解决的问题,用户可以直接在 Pulse 内对问题做出反应。
  • 收藏夹:收藏夹允许作者通过添加常用操作的自定义快捷方式以及为他们需要经常编辑的站点添加书签来提高效率。
  • 改进的导航:Magnolia 5 应用屏幕充当作者可以使用 Magnolia 执行的所有任务的中央枢纽。用户可以使用应用屏幕、键盘快捷键甚至滑动操作(如果在平板电脑上使用 Magnolia)在应用之间切换。还有一个操作栏,显示可以对当前选定项目调用的所有操作。这些导航功能降低了新用户的学习曲线,并使执行常见任务变得更加容易。

在以下 Magnolia 5.0 新用户界面在 iPad 上运行的屏幕截图中,可以看到许多这些元素(您可以在此处查看更多示例)。

Magnolia 5.0 UI

设计协作

移动革命教会我们的一个重要教训是协作和参与的重要性——开源软件社区自然而然地一直理解这一点。在整个用户体验设计过程中,从客户、合作伙伴和用户那里获得反馈和支持对于获得所有人满意的结果至关重要。这就是为什么在 Magnolia,尽管新版本尚未准备好投入生产,但我们很早就开始沟通有关新版本及其革命性 GUI 的信息。以下是我们使用的主要渠道

结论

从桌面到移动设备的范式转变已将用户体验设计置于聚光灯下,因为移动革命已向用户和设计师表明,可以通过更简单、更有效的方式完成高质量的用户体验。如今,移动用户期望获得满足其需求并为他们提供无缝且直观体验的完美界面。近年来,开源项目越来越认识到这些趋势,并通过发布受移动设备启发的用户界面来采取行动。Magnolia 5(将于 2013 年发布)是这一趋势的主要例证:由触摸驱动,其应用、Pulse 和收藏夹体现了用户对移动时代开源 CMS 的一切期望。

User profile image.
Pascal Mangold 是 Magnolia 的首席执行官 (CEO) 和联合创始人,拥有超过 15 年的软件开发和销售经验。在 Magnolia,他负责监督销售、业务开发、预算和财务控制。Pascal 领导 Magnolia 软件产品的所有图形用户界面设计工作。

16 条评论

*不寒而栗* 呸。Metro 风格的 UI。

为什么每个人似乎都认为,那种过度饱和、色彩艳丽、让人想起硬件受限的 20 世纪扁平化 UI 对于编写良好、响应迅速、对触摸友好的 UI 来说是必不可少的?

我相信有些人会不同意,但我就是无法忍受它。我想我还是会坚持使用自定义 WordPress 主题和插件,甚至更多自定义的基于 Django 的解决方案,用于我现在正在进行的网站改造。

同意。Windows 8 最糟糕的部分是,你甚至无法分辨,什么是简单的图片,什么又是按钮。

我实际上还没有玩过 Metro UI,所以我真的没有那方面的意见。

您经常使用和喜欢的触摸友好型 UI 是什么(为什么?)

最后,您是希望使用 WP 插件还是自定义的基于 Django 的代码,来向内容编辑者或最终用户(或两者兼而有之?)呈现触摸 UI?

我对 Metro 的主要问题是,在很多方面,它不仅牺牲了桌面可用性,还牺牲了普遍适用的原则,以艺术风格的名义。

例如,虽然文章中的屏幕截图看起来没有那么糟糕,但 Windows 8 事实上的官方 Metro 外观和感觉的实现并没有清楚地表明,哪些东西会响应点击/触摸,哪些不会。

该屏幕截图中避免的另一个问题是,动态磁贴如何使快速识别特定应用程序变得困难,以便您可以点击/触摸它。

最后,就个人品味而言,我只是认为扁平化设计是对过度拟物化的巨大过度反应,并且使用它是同样大的设计错误。

至于我经常使用的触摸友好型 UI,环境因素使我只能为他人使用而使用它们。

当我外出或需要测试我的作品之一时,我会使用它们,并且我会从朋友或家人那里借用智能手机,但我发现的唯一便携式设备是旧的 600Mhz 版本的 OpenPandora 掌上电脑,它的优点超过了缺点,值得我自己拥有,它


  • ...使用电阻式触摸屏(手写笔/指甲,没有多点触控。对粗手指触摸没有反应。)

  • ...运行带有 普通 Xfce 桌面 的 Ångstrom Linux(面向鼠标的 UI,字体和图标设置比旧的 800x600 时代的默认值更大,并且启用了单次点击模式)

  • ...具有硬件键盘和 D-pad 映射到箭头键,箭头键通常用于 UI 导航

我也没有任何像平板电脑 PC 这样的家用设备,因为我对屏幕上的污迹有点强迫症,而且我的 Sony PRS-505 电子书阅读器仍然运行良好。

感谢您的参与!

我已经十多年没有使用过任何 Windows 产品了,我想知道我会怎么想。我将不得不摆弄一些 Metro 设备,看看我的体验如何。

我没有参与 Magnolia 5 UI 的设计过程,但我正在帮助制定用户界面指南,因此我没有设计师那么偏见,但我仍然比第一次看到界面的第三方非开发人员更偏见。:) 我的初步体验是,如果某些东西看起来是可点击的,那么它就是可点击的。直到我偶然做了一些触摸操作(例如在活动应用程序之间滑动),我才对它们感到直观。您是否有兴趣下载 Magnolia 5 并试用一下?

我不明白您所说的“...动态磁贴使快速识别特定应用程序变得困难,以便您可以点击/触摸它”是什么意思。您能用其他术语解释一下吗?

(编辑:啊哈。您的意思是类似“在 Metro UI 中,动态磁贴使其变得困难”,而不是“在 Magnolia 5 中,...”,因为我们不使用动态磁贴(但谁知道呢,我们可能会在少数情况下使用,例如在日历应用程序中,它会在其图标上显示当前日期。)

就我个人而言,我对拟物化没有强烈的赞成/反对立场。我更像是一个实现狂——我通常会选择对某些违反所有“规则”的出色实现,而不是遵循当前最佳实践的平庸实现。

不,我不想在我的手机和我的桌面上使用相同的界面。它们服务于不同的目的并完成不同的任务。用户体验设计师什么时候才能重新学习这个非常基本的概念?

感谢您的评论!

这向我表明,我们应该更加强调用户界面在具有不同外形尺寸的设备之间如何变化。

如果您查看 Magnolia 5 屏幕截图库页面 http://www.magnolia-cms.com/magnolia-cms/on-the-pulse/gallery.html 中的最后两张图片,您可以看到一个示例,说明我们如何根据用户使用的设备更改向用户显示哪些控件。

您的设计团队,像当今许多其他团队一样,仍然不明白。人们不需要占用桌面如此多空间的 UI。人们不需要将自己置于交互中心的 UI。

如果计算机的操作系统和 UI 妨碍了最终用户及其任务,那么它们就未能满足其最基本的要求。操作系统和 UI 需要促进每个人以自己的节奏、以自己的方式工作的能力。

每一个。单个。受平板电脑启发的。UI。当它被强加到桌面上时,都未能满足这个非常基本的要求。桌面是_不同_的。它们用于_创造_,而不是消费。UI 必须尽可能地不妨碍用户。当必须调用它时,它必须是可发现的。任何其他东西都是令人恼火的分心。

顺便说一句,我还没有看到一个受平板电脑启发的 UI 能够优雅地处理多显示器设置。您的可以吗?

感谢您分享您的意见!但是,我确实感觉到,这并非基于使用过该软件。您是否尝试过最新的 alpha 版本

我很乐意讨论这些要点,但我认为重要的是要知道,我们每个人都从相似的参考点出发。

同意。您必须在移动设备上使用的小屏幕迫使 GUI 变得简单 - 但这实际上限制了可用性和生产力,而不是增强了它们。任何在办公室工作的人,谁会愿意在 iPhone 上度过整个工作日?当然不会。您需要一个舒适的键盘和鼠标,以及您可以放在桌面上最大的屏幕,或者两个。桌面最佳 GUI 设计仍然是功能丰富、组织良好且可发现的设计。移动设备和桌面计算是两个非常不同的领域。

有多少人,他们花费整个工作日进行网站设计,当他们可以在配备大屏幕和符合人体工程学的键盘的 PC 上工作时,会选择在平板电脑上进行设计?这听起来像是一个为解决问题而寻找的解决方案。我再说一遍 - 隐藏功能和简化功能对任何人都没有好处。简化通过降低初始学习曲线来创造一种虚假的改进感。但是,使用任何系统的时间越长,学习曲线就越不重要,而功能变得越重要。

感谢您的评论!

正如comment-11511中提到的,我们应该在文章中更多地强调我们如何根据用户使用的设备来调整管理界面。

此外,人们不会将管理界面用于设计或开发工作——有不同的界面用于此。相反,人们将使用我们在本文中重点介绍的界面来发布和管理内容。想想这样的用例:经理从他们的移动设备上批准发布一篇新文章,或者某人在会议楼层漫游时创建简短的文章。

开源桌面管理器开发人员正在“追逐金钱”,但他们没有明确的想法或策略来追逐什么金钱。这只是一堆“我也是”,我想像苹果一样。别忘了苹果是一个封闭的花园生态系统,这与开源的许多价值背道而驰。Linux 游戏开发人员看待 UI 膨胀的方式与办公应用开发人员不同。游戏开发人员在他们想要开发哪种类型的游戏(更休闲还是更硬核)方面存在分歧。

感谢您的评论!

虽然苹果在每个人的关注范围内,但它们与我们处于相当不同的空间。如果我们试图采用苹果的策略,那将是误入歧途,因为我们没有相同的资源,并且我们的价值观截然不同。

但是,我们确实钦佩苹果在 iPhone 上所做的事情——那是一个了不起的变革者,值得研究。

嗨!我是来自 Magnolia 的 Zak。感谢您的评论!反馈,无论是赞扬还是其他,总是很有趣的。我们这里的一些人一直在关注评论,并想知道是否有任何我们应该参与的事情。虽然我们大多数人都像疯了一样在 Magnolia 5 上工作,但我很乐意与感兴趣的人聊聊这个。我将浏览人们所说的话,在我认为我有问题或补充的地方发表评论,然后在另一条评论中做一个快速总结。

因此,通读评论,感觉我们没有在文章中充分展示我们正在做的事情。下次吸取教训。

如果还有其他评论,我很高兴听到。此外,我很好奇想知道谁已经深入到运行 alpha 版本(http://dev.magnolia-cms.com/blog/2012/12/magnolia-5-0-alpha-1-at-your-service/)的程度。即使您不是 Java 大师,它也是一个非常快速的设置,并且可以让您更好地了解我们所做的事情。

Creative Commons License本作品根据知识共享署名-相同方式共享 3.0 未本地化许可协议获得许可。
© . All rights reserved.