決定應用程式方法

在用戶啟動您的應用程式時,他們應該感受到何種體驗?您將提供多少層的瀏覽頁?您的應用程式將會有水平或垂直方向,或者手機和平板電腦版本有不同的方向?您的瀏覽頁應該有什麼外觀?

您可以建立不同類型的應用程式體驗。請考慮查看現有的應用程式以獲得靈感。請參閱「AEM Mobile 的創作資源」中的使用案例和範例清單。

 

流程圖

應用程式設計影片

Andrei Ganci 和 Martin Hecko 在 Adobe MAX 2015 會議上講授了下列教學課程:

設計殺手級的行動應用程式體驗 (1:15:32)

針對平板電腦和手機使用不同的設計嗎?

當您建立專案時,可以決定要針對手機和平板電腦使用相同的頂層系列,或是不同的頂層系列。針對平板電腦和手機使用不同頂層系列的主要原因,是為了新增不同內容至平板電腦和手機。例如,您的平板電腦應用程式可能會包含水平文章,而手機可能會包含垂直文章。請參閱「建立 AEM Mobile 的專案」。

如果您想要針對平板電腦和手機使用相同的內容,但是要指定不同的瀏覽頁版面,您可以使用手機和平板電腦適用的不同轉譯來建立版面範本。請參閱「建立卡片和版面:版面轉譯」。

決定您想要針對手機和平板電腦使用不同的設計,還是不同的內容
決定您是否想要針對手機和平板電腦使用不同的內容。

為您的應用程式建立內容

您可以使用隨選入口網站的「內容與版面」區段來新增將用於應用程式的文章、橫幅和系列。將內容和系列放入專案有助於您試驗不同的瀏覽頁設計。

決定您要用於文章檔案的格式。例如,您可以建立可重排的 HTML 文章,也可以根據來源 InDesign 文件建立固定版面文章。請參閱「編寫 AEM Mobile 內容的方法」。

當您建立系列時,請選擇設定以決定它們應該開啟至瀏覽頁 (具有版面和卡片) 或內容檢視 (顯示系列的第一篇文章)。

將文章新增至您的專案
將文章新增至您的專案。

建立「首頁」系列

當用戶啟動您的應用程式時,應該要感受到何種初步體驗?請將某個系列確定為「首頁」系列。這個系列並沒有特別之處,只是必須成為頂層系列中的第一個項目而已。

將項目新增至首頁系列。首頁系列可以是橫幅、文章和其他系列的任何組合。您將在建立卡片和版面時決定這些項目的外觀。

您是否想要讓用戶能夠向左和向右滑動來切換頂層系列中的不同項目?如果是,請選取「啟用水平滑動來瀏覽內容」選項。如果您取消選取此選項,用戶就必須點選卡片或使用應用程式選單來跳至不同的內容。

決定您的頂層內容

當您建立專案時,可以指出要針對手機和平板電腦使用相同或不同的頂層系列。如果您針對手機和平板電腦使用相同的頂層系列,名為「預設」的系列就會出現在入口網站的「系列」區段中。如果您針對手機和平板電腦使用不同的頂層系列,名為「預設手機」和「預設平板電腦」的系列就會出現在「系列」區段中。

使用這些系列來決定頂層內容。這個頂層系列中的第一個項目應該是您的首頁系列。其他任何項目都會出現在應用程式選單中。此外,如果您在首頁系列中選取了「啟用水平滑動來瀏覽內容」選項,從首頁系列向左和向右滑動就可以循環檢視其他頂層內容。

如需詳細資訊,請參閱「在 AEM Mobile 中管理系列」。

註解:

即使頂層系列沒有在應用程式中顯示成瀏覽頁,仍然必須提供產品 ID 和系列影像。

管理系列
在此範例中,頂層系列 (「預設平板電腦」) 中的第一個項目會是「首頁」系列。

應用程式選單顯示
應用程式選單會顯示品牌影像 (在專案設定中指定)、新增至頂層系列的項目,以及帳戶選項。

有了內容對應,您就可以拖放項目來變更應用程式結構。

建立卡片和版面

您可以將版面套用至每個系列以決定系列瀏覽頁的外觀。每個版面都包含許多卡片,卡片代表橫幅、文章或其他系列等內容。您可以針對不同種類的系列建立不同的版面。

如需有關建立卡片的詳細資訊,請參閱「建立卡片和版面」。

具有 5 欄版面的瀏覽頁範例
具有 5 欄版面的瀏覽頁範例

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策