旅遊應用程式

此旅遊應用程式概念書說明 Windows 8.1 的虛構旅遊應用程式。您可以檢閱本主題的案例以及查看如何在應用程式中利用 Microsoft 設計語言,獲得您自己的旅遊應用程式的設計靈感。

旅遊應用程式案例

本主題說明的旅遊應用程式使用 Microsoft 設計功能,為使用者建立具有吸引力的旅行經驗。

引起興趣預約報到
動態磚和瀏覽的影像旅遊應用程式的影像快顯通知的影像

 

引起使用者的興趣並吸引他們的注意

您可以使用動態磚吸引使用者使用您的應用程式,而使用分享協定可輕鬆地將您的內容傳播給他人。依照這個案例進行,了解如何讓您的旅遊應用程式能夠吸引使用者的注意。

動態磚和瀏覽的大型影像

Ben 選擇加入 Wigtip Destinations 應用程式動態磚,現在有一個海濱度假的產品吸引了他的目光。

含動態磚的開始功能表影像

啟動應用程式之後,Ben 按一下該項海濱度假產品。

含各項產品的旅遊應用程式的影像

Ben 選擇 Contoso Beaches 產品進一步了解。

旅行產品的影像

Ben 喜歡這個產品的感覺,因此決定和朋友分享。

旅行產品和分享常用鍵的影像

 

動態磚和分享的摘要

在第一個案例中,我們看到...

  • 動態磚透過顯示與使用者相關資訊的方式 (包括選擇加入產品的能力),吸引使用者繼續使用您的應用程式。
  • 您可以將內容做為分享來源,Windows 8.1 會讓您與其他應用程式、電子郵件和社交網路聯繫。

如需動態磚和分享的相關資訊,請參閱下列內容:

預約旅行

您可以使用應用程式列和語意式縮放讓您的內容更出色,同時為使用者提供一致的方式瀏覽您的應用程式。

預約旅行的影像

Ben 啟動 Wingtip Destinations 應用程式,然後輸入他要旅行的城市。應用程式已經知道他目前的位置。

含有目的地的地圖影像

以觸控方式和滑鼠都可以輕鬆使用日曆。

日曆頁面的影像

應用程式列為 Ben 提供不同的方式來檢視、篩選及排序航班選項。

應用程式列和航班選項的影像

Ben 比較在意費用,因此決定依價格檢視結果。

旅行選項和價格的影像

Ben 使用語意式縮放取得不同的資料檢視。

航班選項價格的縮小影像

Ben 檢視他的旅遊行程、輸入乘客資訊、選擇座位,然後輸入付款詳細資料,這些全部都在一個步驟完成。現在他可以先儲存旅程之後再做其他處理,或是開始預約車票。

旅遊應用程式旅程儀表板的影像

Ben 決定預約車票,完成他的購買。

旅遊應用程式旅遊行程頁面的影像

 

預約旅行的摘要

在第二個案例中,我們看到...

  • 您的內容會在前景中顯示為命令,而瀏覽會放置於應用程式列中。
  • 語意式縮放允許使用者以不同方式檢視資料。
  • 您可以使用「地理位置」讓應用程式成為定位感知的應用程式。

為協助您的應用程式選擇最佳的瀏覽模式,請參閱瀏覽模式

如需了解此功能的運作情形,請參閱應用程式功能,從開始到完成系列中的單層瀏覽模式

如需應用程式列、語意式縮放及定位感知應用程式的相關資訊,請參閱下列內容:

通知與列印

您可以使用 Windows 8.1 生態系統與使用者通訊。

快顯通知的影像

當來自 Wingtip Destinations 的快顯通知告知 Ben 現在是報到的時候,他正忙於工作。

快顯通知的影像

Ben 按一下快顯通知,該通知會將他深入連結到報到頁面。他進行報到手續並列印登機證。

旅遊應用程式報到頁面的影像

 

通知與列印的摘要

在第三個案例中,我們看到...

  • 快顯通知會深入連結到您的應用程式,讓您有機會可以使用內容重新吸引使用者。
  • 您可以在應用程式中利用整個 Windows 生態系統,包含像是印表機等裝置。

如需快顯通知與列印的相關資訊,請參閱下列內容:

探索可能性

Windows 8.1 的全新功能可讓您的應用程式更出色。

例如,新增搜尋方塊會讓使用者搜尋您應用程式的內容,新增搜尋協定則讓使用者從任何其他應用程式搜尋您應用程式的內容。如需詳細資訊,請參閱搜尋範例搜尋指導方針

搜尋運作方式的影像

認識 Windows 市集應用程式
Windows 市集應用程式的 UX 指導方針
快顯通知的指導方針和檢查清單
快顯通知範例
動態磚範例
動態磚指導方針
AppBar 指導方針
AppBar 範例 (HTML)
AppBar 範例 (XAML)
語意式縮放範例 (C#/VB/C++)
語意式縮放範例 (JavaScript)
語意式縮放指導方針
列印指導方針
列印範例
定位感知應用程式的指導方針
地理位置範例
搜尋範例
搜尋指導方針
分享來源範例
分享目標範例
分享指導方針

 

 

顯示:
© 2015 Microsoft