We all know that iPad Pro already has a seriously powerful computing power and that it’s possible to create meaningful stuff with Apple Pen.

我們都知道iPad Pro已經具有強大的計算能力，并且可以使用Apple Pen創建有意義的東西。

But do we really know how to design great apps for iPad taking advantage of this powerful device to offer better experiences for the users?

但是，我們真的知道如何利用這一功能強大的設備為iPad設計出色的應用程序，從而為用戶提供更好的體驗嗎？

At this year’s WWDC, Apple announced many new features for the iPadOS 14 interface and experience. Grant Paul, from the Apple Design Team, reinforces that "just because the iPad is between the iPhone and the Mac, it doesn't mean that is halfway between them, and a great iPad app needs to be dedicated to what is unique and especial about the iPad."

蘋果在今年的WWDC上宣布了iPadOS 14界面和體驗的許多新功能。 蘋果設計團隊的格randint·保羅(Grant Paul)強調： “僅因為iPad位于iPhone和Mac之間，但這并不意味著iPad和iPhone之間處于中間，而出色的iPad應用則必須致力于 獨特和特殊的功能 關于iPad。”

It means that a great iPad app experience is not defined by an adaptive interface that scales to the different window size, but through understanding how to take advantage of the unique capabilities of iPad and its large Multi-Touch display to offer an experience even more distinctive.

這意味著出色的iPad應用體驗不是由適應不同窗口大小的自適應界面定義的，而是通過了解如何利用iPad的獨特功能及其大型Multi-Touch顯示屏來提供更加獨特的體驗來定義的。

So, let’s see how you can do that in your apps.

因此，讓我們看看如何在應用程序中做到這一點。

布局 (Layout)

展平導航 (Flatten your navigation)

Update part of the screen at a time instead of using full-screen transitions.

一次更新部分屏幕，而不使用全屏過渡。

Some interactions that work very well on the iPhone, do not work as well on the iPad, such as large screen transitions. In addition to leaving a large empty space on the screen that could be better used, navigation ends up getting longer and slower.

某些交互在iPhone上效果很好，而在iPad上效果不佳，例如大屏幕過渡。 除了在屏幕上留出較大的空白空間(可以更好地利用它)之外，導航最終變得越來越長和越來越慢。

.

。

.

。

.

。

.

。

顯示更多內容 (Showing more content)

If you have a bigger screen, you’ll need more content to fill it. Now the Photos app has been updated on iPadOS14 bringing the new Sidebar navigation, filling the old empty space with content, such as your photos and also the navigation control on the left.

如果屏幕更大，則需要更多內容來填充它。 現在，iPad OS14上的“照片”應用程序已更新，帶來了新的補充工具欄導航，在舊的空白處填充了內容，例如您的照片以及左側的導航控件。

.

。

And it makes it easier and faster to do things like drag and drop, since the target that you want to drop is already visible on the screen since you start dragging.

而且，由于您要拖放的目標自開始拖動以來已經在屏幕上可見，因此它使拖放操作變得更加輕松快捷。

.

。

保持上下文 (Stay in context)

In iPhone apps it's common to be focused on a specific thing as there isn't much space on the smaller screen.

在iPhone應用程序中，通常專注于特定的事情，因為較小的屏幕上沒有太多的空間。

And on iPadOs 13 it was the same behavior, and you didn’t see anything but the file you were renaming, losing all the context on the screen below.

在iPadO 13上，這是相同的行為，除了重命名的文件之外，您什么都看不到，丟失了下面屏幕上的所有上下文。

But on the iPad we have enough space to show more than one thing at the same time, right?

但是在iPad上，我們有足夠的空間同時顯示多個內容，對嗎？

.

。

.

。

Now, iPadOs 14 brought file renaming in-line, allowing that the rest of the interface still useful when renaming a file. So see if your app is providing people with useful context or if they're blocking other parts of your app. See if it would work better if your controls were at the same level, rather than overlays.

