過去数年間の WWDC プレゼンテーションで私が気に入っていたのは、思慮深い UI 設計とプロトタイピングに焦点を当てたものだったので、同じトピックが新しい Today at Apple セッションの焦点になると聞いて、自分でも試してみたくなりました。

Appleのリテール担当シニアバイスプレジデント、アンジェラ・アーレンツ氏は、先週金曜日、サンノゼで開催されたWWDC 2018の閉幕後、ツイートでこの新しいセッションを発表しました。Today at Appleは、Appleの全直営店で毎日開催されるクリエイティブな無料プログラムです。このプログラムは、わずか1年ちょっと前に世界中で展開されました。 

新しいプロトタイピングセッションと、それに類似した「Teacher Tuesday」プログラムが、今週、一部の小売店でひっそりと開始され、今後数日で拡大していく予定です。最初のセッションの一つは、木曜日の午後、ワウワトサのApple Mayfairで開催され、私は弟と一緒に参加しました。イベントリストがカレンダーに追加されたばかりだったので、セッションは私たちだけで行われました。 

店の奥にあるフォーラムのテーブルに集まり、iPad ProとApple Pencilが配られました。セッションをリードするクリエイティブ担当のクリスチャンが、これらのツールを使った経験について尋ねました。兄は中学生の頃、プレゼンテーションにKeynoteを使っていましたし、私もWWDCの関連講演を視聴していましたが、二人ともアプリを自分で作ったことはありませんでした。これまでプロトタイピングはmacOS版のKeynoteでしか見たことがなかったので、iPadでどのようにプロトタイピングができるようになるのか興味がありました。 

まず、WWDCの「Fake It Till You Make It」セッションで示されたものと似た図を用いて議論しました。これは、モックアップを作成し、他の人に見せ、得られたフィードバックから学ぶというプロトタイピングサイクルを概説したものです。開発プロセスの初期段階でデザインを優先することで、より良いユーザーエクスペリエンスを実現できます。 

大手から中小企業まで、プロトタイピング専用のツールがひしめき合う競争の激しい環境において、Keynoteは驚くほど堅牢です。クリスチャン氏によると、現在のKeynoteアプリでさえ、以前のバージョンでプロトタイプが作成されたとのことです。私がこれまで使ってきた他のツールと比べて、Keynoteははるかに習得しやすいツールです。プレゼンテーション作成に慣れている人なら、すぐに使い方がわかるでしょう。さらに、iPhone、iPad、Mac、そしてWeb上で無料で利用できます。

Appleが試作用にフードオーダーアプリのテンプレートを用意してくれていたのを見て安心しました。弟も私も、まだアイデアが浮かんでいなかったからです。もしアプリのプランを既に持っているなら、一歩先を行くことができます。私たちは真っ白なスライドに、Apple Pencilを使ってデザインのアイデアをスケッチするところから始めました。

私のデザインのプロトタイプと Apple のテンプレート。

以前Appleストアで短時間試用した以外では、今回初めてApple Pencilでスケッチを実際に体験しました。驚くほど楽しかったです。私たち全員に共通していた不満は、KeynoteでPencilを使ってオブジェクトを選択できないことでした。偶然かもしれませんが、同じ日の午後にKeynoteのアップデートがリリースされ、その機能が追加されたのです。 

アイデアを共有した後、次のスライドに移りました。そこにはAppleが用意してくれたUI要素とKeynoteに組み込まれたオブジェクトを使って、デザインを構築するためのキャンバスが用意されていました。ディスプレイは3つのセクションに分かれており、参考用のiOSメッセージアプリのスクリーンショット、iPhone Xサイズの空白の長方形、そしてアイコン、テキスト、UI要素が詰め込まれたサンドボックスが表示されていました。これらの要素を複製し、配置を調整することで、その後25分ほどかけてアプリの画面をいくつか作成しました。

Apple の Keynote 用デザインキット。

このプロセスは、再利用できる正確で適切にフォーマットされたUI要素が数多く存在するかどうかに大きく左右されました。これらのアセットはKeynoteのデフォルトのシェイプライブラリには含まれていません。幸いなことに、Appleは最近iOS 12のデザインリソースを更新し、Keynoteでのプロトタイピングに特化したキットを追加しました。セッションでは説明されていませんでしたが、ダウンロードを強くお勧めします。

デザインを作り上げた後、図形やオブジェクトを他のスライドにリンクさせることで、実際のアプリのインタラクションをシミュレーションしました。その後、開発中のコンセプトを発表しました。その間、店舗の他の従業員の多くがセッションを見に立ち寄り、どんな内容なのか興味津々でした。クリスチャンは、Appleがアプリ開発とデザインに関するセッションの充実を図っていることを説明し、Swiftを使ったプログラミングの基礎を深く学ぶ他のプログラムを勧めてくれました。

兄の初期のスケッチとデザインのプロトタイプ。

プロトタイピングのプロセスには既に慣れていたので、セッションに臨むにあたって、特に新しいことは学べないだろうし、1時間ではトピックを網羅するには長すぎるだろうと思っていました。セッションが終わる頃には、アイコンを微調整したり新しいレイアウトを試したりするために「あと5分だけ！」と密かに願っていました。とても楽しかったのです！iPad ProとApple Pencilは、プロトタイピングにまさにうってつけの組み合わせだと感じました。アプリのデザインとプレビューは、実際に使用するディスプレイと同じタイプのディスプレイで行うことが最も理にかなっていますし、iOSのKeynoteの機能セットに不便を感じることもありませんでした。

セッション終了後、作業したテンプレートをAirDropで各自のデバイスに送信し、自宅でデザインを続けることができました。以前のプログラムで保存した作品を基に、より高度なコースでプロトタイピングシリーズが続いたら面白いと思います。弟がToday at Appleのセッションにもう一度参加したいと言っていました。

おすすめの関連WWDCセッション:

• プロトタイピング：成功するまで偽装する（2014）
• 未来のハードウェアのための設計（2015）
• 反復的なUIデザイン（2016）
• 60秒プロトタイピング（2017）
• ボタンの人生（2018） 
• ARのプロトタイピング（2018）

Apple のニュースをもっと知りたい場合は、YouTube の 9to5Mac をご覧ください。

havebin.com を Google ニュース フィードに追加します。 

FTC: 収益を生み出す自動アフィリエイトリンクを使用しています。詳細はこちら。