一旦您的應(yīng)用程序上線，您就可以歡迎新用戶并與返回的新用戶重新建立聯(lián)系。 快速、有趣且具有教育意義的新手指南可以幫助用戶充分利用他們的應(yīng)用程序，而不會(huì)妨礙他們。

提供初學(xué)者指南，幫助人們享受您的應(yīng)用程序，而不僅僅是設(shè)置它。 用戶很高興有機(jī)會(huì)詳細(xì)了解您的應(yīng)用程序，但他們也希望它能正常工作。 因此，要防止設(shè)置或權(quán)限信息出現(xiàn)在菜鳥(niǎo)指南中。 快點(diǎn)進(jìn)去。 在系統(tǒng)用初始屏幕替換初始屏幕后，用戶應(yīng)該能夠直接介入并開(kāi)始享受您的應(yīng)用程序。 如果你必須提供教程和指南，不一定要提供跳過(guò)它們的方法，但不要向老用戶展示它們。 想象一下用戶可能需要的幫助。 積極尋找并思考用戶可能會(huì)陷入困境的地方。 如：在游戲暫?；蚪巧珱](méi)有前進(jìn)時(shí)顯示一些有用的提示。 允許用戶重播教程，以防他們?cè)谑状芜M(jìn)入應(yīng)用程序時(shí)錯(cuò)過(guò)任何內(nèi)容。 突出教程中的要點(diǎn)。 為新用戶提供入職培訓(xùn)很好，但這并不能使它成為一個(gè)偉大的應(yīng)用程序。 一個(gè)好的應(yīng)用程序應(yīng)該是直觀和自然的。 如果您的應(yīng)用程序需要太多指導(dǎo)，請(qǐng)重新考慮/反映您的設(shè)計(jì)。 讓學(xué)習(xí)變得有趣和可發(fā)現(xiàn)。 邊做邊學(xué)比閱讀一長(zhǎng)串說(shuō)明更有趣、更有效。 在上下文中，使用動(dòng)畫(huà)和交互性逐步引導(dǎo)用戶。 防止顯示看似交互式的屏幕截圖。 3.加載（）

空白或靜態(tài)屏幕會(huì)使您的應(yīng)用程序在加載內(nèi)容時(shí)看起來(lái)像是已關(guān)閉，從而導(dǎo)致用戶感到困惑和沮喪，甚至離開(kāi)應(yīng)用程序。

指示加載狀態(tài)。 至少，應(yīng)該有一個(gè)加載圖標(biāo)來(lái)傳達(dá)正在發(fā)生的事情。 更好的辦法是：用類似進(jìn)度條的方法，顯示一個(gè)清晰的進(jìn)度，讓用戶自己判斷需要等多久。 盡早顯示內(nèi)容。 不要讓用戶在聽(tīng)到屏幕上的內(nèi)容之前等待內(nèi)容加載。 您可以使用占位符文本、圖形或動(dòng)畫(huà)來(lái)告訴用戶該區(qū)域的內(nèi)容尚未加載。 加載完內(nèi)容后直接替換那些占位符元素。 后臺(tái)也盡量使用。 比如在播放動(dòng)畫(huà)或者用戶操作導(dǎo)航欄的tab時(shí)，后臺(tái)會(huì)預(yù)加載正式播放顯示的內(nèi)容。 使用引導(dǎo)或娛樂(lè)的形式來(lái)隱藏加載時(shí)間。 例如，很多游戲、視頻應(yīng)用等，可以放一段有趣的動(dòng)畫(huà)或占位圖片作為加載提示，以緩解用戶的焦慮。 自定義加載屏幕。 雖然可以使用系統(tǒng)默認(rèn)的進(jìn)度條，但有時(shí)會(huì)感覺(jué)格格不入，甚至?xí)c應(yīng)用的風(fēng)格格格不入。 設(shè)計(jì)師可以考慮使用與應(yīng)用風(fēng)格相匹配的自定義動(dòng)畫(huà)或元素進(jìn)行設(shè)計(jì)，這將為用戶帶來(lái)更身臨其境的體驗(yàn)。 四、模態(tài)()