現在，iPadO 14可以在線進行文件重命名，從而在重命名文件時界面的其余部分仍然有用。 因此，請查看您的應用是否向人們提供了有用的上下文信息，或者他們是否阻止了您應用的其他部分。 看看如果控件處于同一級別而不是覆蓋級別，效果是否會更好。

.

。

創造身臨其境的體驗 (Create immersive experiences)

This is about going deep on a specific piece of content. And compared to a Mac, this ability to focus in on a single piece of content is something that’s really unique and special about the iPad.

這是關于深入研究特定的內容。 與Mac相比，這種專注于單個內容的功能在iPad上確實是獨一無二的。

.

。

For example, In Music, the Now Playing screen takes over the entire display, so you can focus on the music and the lyrics that are playing.

例如，在“音樂”中，“正在播放”屏幕將接管整個顯示，因此您可以專注于正在播放的音樂和歌詞。

Like it’s become the piece of content. It leaves your app feeling like more than the sum of its parts.

就像它已成為內容。 它給您的應用帶來的感覺不僅僅是其各個部分的總和。

.

。

輸入項 (Inputs)

The best iPad apps will have support for all these different inputs, from Keyboard, and now, Pencil and Trackpad, exploring what each input does best.

最好的iPad應用程序將支持所有這些不同的輸入，從鍵盤，到現在的鉛筆和觸控板，都將探索每種輸入的最佳性能。

.

。

采用系統功能 (Adopt system features)

So after Multi-Touch, use the built-in features in iPadOS to support all of these other inputs. It's recommended that you add keyboard shortcuts for all common actions in your app for people using a Magic Keyboard or other keyboards.

因此，在進行多點觸控之后，請使用iPadOS中的內置功能來支持所有其他這些輸入。 建議您為使用魔術鍵盤或其他鍵盤的用戶為應用程序中的所有常見操作添加鍵盤快捷鍵。

The iPad now also supports the Trackpad. But most Trackpad support is going to come automatically because all of the built-in controls in iPadOS support the Trackpad already.

iPad現在還支持觸控板。 但是大多數觸控板支持將自動出現，因為iPadOS中的所有內置控件都已支持觸控板。

And finally, make sure to support Scribble with the Apple Pencil. Like pointer support, it gets automatically when you use the system text input controls.

最后，請確保使用Apple Pencil支持Scribble。 像指針支持一樣，當您使用系統文本輸入控件時，它會自動獲取。

.

。

合并多個輸入 (Combine multiple inputs)

A very unique and powerful thing on the iPad is the possibility to combine several entries at the same time, in a single interaction.

iPad上一個非常獨特且功能強大的功能是可以在一次交互中同時合并多個條目。

And in your applications, you can explore this and generate excellent interactions by providing support for the combination of modifier keys with all inputs, such as Touch and Trackpad or Pencil and Touch.

并且，在您的應用程序中，您可以通過將修飾鍵與所有輸入(例如觸摸和觸控板或鉛筆和觸摸)的組合提供支持，來探索并產生出色的交互作用。

.

。

You can, for example, draw an animation much faster by combining the Touch input and Apple Pencil for a great interaction.

例如，通過將Touch輸入和Apple Pencil組合在一起，可以很好地進行交互，從而可以更快地繪制動畫。

.These are some ways to make your application’s interaction more powerful by combining different inputs.

這些是通過組合不同的輸入使應用程序的交互功能更強大的一些方法。

.

。

側邊欄 (Sidebars)

To optimize iPad layouts, one of the key new features in iPadOS 14 is the sidebar.

為了優化iPad的布局，側邊欄是iPadOS 14中的關鍵新功能之一。

Taking a look at Files, for example, the new iPadOS 14 sidebar makes navigation and customization simpler than ever and making navigation simple and fast.

例如，以“文件”為例，新的iPadOS 14側邊欄使導航和自定義比以往任何時候都更加簡單，并使導航既簡單又快速。

And the sidebars in iPadOS are converted into sidebars on MacOS, so they’re perfect for creating the navigational structure of your Catalyst app, too.

而且iPadOS中的側邊欄已轉換為MacOS上的側邊欄，因此它們也非常適合創建Catalyst應用程序的導航結構。

.

。

