WWDC21 Apple Design Awards

ハイライト

2021 Apple Design Awards では、包括性、喜びと楽しさ、インタラクション、社会的影響、ビジュアルとグラフィックス、イノベーションという 6 つのデザインの側面が再開されます。各ディメンションによってアプリとゲームの勝者が選択されます。

主要内容

デザイン賞は簡単に受賞者のリストに変わります。 WWDC21 Apple Design Awards の焦点はより明確です。Apple は「優れたデザイン」を議論可能な 6 つの側面に分類し、開発者が実際のアプリやゲームで各側面がどのように見えるかを確認できるようにしています。

まず判断基準から始めましょう。ソフトウェア設計は難しいです。開発者は最初に問題を特定し、次にユーザーがすぐに理解できるように複雑なエクスペリエンスを単純化する必要があるからです。審査員がデザインについて語るとき、彼らは外観だけでなく、それがどのように機能するか、どのように入力されるか、ユーザーが配慮されていると感じるかどうか、そして体験が手の中のデバイス上で自然に展開されるかどうかにも焦点を当てます。

2021 年にカテゴリの選択を再開した後、Apple はカテゴリごとに 1 つのアプリと 1 つのゲームを選択します。この構造により、コントラストがよりダイレクトになります。 Voice Dream Reader と HoloVista は包括性を実証し、CARROT Weather と Bird Alone は双方向性を実証し、NaadSadhana と League of Legends: Wild Rift は革新性を実証します。これらに共通しているのは、言語の数、VoiceOver の品質、動的効果の削減、毎日のインタラクション時間、タッチ キャンセル ジェスチャ、リアルタイムのピッチ フィードバックなど、抽象的な値が具体的な決定に組み込まれることです。

このセッションにはコード スニペットが含まれていないため、製品設計のチェックリストとして読むのに適しています。最初の起動プロセスにアクセシビリティ機能を統合したり、情報表示にトーンの選択肢を追加したり、複雑なタッチ操作のキャンセル パスを設計したり、ユーザーがインターフェースの外で製品の個性を感じられるようにしたりするなど、勝利の理由はそれぞれ開発タスクに変えることができます。

詳細

6 つのカテゴリにより、設計に関する議論が実用的になります

(02:12) Apple は、2021 Apple Design Awards の復帰カテゴリーとして、包括性、喜びと楽しさ、インタラクション、社会的影響、ビジュアルとグラフィックス、イノベーションを発表しました。裁判官らは、分類の価値は議論のためにいくつかの重要な性質を分離することにあると強調した。

キーポイント:

• インクルージョンは、ローカリゼーション、VoiceOver、Dynamic Type、Reduced Motion など、「誰がエクスペリエンスに参加できるか」に焦点を当てています。
• ツールの予期せぬ使い方や思い出に残る瞬間に重点を置き、「ユーザーが戻ってくる理由」に楽しくて焦点を当てます。 ・インタラクションは「操作が意図の裏に隠れているか」を重視し、デバイスやタスクに合わせた入力方法を選択する。 -社会的影響は、「その製品が現実の生活を改善するかどうか」に焦点を当てており、個人またはコミュニティに持続的な価値を生み出すことができなければなりません。
• ビジュアルとグラフィックは「体験の第一印象」を重視し、色、アイコン、フォント、3D モデル、レンダリング、フレームレートのすべてが製品の特徴を事前に伝えます。
• イノベーションは「古い問題に対する新しい解決策」に焦点を当てます。中心となるのは、摩擦を減らし、かつては面倒だった作業を簡単にすることです。

包括性: より多くの人が最初に体験に参加できるようにする

(02:43) Apple の包括性についての説明は非常に具体的です。優れたアプリやゲームでは、できるだけ多くの人がその体験に参加できるようにする必要があります。逐語的にレイアウトされたパスには、広範な言語ローカリゼーション、VoiceOver とダイナミック タイプのサポート、動きに敏感なユーザー向けの Reduced Motion が含まれています。

