为 Web 创建更佳移动界面的 5 个技巧

移动革命改变了用户对其与不同产品交互方式的期望。为了满足这些改变的期望，用户体验 (UX) 设计师需要进行大量的重新思考。Magnolia 首席执行官 Pascal Mangold 在一篇关于移动革命如何挑战开源产品界面的文章中最近探讨了这一趋势，并解释了开源企业级 Java 内容管理系统 Magnolia CMS 如何重新设计其基于 Web 的界面，从而为其用户提供创新的全新“触摸驱动”内容管理体验。

我是 Magnolia 的首席 UX 设计师，我的座右铭是让软件使用起来充满乐趣。以下是在为 Web 构建移动界面时获得成功的五个技巧。

• 由于屏幕空间和资源有限，因此请专注于基本要素。 简而言之，屏幕越小，空间越小。为移动设备设计用户界面迫使 UX 设计师和利益相关者思考用户在使用移动设备时最需要什么，并将界面精简到这些基本要素。 
• 将单体工作流程分解为任务。 确保您的 UI 以一种使处理特定的单个任务变得容易的方式构建。一种方法（当然，还有其他方法）是使用应用程序。应用程序之所以受欢迎，是因为它们允许用户专注于手头的特定工作。
• 让用户界面个性化变得容易。 在向移动设备交付内容时，使界面个性化至关重要。用户始终随身携带这些设备，使其成为个人物品。用户界面应通过适应性和可定制性来反映这一点，以满足公司和用户的需求。
• 不要在浏览器中重新创建原生应用程序的界面。 这样做注定要失败。Web 应用程序偏离原生应用程序的外观和感觉是可以的。但是，请记住，正如用户由于移动革命而产生新的期望一样，他们对 Web 应用程序也有一定的期望——支持重要状态或屏幕的浏览器书签、历史记录支持以及对浏览器后退和前进按钮的支持。
• 不要害怕在支持设备时有所选择。 首先支持流行的设备，而忽略其他设备。在许多情况下，深入研究少数设备的 UX 比交付在所有设备上都能运行的平均 UX 更有益。原因是并非所有移动设备都是相同的——智能手机的设计与平板电脑的设计截然不同。每个设备类别都需要自己的定制界面，例如不同的导航。

想看看这些技巧的实际应用吗？看看新 Magnolia 5.0 UI 的一些屏幕截图，或深入研究 Magnolia 的 UX Wiki，Andreas Weder 在其中揭示了令人兴奋的 UX 方面，例如 Magnolia 5 的样式指南。