模態(tài)是一種設(shè)計(jì)方法。 它通常作為臨時(shí)方法出現(xiàn)在頁(yè)面中，與用戶的初始上下文有顯著差異。 需要清除操作才能退出。 模態(tài)是指：

iOS 提供了警報(bào)、活動(dòng)視圖（或共享表）和操作表的樣式，您可以在應(yīng)用程序的特定情況下使用這些樣式。 為了在您的應(yīng)用中呈現(xiàn)自定義模態(tài)內(nèi)容，iOS13 及更高版本支持以下兩種呈現(xiàn)方式：

1.（卡片彈窗）

工作表演示樣式顯示為覆蓋在頁(yè)面上的卡片。 未被覆蓋的區(qū)域變暗并且難以交互。 父視圖或上一張卡片的底部邊緣在當(dāng)前卡片旁邊可見(jiàn)，這有助于人們記住打開(kāi)卡片時(shí)他們暫停的任務(wù)。 人們通過(guò)以下方式關(guān)閉卡片：

工作表常用于非強(qiáng)迫性模式和無(wú)法完成復(fù)雜任務(wù)的內(nèi)容。

2.全屏

全屏演示風(fēng)格包含整個(gè)屏幕。 以前的視圖被完全覆蓋，最大限度地減少視覺(jué)干擾。 人們通過(guò)單擊按鈕關(guān)閉全屏模式視圖。

使用全屏模式查看身臨其境的內(nèi)容，如視頻、照片或 DSLR 視圖，或執(zhí)行受益于全屏演示的復(fù)雜任務(wù)（如標(biāo)記文檔或編輯照片）。

如果您使用當(dāng)前的上下文模態(tài)視圖樣式在拆分視圖窗格、彈出窗口或其他非全屏視圖中顯示模態(tài)內(nèi)容，則在緊湊環(huán)境中顯示模態(tài)內(nèi)容時(shí)應(yīng)切換為使用工作表。

模態(tài)設(shè)計(jì)規(guī)范如下：

應(yīng)在適當(dāng)?shù)臅r(shí)候使用模態(tài)。 僅當(dāng)需要將用戶的注意力集中在做出選擇或執(zhí)行與當(dāng)前任務(wù)不同的任務(wù)時(shí)，才創(chuàng)建模態(tài)體驗(yàn)。 模態(tài)體驗(yàn)讓用戶離開(kāi)當(dāng)前頁(yè)面并要求用戶主動(dòng)關(guān)閉，因此只有在創(chuàng)建模態(tài)體驗(yàn)有明顯好處時(shí)才使用它。 僅在傳達(dá)重要信息或操作時(shí)使用警告框。 通常，彈出警告框表示出現(xiàn)問(wèn)題。 警告框會(huì)中斷體驗(yàn)，可以通過(guò)單擊將其關(guān)閉。 所以要讓用戶覺(jué)得中斷是必要的，否則不要隨意使用。 保持模式上的任務(wù)簡(jiǎn)單且集中。 不要在您的應(yīng)用內(nèi)創(chuàng)建另一個(gè)應(yīng)用。 如果模態(tài)任務(wù)太復(fù)雜，那么當(dāng)用戶進(jìn)入模態(tài)視圖時(shí)，他們可能會(huì)忽略之前掛起的任務(wù)。 在創(chuàng)建涉及視圖層次結(jié)構(gòu)的模態(tài)任務(wù)時(shí)要特別小心，因?yàn)槿藗兛赡軙?huì)迷路并忘記如何跟蹤他們的步驟。 如果模態(tài)任務(wù)必須包含子視圖，請(qǐng)?zhí)峁┟鞔_的返回路徑和完成路徑。 除非任務(wù)完成，否則不要使用“完成”按鈕。 還有一個(gè)按鈕可以取消/關(guān)閉模態(tài)視圖。 例如：您可以使用“完成”或“取消”。 至少有一個(gè)按鈕可以確保輔助技術(shù)訪問(wèn)模態(tài)視圖，并關(guān)閉模態(tài)視圖而不是手勢(shì)。 通過(guò)在必要時(shí)在關(guān)閉模態(tài)視圖之前進(jìn)行確認(rèn)來(lái)幫助人們防止數(shù)據(jù)丟失。 無(wú)論人們使用關(guān)閉手勢(shì)還是按鍵關(guān)閉視圖，如果該操作可能導(dǎo)致用戶生成的內(nèi)容丟失，請(qǐng)?zhí)峁┮粋€(gè)操作表來(lái)解釋情況并提供解決方案。 不要讓模態(tài)視圖出現(xiàn)在（彈出窗口）上。 除了警告框，上面不應(yīng)出現(xiàn)任何元素。 在極少數(shù)情況下，當(dāng)用戶在其中執(zhí)行操作后需要使用模態(tài)視圖時(shí)，請(qǐng)?jiān)陲@示模態(tài)視圖之前將其關(guān)閉。 通常為模態(tài)任務(wù)設(shè)置標(biāo)題。 當(dāng)用戶進(jìn)入模態(tài)任務(wù)時(shí)，他們離開(kāi)了上一個(gè)頁(yè)面，因此當(dāng)前后操作清晰連貫時(shí)效果最佳。 您還可以在視圖的其他部分提供更全面地描述任務(wù)或說(shuō)明的文本。 模態(tài)視圖的外觀要與APP風(fēng)格一致。 例如，當(dāng)模態(tài)視圖包含導(dǎo)航欄時(shí)，它應(yīng)該采用與應(yīng)用程序?qū)Ш綑谙嗤男螤睢?為模態(tài)視圖的呈現(xiàn)提供適當(dāng)?shù)倪^(guò)渡動(dòng)畫(huà)。 使用與APP風(fēng)格統(tǒng)一的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)，提高用戶對(duì)內(nèi)容變化的感知。 iOS默認(rèn)的過(guò)渡形式是：模態(tài)視圖從屏幕頂部滑入，關(guān)閉時(shí)滑出。 請(qǐng)注意在整個(gè)應(yīng)用程序中使用一致的模式過(guò)渡樣式。 5. 導(dǎo)航()