These are the features you can explore from the new sidebar:

您可以從新的側邊欄中探索以下功能：

• It provides app layouts optimized for iPad.
  它提供了針對iPad優化的應用程序布局。
• It supports both modal and non-modal editing so that your users can quickly navigate to what's most important to them.
  它支持模態和非模態編輯，因此您的用戶可以快速導航到對他們來說最重要的內容。
• It supports drag-and-drop for powerful multi-window and multi-app interactions.
  它支持拖放功能，以實現強大的多窗口和多應用程序交互。
• Its content can be organized into collapsible sections.
  它的內容可以組織成可折疊的部分。
• It can be used as an overlay so that it's always available but never in the way.
  它可以用作覆蓋，因此它始終可用，但絕不妨礙使用。
• You can interact with it using fluid swipe gestures, so bringing it into view or getting it out of the way are fast and easy.
  您可以使用流暢的滑動手勢與之交互，因此將其顯示或移開它既方便又快捷。
• And, finally, it brings the benefit of three-column layouts to all iPads.
  最后，它為所有iPad帶來了三列布局的優勢。

.

。

工具欄 (Toolbars)

Using toolbars is also another great way to optimize your iPad app to make better use of screen space with its interface.

使用工具欄也是優化iPad應用程序以通過其界面更好地利用屏幕空間的另一種好方法。

.

。

.

。

On iPadOS 13, some toolbars took up more space than needed on the screen. So, as we saw earlier, this toolbar doesn’t seem to make a great use of the space.

在iPadOS 13上，某些工具欄占用的空間超過了屏幕上所需的空間。 因此，正如我們前面所看到的，此工具欄似乎并未充分利用空間。

.

。

.

。

.

。

Now on iPadOS 14, a toolbar has been positioned at the top, making a much better use of this large screen.

現在在iPadOS 14上，工具欄位于頂部，可以更好地利用此大屏幕。

However, when there's less room such as in compact-width, these toolbar items stay at the bottom.

但是，當空間較小時(例如緊湊寬度)，這些工具欄項將位于底部。

.

。

.

。

.

。

Now, some quick tips when working on toolbars in your iPad app:

現在，在使用iPad應用程序的工具欄時，一些快速提示：

1. Place toolbar buttons at the top iPadOS

   將工具欄按鈕放在頂部iPadOS上

   Default to placing the toolbar buttons at the top in iPadOS. This is not always possible, but for one, two and three button toolbars, it often is.

   默認情況下，將工具欄按鈕放在iPadOS的頂部。 這并非總是可能的，但是對于一個，兩個和三個按鈕工具欄，通常是這樣。

2. In compact-width, move toolbar items to the bottomUse an alternative layout in compact-width to move toolbars items to the bottom when there isn't the room to place them at the top.

   在緊湊寬度中，將工具欄項目移至底部當沒有足夠空間將其頂部放置時，請在緊湊寬度中將工具欄項目移至底部。

.

。

總結 (Recaping)

You need to design your app specifically for the iPad. The ways you can do that are:

您需要專門為iPad設計應用程序。 您可以這樣做：

• Flattening your navigation
  展平導航
• Letting your content fill the display
  讓您的內容充滿顯示
• Showing more content
  顯示更多內容
• Giving users additional context
  為用戶提供其他上下文
• Supporting all of the iPad's inputs: Trackpad, Keyboard, Pencil
  支持iPad的所有輸入：觸控板，鍵盤，鉛筆
• Supporting Multi-Touch, and making them work together for some great interactions
  支持Multi-Touch，并使它們協同工作以實現一些出色的交互
• Using sidebars for really fast navigation rather than tab bars
  使用邊欄進行真正的快速導航，而不是使用標簽欄
• And putting your actions and your controls into the top navigation bar rather than in toolbars at the bottom, to make best use of the iPad's display
  并將您的操作和控件置于頂部導航欄中，而不是置于底部工具欄中，以充分利用iPad的顯示屏

Those new controls are gonna work great in your iPadOS and your Mac Catalyst apps in addition to on the iPhone.

