如何在 2022年為 iPad 設(shè)計(jì)應(yīng)用程序

自2010年發(fā)布第一款 iPad 以來(lái)，這款輕巧的大屏幕設(shè)備在每次迭代中都獲得了更強(qiáng)大的硬件。它使開(kāi)發(fā)人員有機(jī)會(huì)創(chuàng)建各種應(yīng)用程序，從精美的圖形密集型游戲到 Apple Pencil 支持的繪圖應(yīng)用程序。iPad 甚至可以運(yùn)行我們這些天從未想象過(guò)的東西。

如何使應(yīng)用程序適應(yīng) iPad？

在調(diào)整您當(dāng)前的 iPad 應(yīng)用程序時(shí)，您應(yīng)該圍繞兩個(gè)目標(biāo)或檢查點(diǎn)，具體取決于應(yīng)用程序及其用途：布局和用戶交互。

設(shè)計(jì)和布局應(yīng)用適配

您能說(shuō)出下面屏幕中的用戶體驗(yàn)有什么問(wèn)題嗎？
我們可以看到一個(gè)帶有主屏幕的標(biāo)簽欄應(yīng)用程序，并且放大的 iPhone 界面實(shí)際上并不能正常工作。通過(guò)幾個(gè)簡(jiǎn)單的步驟，我們可以讓這個(gè)應(yīng)用程序更容易導(dǎo)航并以更好的方式利用空間。

側(cè)邊欄

自 iPad IOS 13 以來(lái)，iPad 應(yīng)用程序有兩個(gè)寬度等級(jí)——常規(guī)和緊湊。

緊湊的尺寸用于滑動(dòng)應(yīng)用程序。這意味著如果這個(gè)應(yīng)用程序恰好以其緊湊的寬度顯示，側(cè)邊欄將永遠(yuǎn)不會(huì)出現(xiàn)，用戶將在選項(xiàng)卡中導(dǎo)航。但是，一旦任何應(yīng)用程序處于其拆分視圖或全尺寸，側(cè)邊欄就是要走的路。
應(yīng)用程序不應(yīng)該同時(shí)使用側(cè)邊欄和標(biāo)簽欄，因?yàn)檫@可能會(huì)讓用戶感到困惑。根據(jù)應(yīng)用程序?qū)挾葓?jiān)持一個(gè)選項(xiàng)。
讓我們添加側(cè)邊欄。
iPad IOS 14 中，側(cè)邊欄不僅可以顯示導(dǎo)航，還可以由用戶自定義。例如，用戶只需將喜愛(ài)的藝術(shù)家拖放到側(cè)邊欄中，即可輕松訪問(wèn)最重要的內(nèi)容。驚人的！
側(cè)邊欄可以使用自動(dòng)出現(xiàn)的按鈕進(jìn)行切換，之后將顯示視圖的完整大小。但是，如果您想以縱向模式訪問(wèn)它，則必須從左側(cè)滑動(dòng)到屏幕，它會(huì)自行呈現(xiàn)。
側(cè)邊欄的最佳用例是快速輕松地訪問(wèn)重要內(nèi)容。不要深入層次結(jié)構(gòu)，因?yàn)檫@種 UI 不適合。

內(nèi)容大小

在談?wù)搩?nèi)容大小時(shí)，請(qǐng)始終考慮以一種可以盡可能多地以令人賞心悅目和可讀的方式顯示它。
下一個(gè)屏幕顯示您應(yīng)該避免的事情。
想象一下?lián)碛幸慌_(tái) 12.9 英寸的 iPad Pro 并且一次只能看到六張專輯。這有意義嗎？如果我告訴你，通過(guò)一個(gè)簡(jiǎn)單的可讀性規(guī)則，你可以在一個(gè)屏幕上放置更多內(nèi)容，而無(wú)需強(qiáng)迫用戶一次滾動(dòng)瀏覽六件事？
這是它的工作原理。

上下文

這與模態(tài)框和彈出框有很大關(guān)系。如果可能，應(yīng)避免使用模態(tài)，除非使用它們確實(shí)有意義。他們的動(dòng)作可以更好地呈現(xiàn)為彈出框或簡(jiǎn)單的工具欄。
任一選項(xiàng)的最終結(jié)果都是停留在您當(dāng)前所在屏幕的相同上下文中。
例如，在上面的屏幕中使用模式根本沒(méi)有意義。由于這些動(dòng)作背后的內(nèi)容受到它們的直接影響，因此表示它們的最佳方式是在它們所應(yīng)用的同一上下文中。
現(xiàn)在，唯一剩下的就是檢查是否有足夠的空間來(lái)放置它們。在這種情況下，答案是肯定的。

用戶交互

使用 iPad 的可能性從未如此之多。過(guò)去只是一個(gè)多點(diǎn)觸控設(shè)備，現(xiàn)在支持鉛筆、鍵盤(pán)和鼠標(biāo)。
這意味著您可以輕松地將鍵盤(pán)快捷鍵集成到您的應(yīng)用程序中。您還可以組合多個(gè)交互來(lái)實(shí)現(xiàn)特定的使用功能。例如，鍵盤(pán)和鼠標(biāo)的組合可用于選擇項(xiàng)目，就像我們多年來(lái)在 mac IOS 上所做的那樣。

用 iPad iOS 14 擁抱新的設(shè)計(jì)時(shí)代

跟我重復(fù)一遍：偉大的 iPad 應(yīng)用程序不應(yīng)該是 Mac 和 iPhone 之間的愛(ài)孩子，停留在 2016 年。
即使不能在每個(gè)應(yīng)用程序或應(yīng)用程序的每個(gè)屏幕上應(yīng)用自適應(yīng)，但重新組織用戶界面以創(chuàng)建更好的用戶體驗(yàn)可能比您想象的要容易。
因此，添加該側(cè)邊欄并允許用戶對(duì)其進(jìn)行自定義以更快地訪問(wèn)他們喜愛(ài)的內(nèi)容，并在開(kāi)發(fā)下一個(gè) iPad 應(yīng)用程序時(shí)利用新的交互方法來(lái)補(bǔ)充新的可用性選項(xiàng)。