用戶通常會(huì)忽略應(yīng)用程序的導(dǎo)航，除非個(gè)別操作不符合他們的期望。 我們的任務(wù)是使導(dǎo)航結(jié)構(gòu)清晰和有目的性，而不會(huì)引起用戶的過(guò)度關(guān)注。 導(dǎo)航在應(yīng)用程序中應(yīng)該變得自然和熟悉，不應(yīng)主導(dǎo)界面或成為頁(yè)面內(nèi)容的焦點(diǎn)。

在 iOS 中，主要有三種導(dǎo)航樣式：

1.分層導(dǎo)航

在到達(dá)目的地之前intellij idea 重置默認(rèn)視圖，每個(gè)屏幕只能做出一個(gè)選擇。 如果要到達(dá)另一個(gè)目的地，則需要原路返回一級(jí)，從原來(lái)的位置進(jìn)行選擇。 iOS 的設(shè)置和 SMS 應(yīng)用程序使用這些導(dǎo)航樣式。

2.橫向?qū)Ш?/p>

為了在不同的內(nèi)容類別之間切換，音樂(lè)和 等兩個(gè)應(yīng)用程序使用這些導(dǎo)航樣式。

3.內(nèi)容驅(qū)動(dòng)或體驗(yàn)驅(qū)動(dòng)的導(dǎo)航

在APP中切換不同內(nèi)容，或由內(nèi)容本身定義導(dǎo)航。 游戲、書(shū)籍和其他沉浸式應(yīng)用程序通常使用這種導(dǎo)航樣式。

一些應(yīng)用程序結(jié)合了多種導(dǎo)航樣式。 例如intellij idea 重置默認(rèn)視圖，使用水平導(dǎo)航的應(yīng)用程序可以在每個(gè)類別中使用分層導(dǎo)航。

導(dǎo)航設(shè)計(jì)規(guī)范如下：