這些新控件除了可以在iPhone上使用外，還可以在iPadOS和Mac Catalyst應用程序中很好地使用。

.

。

“As designers an as developers we need to focus in on what’s best for each platform to make sure that every device and every platform is creating a great experience.” Grant Paul, Apple Design Team.

“作為設計師和開發人員，我們需要專注于每個平臺的最佳選擇，以確保每個設備和每個平臺都能創造出絕佳的體驗。” 蘋果設計團隊Grant Paul。

.

。

我們能想到這一切嗎？ (What can we think of all this?)

With all the changes in iPadOS 14, we saw that everything is approaching an omnichannel experience, and although Apple itself mentions a creation of a specific system for the iPad, it increasingly seems that we are being guided towards a gigantic behavior change.

借助iPadOS 14的所有更改，我們看到了一切都趨近于全渠道的體驗，盡管Apple本身提到了為iPad創建特定系統的過程，但似乎我們正越來越多地被引導走向巨大的行為改變。

What I mean by this is not just an integrated ecosystem, but it seems to be a decision made for years to come, where we will replace our computers for the iPads.

我的意思是，這不僅是一個集成的生態系統，而且這似乎是未來幾年做出的決定，我們將在其中替換iPad的計算機。

This may sound really weird at first, but how many times Apple changed our way to interact with the products, right?

一開始聽起來似乎很奇怪，但是蘋果改變了我們與產品交互方式的次數，對嗎？

And as the campaign itself says, your next computer is not a computer.

正如競選本身所說， 您的下一臺計算機不是計算機 。

.

。

.

。

We are already used to the sidebars, we already know about file management, we also need the portability, with that we will gain even more versatility with a lighter device, we have the keyboard with a trackpad and a new version of the cursor called Pointer, and we also have the Project Catalyst, launched in 2019 to migrate our apps from iPadOS to MacOS. A single multiplatform experience.

我們已經習慣了側邊欄，我們已經了解文件管理，我們還需要可移植性，使用更輕巧的設備將獲得更多功能，我們擁有帶觸控板的鍵盤和名為Pointer的新版本光標，我們還有Project Catalyst，該項目于2019年啟動，將我們的應用程序從iPadOS遷移到MacOS。 一次多平臺體驗。

What can we ask ourselves now is: What can we expect from Apple for the next 5 years? With this speed of evolution, will we still have iMacs or MacBooks as we know them today? How is gonna be our work flow?

現在，我們可以問自己一個問題：在接下來的五年中，我們對蘋果有什么期望？ 有了這樣的發展速度，我們今天仍然會擁有我們所知道的iMac或MacBook嗎？ 我們的工作流程將如何？

.

。

.

。

.

。

ResourcesDesign for iPad Session — WWDC 2020

iPad會議的 資源 設計— WWDC 2020

Two Weeks with iPadOS 14: Redefining the Modern iPad Experience — Mac Stories

iPadOS 14的兩個星期：重新定義現代iPad體驗— Mac故事

iPadOS 14: New App Design, Sidebar, Universal Search Engine And Better Pencil Functionality — Appuals

iPad OS 14：新的應用程序設計，側邊欄，通用搜索引擎和更好的鉛筆功能-Appuals

iPadOS 14 introduces new features designed specifically for iPad — Apple

iPadOS 14引入了專為iPad設計的新功能-Apple

The 5 most important features in iPadOS 14 — iMore

iPadOS 14中5個最重要的功能-iMore

Designed for iPad — Vidit Bhargava

專為iPad設計-Vidit Bhargava

The One Thing Preventing Me From Using My iPad Pro As My Main Computing Device — Charles Tumiotto Jackson

阻止我將iPad Pro用作主要計算設備的一件事-Charles Tumiotto Jackson

How to design your app for the new iPad Pro and Apple Pencil 2.0 — Azhar

如何為新的iPad Pro和Apple Pencil 2.0設計應用程序— Azhar

Little UX crimes, Figma for iPad, resilient design — and more UX this week — Fabricio Teixeira

很少有UX犯罪，適用于iPad的Figma，具有彈性的設計-本周還有更多UX-Fabricio Teixeira