本文主要介紹如何在iOS和Android的兩個設(shè)計規(guī)范中設(shè)計導航，享受?

在過去的幾周里，我們在iOS和Android設(shè)計規(guī)范中介紹了導航控件的內(nèi)容。對照的比較如下表所示：

掌握了這些導航控件，今天我將討論如何在兩個設(shè)計規(guī)范中設(shè)計導航的介紹。

　Material Design Guideline

導航可以組織內(nèi)容，以便用戶可以在應用中更輕松地找到所需內(nèi)容。導航的設(shè)計可以包括頻繁訪問的頁面，設(shè)置選項或您希望用戶執(zhí)行的操作。

您如何選擇最適合您應用的導航類型？您需要首先確定您的用戶是誰，他們?nèi)绾问褂媚鷳玫牡湫吐窂?，以及您希望他們做什么?

例如，如果您正在設(shè)計餐館應用程序，應用程序的用戶可能需要執(zhí)行以下操作：進行預訂，轉(zhuǎn)到在線po菜單（中文更可能是po菜的照片，飼料），或撰寫評論。通過確定大多數(shù)用戶的目標，您可以更好地設(shè)計導航結(jié)構(gòu)以滿足他們的首要任務。

以下詳細說明了如何確定應用程序的導航結(jié)構(gòu)。

　制作任務清單

了解您的用戶是誰以及他們的角色，例如消費者，酒店所有者或記者。找出他們都想要執(zhí)行的最常見任務。

找出您擁有哪些關(guān)鍵用戶以及他們可能會做些什么。

　確定優(yōu)先級

為用戶確定任務的優(yōu)先級：高，中，低。在UI界面中，為這些用戶提供經(jīng)常使用或優(yōu)先處理具有更突出設(shè)計的功能。

根據(jù)用戶需求的變化確定優(yōu)先級。

在為餐館應用程序設(shè)計導航時，優(yōu)先級最高的任務包括：查看酒店信息或查找新酒店

　分組和排序

找出用戶在您的應用中處理的所有流程路徑，并通過研究這些路徑來確定您的導航設(shè)計：

&ndash的;將用戶常用的功能放在導航中的顯著位置;

&ndash的;對關(guān)聯(lián)任務進行分組并使用這些組來確定導航的結(jié)構(gòu)。

無論用戶想要找到新餐館還是查看他們的餐館集合，這兩個操作都指向查看酒店信息。因此，我們需要允許用戶在用戶搜索或查看集合的過程中輕松查看酒店信息。

　拆解

將復雜，大型或混淆的用戶任務分解為較小的用戶任務。這些較小的用戶任務可以更常見，更易于理解，或更好地滿足用戶目標。

例如，搜索這個大任務，分為“按名稱”，“按位置”或“按受歡迎程度”這三個較小的操作，可以作為導航的一部分顯示，您需要添加這些頁面三個操作。

“找一家餐館”的大任務實際上包含許多較小的任務，例如瀏覽附近的餐館，按姓名搜索和按人氣搜索。這些較小的任務更易于用戶搜索。因此，它們應該添加到您的導航設(shè)計中。

　iOS Human Interface Design Guideline

在導航不符合人們的期望（人們感到沮喪）之前，人們不會注意到導航的設(shè)計。設(shè)計人員的任務是設(shè)計一個支持應用程序的體系結(jié)構(gòu)和目的的導航，以便用戶不會注意到它。導航的設(shè)計應該是自然和??熟悉的，不應該主導界面或吸引用戶的注意力遠離內(nèi)容。在iOS中，有三種主要的導航形式：

　層級導航

在頁面的每個級別只選擇一個條目，直到用戶到達其目標頁面。如果要轉(zhuǎn)到另一個目標頁面，用戶必須逐步返回或從頭開始重新選擇。系統(tǒng)中的設(shè)置和郵件使用這種導航形式。

分層導航手勢

　扁平導航

平面導航允許用戶在多個內(nèi)容類別之間切換。系統(tǒng)的音樂和App Store使用這種導航形式。

平面導航手勢

　內(nèi)容驅(qū)動或體驗驅(qū)動導航

這種類型的導航允許用戶自由地在內(nèi)容之間切換，或者內(nèi)容本身定義導航。游戲，書籍和其他沉浸式應用程序通常使用這種形式的導航。

內(nèi)容驅(qū)動或體驗驅(qū)動的導航手勢

某些應用程序結(jié)合了多種導航形式。例如，應用程序的大型框架使用平面導航，并且在每個類別中使用分層導航。

關(guān)于導航，Apple Design Specification提供了以下建議：

總是提供清晰的路徑。用戶應該始終能夠知道它們的位置以及如何到達目標頁面。無論使用何種類型的導航，內(nèi)容的路徑在邏輯上都清晰，可預測且易于掌握，這是至關(guān)重要的。通常，為每個頁面指定唯一的路徑。如果您需要讓用戶在不同情況下看到同一頁面，請考慮使用上拉菜單，警告框，彈出窗口或模態(tài)視圖。

設(shè)計一個能讓用戶快速、容易地到達內(nèi)容的信息結(jié)構(gòu)。仔細組織應用程序的信息結(jié)構(gòu)，以使用最少的交互和頁面（可以攜帶所有信息）。

使用手勢來創(chuàng)造流暢的體驗。允許用戶在操作期間體驗最小的阻力。例如，設(shè)計者可以讓用戶從屏幕邊緣滑動以返回到上一頁。

使用標準的導航控件。用戶已經(jīng)熟悉導航控件，這使他們可以快速了解如何使用您的應用程序。

以上部分介紹了Apple和Google的設(shè)計規(guī)范中的導航設(shè)計。討論讓人們更加了解，歡迎留言。

專欄

新設(shè)計青年，微信公眾號：新設(shè)計青年。每個人都是產(chǎn)品經(jīng)理專欄作家，并獲得“2017年作家獎最佳人氣獎”。愛奇藝高級互動設(shè)計師。德國海龜曾為騰訊微生活，網(wǎng)易，信貸和其他公司工作過。

這篇文章最初發(fā)表。未經(jīng)許可，禁止復制。

該地圖來自Unsplash，基于CC0協(xié)議

« 阿里帶領(lǐng)堅果6億D輪后，激光電視會迎來春天嗎？ | 重慶劍搜G3云推廣艾萬字字幕促銷保證7天上10000 + »