仍然提供清晰明確的路徑。 用戶應(yīng)該知道他們?cè)趹?yīng)用程序中的位置以及如何到達(dá)下一個(gè)目的地。 無(wú)論導(dǎo)航樣式如何，操作路徑都必須合乎邏輯、可預(yù)測(cè)且易于遵循。 通常，一個(gè)頁(yè)面只為用戶提供一個(gè)入口。 如果他們需要在多個(gè)上下文中查看頁(yè)面內(nèi)容，請(qǐng)考慮使用操作表、警告框、彈出氣泡或模式視圖。 設(shè)計(jì)一種信息結(jié)構(gòu)，以便快速輕松地訪問(wèn)內(nèi)容。 為您的 APP 設(shè)計(jì)一個(gè)信息架構(gòu)，以最少的點(diǎn)擊次數(shù)、最少的滑動(dòng)次數(shù)和最少的頁(yè)面數(shù)訪問(wèn)內(nèi)容。 使用手勢(shì)更流暢地切換頁(yè)面。 讓用戶以最小的摩擦在頁(yè)面之間跳轉(zhuǎn)。 例如，您可以讓人們從頁(yè)面的一側(cè)滑動(dòng)以返回上一頁(yè)。 使用標(biāo)準(zhǔn)導(dǎo)航組件。 盡可能使用標(biāo)準(zhǔn)導(dǎo)航控件，例如頁(yè)面控件、選項(xiàng)卡欄、分段控件、表視圖、集合視圖和拆分視圖。 用戶已經(jīng)很熟悉這種控件，這使得用戶更容易使用你的應(yīng)用程序。 使用導(dǎo)航欄遍歷層次結(jié)構(gòu)。 導(dǎo)航欄的標(biāo)題可以顯示當(dāng)前在層次結(jié)構(gòu)中的位置，后退按鈕可以輕松返回到之前的位置。 使用（標(biāo)簽欄）顯示相應(yīng)類別的內(nèi)容或功能。 使用標(biāo)簽欄顯示相應(yīng)類別的內(nèi)容或功能。 選項(xiàng)卡欄允許人們快速輕松地在不同類別之間切換。 在 iPad 上，使用拆分視圖而不是標(biāo)簽欄。 拆分視圖提供與選項(xiàng)卡欄相同的快速導(dǎo)航，同時(shí)利用更大的屏幕。 當(dāng)您有多個(gè)內(nèi)容類型相同的頁(yè)面時(shí)，請(qǐng)使用頁(yè)面控件。 頁(yè)面控件清楚地傳達(dá)了可用頁(yè)面的數(shù)量以及當(dāng)前處于活動(dòng)狀態(tài)的頁(yè)面。 天氣應(yīng)用程序使用頁(yè)面控件來(lái)顯示特定位置的天氣頁(yè)面。 6.請(qǐng)求許可()

APP必須經(jīng)過(guò)用戶授權(quán)才能訪問(wèn)用戶的個(gè)人信息，包括：當(dāng)前位置、日歷、聯(lián)系方式、提醒事項(xiàng)和照片等。盡管用戶可能認(rèn)為APP直接獲取個(gè)人信息可能更方便，但他們也希望能夠自主控制自己的隱私數(shù)據(jù)。

例如：用戶喜歡系統(tǒng)手動(dòng)獲取自己的實(shí)際位置來(lái)標(biāo)記照片或?qū)ふ腋浇耐瑢W(xué)，但又總是希望自己可以選擇關(guān)閉這個(gè)功能。

僅在需要使用 APP 時(shí)才向用戶索取個(gè)人數(shù)據(jù)。 用戶批評(píng)個(gè)人信息請(qǐng)求是正常的，尤其是當(dāng)他們發(fā)現(xiàn)當(dāng)前請(qǐng)求完全沒(méi)有必要時(shí)。 確保僅在用戶絕對(duì)需要使用個(gè)人數(shù)據(jù)時(shí)才提出權(quán)限請(qǐng)求。 例如，應(yīng)用程序可能僅在激活位置跟蹤時(shí)請(qǐng)求用戶的當(dāng)前位置。