(03:55) アプリの勝者 Voice Dream Reader は、テキスト読み上げを核となるエクスペリエンスにします。レビュー担当者は、優れた VoiceOver 実装があり、コントラストの増減、行と単語の間隔の調整、特定のフレーズのハイライトなど、テキストをカスタマイズする機能を提供していると述べています。これらの設定は、弱視ユーザーや失読症を持つユーザーが資料を読むのに役立ちます。また、26 の言語にローカライズされています。

(04:33) ゲーム優勝者の HoloVista は、ジャイロスコープを使用して 3D 空間をキャプチャする複合現実ゲームです。テキストの読みやすさ、色の読みやすさ、動きの感度、カメラの制御方法などのアクセシビリティ コントロールを提供し、体験の開始前に感覚的および認知的要求に関連する視覚的な警告を表示します。

キーポイント:

• Voice Dream Reader は、デフォルトのテキスト スタイルのみに依存するのではなく、読み上げ設定を調整できるようにすることに重点を置いています。
• HoloVista の焦点は、ユーザーが設定を探すコストを削減するために、事前に補助機能を提供することです。
• 開発者にとって、インクルージョンは、言語範囲、テキスト レンダリング、モーションとカメラの制御という 3 つの入り口から始めることができます。

楽しさと楽しさ: 小さな瞬間を思い出に残しましょう

(05:21) 審査員は喜びと楽しさを「手元にあるツールを予期せぬ方法で使用すること」と表現しました。軽いゲームや本格的なアプリの特定の詳細に表示されることがあります。重要なのは、ユーザーの一日を本当に輝かせる使い方をすることです。

(06:26) ゲームの勝者であるリトル オルフェウスは、音楽、キャラクター ストーリー、そして思い出に残る瞬間を作り出すために突然現れる小さなサプライズに依存しています。審査員らは、ジュール・ヴェルヌの小説が現実になった作品だと評した。

(07:06) App Winner Pok Pok は、子供向けのサンドボックスおもちゃアプリです。それは、子供たちに何か面白いものを作りたいという一組の親の当初の意図から生まれました。レビュー者は、初めて使用したとき、さまざまな小さなおもちゃで 1 時間以上遊びました。

キーポイント:

• 楽しみはワンショットのアニメーションではなく、探索可能な空間から得られることが多いです。
• サンドボックスおもちゃの価値は、勝つか負けるかという一定のプレッシャーなしに、ユーザーが何度も試したり失敗したりできることです。
• 子供向けの体験には、保護者が最初にユーザーに同行することが多いため、大人のケアも必要です。

インタラクション: 入力方法をユーザーの意図に適合させる

(08:00) インタラクション カテゴリは、ユーザーがどのようにアプリ内を移動し、フィードバックを取得し、キーボード、ジェスチャー、Apple Pencil などの入力方法を使用してタスクを完了するかに焦点を当てています。審査員らは、優れたインタラクションはデザインをユーザーの意図から遠ざけると述べた。

(09:23) アプリの優勝者 CARROT Weather のハイライトは、擬人化とプラットフォームのタッチポイントです。ユーザーはホーム画面に天気ウィジェットを配置し、複数の文字盤を Apple Watch に追加できます。天気予報のトーンは辛口からプロフェッショナルまで調整でき、体験全体を通して個性が生まれます。

(10:22) 受賞歴のあるゲーム Bird Alone は、起動後すぐにどこをクリックしてスライドするかをユーザーに指示します。また、1 日あたりのインタラクションの量も制限されるため、プレイヤーは毎日短い時間しか鳥と過ごすことができません。この適度な設定により、ゲームは常に注意を必要とする To Do リストではなく、仲間であるかのように感じられます。

キーポイント:

• インタラクション デザインでは、「何が行われたか」と「何が起こらなかったのか」に関するフィードバックをカバーする必要があります。
• CARROT Weather のアプローチは、情報ベースのアプリでも、トーン、ウィジェット、時計のタッチ ポイントを通じて継続的なエクスペリエンスを形成できることを示しています。
• Bird Alone の 1 日あたりの制限量は、交友、瞑想、学習、健康製品に適しています。

