确定应用程序方法

当您启动应用程序时,用户应获得怎样的体验?您将提供多少个级别的浏览页面?您的应用程序将具有水平方向还是垂直方向,或者是否对手机和平板电脑具有不同的方向?您的浏览页面具有什么样的外观?

您可以创建不同类型的应用程序体验。可考虑通过查看现有应用程序来获得创意。有关使用案例和示例的列表,请参阅 适用于 AEM Mobile 的创意资源

 

流程图

应用程序设计视频

Andrei Ganci 和 Martin Hecko 在 Adobe MAX 2015 会议上做了以下讲座:

设计令人动心的移动应用程序体验 (1:15:32)

对平板电脑和手机使用不同的设计?

当您创建项目时,您应确定将对手机和平板电脑使用相同的顶级集合还是不同的顶级集合。对平板电脑和手机使用单独的顶层集合的主要原因是,向平板电脑和手机添加不同内容。例如,平板电脑应用程序可以包含水平文章,手机可以包含垂直文章。请参阅创建适用于 AEM Mobile 的项目

如果要对平板电脑和手机使用相同的内容,但指定不同浏览页面布局,则可以创建让手机和平板电脑具有不同再现的布局模板。请参阅创建卡和布局:布局再现

决定是否要对手机和平板电脑使用不同的设计或内容
决定是否要对手机和平板电脑使用不同的内容。

创建面向您的应用程序的内容

使用点播门户的“内容和布局”部分添加您将在应用程序中使用的文章、横幅和集合。将内容和集合部署到项目中将帮助您试验不同的浏览页面设计。

确定要用于文章文件的格式。例如,您可以创建可重排的 HTML 文章,也可以基于源 InDesign 文档创建固定布局文章。请参阅创作 AEM Mobile 内容的方法

当您创建集合时,请选择一个设置,用来确定集合应打开到“浏览页面”(具有布局和卡)还是“内容视图”(显示集合的第一篇文章)。

将文章添加到项目
将文章添加到项目。

创建“主”集合

当用户启动您的应用程序时,初始体验应该是怎样的?请标识将作为您的“主”集合的集合。此集合没有什么特别的。它只需要是顶级集合中的第一个项目。

将项目添加到主集合。它可以是横幅、文章和其他集合的任意组合。您将在创建卡和布局时确定这些项目的外观。

是否希望用户能够向左向右轻扫以浏览顶级中的不同项目?如果是,请选择“启用水平轻扫以导航内容”选项。如果取消选择此选项,用户需要点击卡或使用应用程序菜单才能跳转到不同内容。

确保顶级内容

当您创建项目时,您应指示要手机和平板电脑使用相同的顶级集合还是不同的顶级集合。如果对手机和平板电脑使用相同的顶级集合,名为“default”的集合将显示在门户网站的“集合”部分中。如果对手机和平板电脑使用不同的顶级集合,名为“default phone”和“default tablet”的集合将显示在“集合”部分中。

使用这些集合确定顶级内容。此顶级集合中的第一个项目应为主集合。所有其他项目将显示在应用程序菜单中。此外,如果选择了主集合中的“启用水平轻扫以导航内容”选项,则从主集合向左向右轻扫可循环浏览其他顶级内容。

有关详细信息,请参阅管理 AEM Mobile 中的集合

注意:

即使顶级集合不以浏览页面的形式显示在应用程序中,仍需要提供产品 ID 和集合图像。

管理集合
在此示例中,顶级集合中的第一个项目(“默认平板电脑”)为“主”集合。

应用程序菜单显示
应用程序菜单将显示品牌图像(在项目设置中指定)、添加到顶级集合的项目以及帐户选项。

利用内容映射,您可以拖放项目以更改应用程序结构。

创建卡和布局

您将布局应用于每个集合以确定集合浏览页面的外观。每个布局都由表示内容(横幅、文章或其他集合)的卡组成。您可以为不同类型的集合创建不同的布局。

有关创建卡的更多信息,请参阅创建卡和布局

具有 5 列布局的示例浏览页面
具有 5 列布局的示例浏览页面

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略