說(shuō)明APP需要此類個(gè)人信息的目的。 在系統(tǒng)的權(quán)限請(qǐng)求警告框中提供自定義文本（示例目的字符串）。 使用簡(jiǎn)潔、具體、禮貌的文案，讓用戶感到輕松無(wú)壓力。 不需要在文案中包含APP的名稱——因?yàn)橄到y(tǒng)可以手動(dòng)識(shí)別你的APP并帶入名稱。

僅當(dāng)應(yīng)用程序需要正常運(yùn)行時(shí)才在啟動(dòng)時(shí)請(qǐng)求權(quán)限。 如果很明顯您的應(yīng)用程序依賴于他們的個(gè)人信息來(lái)運(yùn)行，用戶就不會(huì)被請(qǐng)求搞糊??涂了。

不要在不必要時(shí)詢問(wèn)位置信息。 在獲取定位信息之前檢測(cè)系統(tǒng)是否開(kāi)啟了定位服務(wù)。 如果已經(jīng)啟用，可以在用戶真正需要使用該功能時(shí)，用alert框提醒用戶，甚至可以直接省略alert框。

使用系統(tǒng)提供的警告框樣式。 您可以自定義標(biāo)準(zhǔn)權(quán)限警告框中的文本，但不要直接復(fù)制標(biāo)準(zhǔn)警告框行為的提示文本和外觀。

七、設(shè)置項(xiàng)（）

有些應(yīng)用程序可能需要用戶從一開(kāi)始就設(shè)置或配置選項(xiàng)，但大多數(shù)應(yīng)用程序應(yīng)該避免或延遲設(shè)置操作。

一款成功的App可以讓大多數(shù)人從一開(kāi)始就覺(jué)得它好用好用，同時(shí)也提供了一些方便的路徑來(lái)調(diào)整體驗(yàn)。 當(dāng)你的APP能夠滿足大部分用戶的需求時(shí)，你就可以弱化他們對(duì)設(shè)置的需求。

從系統(tǒng)中請(qǐng)求信息。 如果應(yīng)用程序需要有關(guān)用戶、設(shè)備或環(huán)境的信息，請(qǐng)嘗試詢問(wèn)系統(tǒng)而不是直接詢問(wèn)用戶。 例如：如果您想知道用戶的郵政編碼以提供本地選項(xiàng)，您可以要求用戶獲取他們的位置。 如果用戶拒絕訪問(wèn)他們的當(dāng)前位置，優(yōu)雅地退回到自動(dòng)輸入。 仔細(xì)考慮應(yīng)用程序中設(shè)置選項(xiàng)的優(yōu)先級(jí)。 APP首頁(yè)用于放置重點(diǎn)內(nèi)容或常用選項(xiàng)。 二級(jí)頁(yè)面更適合放置只需要不時(shí)修改的選項(xiàng)。 不經(jīng)常修改的配置選項(xiàng)應(yīng)放在系統(tǒng)“設(shè)置”中。 系統(tǒng)的“設(shè)置”應(yīng)用程序是修改系統(tǒng)配置的中心位置，但用戶必須離開(kāi)您的應(yīng)用程序才能到達(dá)“設(shè)置”應(yīng)用程序。 如果能夠直接在APP中調(diào)整設(shè)置會(huì)更方便。 在適當(dāng)?shù)臅r(shí)候提供設(shè)置的快捷方式。 如果應(yīng)用程序包含將用戶引導(dǎo)至“設(shè)置”的文本，例如：“轉(zhuǎn)到設(shè)置>我的應(yīng)用程序>隱私>定位服務(wù)”，它將提供一個(gè)按鈕來(lái)手動(dòng)打開(kāi)定位。

參考：

蘋(píng)果人。

#專欄畫(huà)家#

陌陌公眾號(hào)小武：體驗(yàn)主義，人人都是產(chǎn)品總監(jiān)和專欄作家。 騰訊中級(jí)交互設(shè)計(jì)師，曾任創(chuàng)新工場(chǎng)，新浪微博交互設(shè)計(jì)師。 專注于社會(huì)創(chuàng)新和娛樂(lè)產(chǎn)品設(shè)計(jì)。

如有侵權(quán)請(qǐng)聯(lián)系刪除！