社会的影響: 製品の機能をコミュニティの価値に結びつける

(11:15) 社会的影響カテゴリーでは、テクノロジーが人々の生活を改善し、コミュニティに永続的な価値を生み出すのに役立つかどうかに焦点を当てています。審査員らはこれを「あまり聞かれない音の増幅」と関連付けた。

(12:04) アプリの優勝者 Be My Eyes では、ボランティアが視覚障害者がビデオを通じて周囲の物体を識別できるように支援しています。受賞理由は簡単です。提供される支援が明確かつ具体的であり、人々が互いに支え合うストーリーが数多く生み出されているからです。

(12:43) ゲームの勝者 Alba: a Wildlife Adventure は、自然保護区を守る 11 歳の少女の物語です。プレイヤーはゴミを拾い、署名活動をし、野生動物の写真を撮り、標識を修復することで、徐々にコミュニティにこの自然空間を再び大切にするようになっていきます。

キーポイント:

• 社会的影響を与える製品は、「誰を助けるか」を明確に示し、価値あるスローガンに留まることを避ける必要があります。
• Be My Eyes のタスクは非常に細かく、オブジェクトを特定し、差し迫った問題を解決します。
• Alba は環境問題をプレイ可能なアクションに分解し、プレイヤーが継続的な小さなタスクを通じてコミュニティの変化を理解できるようにします。

ビジュアルとグラフィック: 一目で体験の質を伝える

(13:28) 審査員は、ビジョンとグラフィックスを経験の玄関口と呼びました。色、アイコン スタイル、フォントの選択、3D モデルの品質、レンダリング方法、フレーム レートは、ユーザーがテキストを読んだり実際に操作したりする前に、すでに情報を伝えています。

(14:11) アプリの勝者 Loóna は、3D モデルに色を付けたり、プロのナレーションによるストーリーを聞いたりすることで、ユーザーのペースを緩め、落ち着かせ、睡眠の準備を支援します。

(14:45) ゲーム賞を受賞した『原神』は、広大な景色、寺院の内部、魔法と戦闘の特殊効果、アニメテクスチャのキャラクター スタイルに依存した強力なビジュアル アイデンティティを確立しました。

キーポイント:

• ビジュアルの品質は 1 枚のスクリーンショットでは問題になりませんが、製品のリズムと信頼性に対するユーザーの判断に影響します。
• Loóna は、3D カラーリング、音声ナレーション、就寝時のシーンを結び付けて、視覚的にリラクゼーションの目標を達成します。
• 原神の価値は、世界、キャラクター、特殊効果が同じスタイル システムを維持していることです。

イノベーション: 古い問題の摩擦を軽減

(15:25) 審査員は、イノベーションとは、遠いアイデアを組み合わせて古い問題を新しい方法で解決することであると説明しました。摩擦が減って楽になるかどうかが基準です。

(16:20) アプリ優勝者の NaadSadhana は、インドの古典音楽の練習と即興演奏を対象としています。歌手が正しいピッチで歌っているかどうかをリアルタイムにフィードバックすることができ、音の音色や強さに応じて伴奏のリズムを調整することもできます。歌えば歌うほどリズムが強くなります。

(17:10) ゲームの勝者であるリーグ オブ レジェンド: ワイルド リフトは、iPhone と iPad に複雑な MOBA エクスペリエンスをもたらします。レビュアーは特に、戦闘中にスキルを画面の隅までスライドさせてリリースをキャンセルするなど、プレイヤーがタッチスクリーン上で繊細な操作を維持できるようにするカスタムタッチコントロールについて言及しました。

キーポイント:

• NaadSadhana の革新性は、リアルタイムのフィードバックと伴奏の適応によってもたらされるため、実践者は立ち止まって結果を待つ必要がありません。
• Wild Rift の革新性は、PC コントロールをコピーするのではなく、入力モデルを再設計することで生まれます。
• 複雑なソフトウェアをタッチ デバイスに移植する場合は、キャンセル、フォールト トレランス、フィードバック、および到達可能性を優先する必要があります。

重要ポイント

1. アクセシビリティを最初の起動ページにします: 手順: 初回起動時に、テキスト サイズ、コントラスト、モーション効果の軽減、カメラ制御方法などのオプションを表示します。その価値がある理由: HoloVista の引用では、ユーザーがヘルプを見つけるために最初に深い設定に飛び込む必要がないように、正面向きのプレゼンテーションと視覚的な警告が強調されています。開始方法: オンボーディングに「エクスペリエンス設定」のページを追加し、ライブ プレビューを提供し、選択内容をアプリ内の読み取り、アニメーション、およびカメラ制御モジュールに同期します。

2. トーンを調整できる情報インターフェースを作成する: 何をするか: 天気予報、会計、ToDo、健康リマインダー、その他の情報ベースのアプリが、プロフェッショナルでリラックスした、ユーモアのある、その他のコピーライティングのトーンを提供できるようにします。実行する価値がある理由: CARROT Weather は、同じメッセージが擬人化を通じてブランドの記憶を形成できることを証明しています。開始方法: まず、コア プロンプトのコピーをトーン ディクショナリに抽出し、次に設定ページでセグメント化されたコントロールを提供します。すべてのウィジェットとウォッチの表示は、同じトーン選択セットを再利用します。

3. 1 日あたりの制限のあるカンパニー モード: やるべきこと: 瞑想、学習、ペットの飼育、日記アプリ用に、1 日あたりの回数または期間が固定されたインタラクティブ ウィンドウをデザインします。実行する価値がある理由: Bird Alone は短いインタラクションを通じて期待を生み出し、製品が常に注目を集めるのを防ぎます。開始方法: その日のインタラクションの数と最後の完了時間を記録します。限界を超えたら、タスクを積み続けるのではなく、明日への次のステップを示します。

4. リアルタイムの練習フィードバックの作成: 機能: 歌、音読、言語学習、およびスピーチの練習に対して、リアルタイムのピッチ、リズム、強さのフィードバックを提供します。価値がある理由: NaadSadhana は、インドの古典音楽の練習を知覚可能な即時ループに変えるため、ユーザーはどこを調整する必要があるかを知るために練習の終了を待つ必要がありません。開始方法: マイク入力を収集し、まず利用可能な最小のリアルタイム波形とピッチ キューを作成し、次にフィードバック結果をマッピングしてリズムまたは伴奏の強さを練習します。

5. 複雑なタッチ操作のキャンセル パス: やるべきこと: ドラッグ、照準、バッチ編集、マップ注釈などの操作に対する明確なキャンセル ジェスチャと視覚的なフィードバックを設計します。これを行う価値がある理由: Wild Rift は隅に向かってスキルをスライドさせることでスキルをキャンセルし、小さな画面での偶発的なタッチや正確なリリースのストレスを排除します。開始方法: 簡単に元に戻すことができないすべてのタッチ アクションをリストし、各アクションに表示されるキャンセル領域、触覚フィードバック、リリース前のプレビューを追加します。

関連セッション

• 発見可能なデザイン — ユーザーがアプリの機能を理解できるように、探索可能で記憶に残るオンボーディングを使用する方法を説明します。
• インクルーシブ デザインの実践 — インターフェイス、言語、画像、マーケティング資料からインクルーシブ デザインの実践を説明します。
• スタイルを使用してインターフェイスを構築する — ボタン スタイル、コンテンツ構成、およびアクセシビリティを備えた反復インターフェイスのプレビューを示します。
• SwiftUI アクセシビリティ: 基本を超えて — SwiftUI アクセシビリティ、カスタム コントロール、グループ化、フォーカス、ローターについて詳しく説明します。
• ショートカット、Siri、提案に最適なアクションをデザインする — ショートカット、Siri、提案で呼び出すことができるアプリのアクションをデザインします。