ThinkappsのBuild Blogは、Appleの新型スマートウォッチ上で人気のサードパーティ製アプリがどのように表示されるかを示したデザイナーによるモックアップをいくつか公開しました。興味深い結果が出ています。アプリは複数のデザイナーによって作成されており、各アプリは、より小型化されたウェアラブルUIやデジタルクラウンなどの新しい入力デバイスに適合しながらも、期待されるブランドイメージとデザインをある程度維持していることがわかります。

上はFacebook Messengerのデザインです。円形の連絡先写真とオンラインインジケーターが並ぶ連絡先画面は、時計のホーム画面によく似ています。メッセージ画面には返信ボタンが1つあり、おそらくデバイスに内蔵されたディクテーション機能を使って返信を作成していると思われます。

以下では、Beats Music、Skype、Uber、YouTubeなどのアプリのデザインをご紹介します。これらのデザインは公式ではありませんが、来年初めにクパチーノでApple Watchが発売される際に目にするであろうユーザーインターフェースを象徴しています。

Apple傘下のBeats MusicのApple Watch版とされる説は、iOS版の特徴である「再生中」画面のデザインと丸いジャンル表示バブルを踏襲しています。Apple WatchのUIの大部分も円形を採用しているため、円形のデザイン言語はApple Watchに無理なく溶け込んでいます。

SkypeのデザインはiPhoneと同様の着信コントロールを採用しており、丸い「承諾」と「拒否」ボタンはスマートフォンのものとほぼ同一です。多くのApple Watchのデザインと同様に、UI全体に円が配置されています。受信したテキストメッセージには、ネイティブSMSやiMessageと同様に、定型文を使った返信や音声入力で返信できます。

Yelpのミニバージョンは、一般的な円形のインターフェース要素を廃し、より密度の高い情報を提供しています。ネイティブの音声入力機能と地図表示に加え、店舗の電話番号、場所、評価、営業時間などにすぐにアクセスできる概要画面も備えています。

Tinderアプリには2つの異なるデザインが公開されました。1つ目は写真に円を使用し、一部の標準ウォッチフェイスのように画面の隅にコントロールを配置しています。アプリの特徴であるスワイプ操作はそのまま残され、メッセージシステムはネイティブのテキストメッセージングソリューションと同様に、組み込みの返信機能とディクテーション機能を組み合わせています。

2つ目のデザインは、一部の要素に対して異なるアプローチを採用しています。スワイプ機能はありますが、その他のほとんどの操作は、コントロールセンターのようなメニューに配置されています。このメニューは下からスライドアップし、同名の組み込み機能のように機能する「落書き」機能を使用するためのオプションを表示します。

YouTubeのデザインは円形のサムネイルをグリッド状に並べていますが、残念ながら動画には最適な形状とは言えません。このグリッド上の動画をタップするとプレーヤーが開き、YouTubeお馴染みの赤い再生ボタンとプログレスバーに加え、再生回数カウンター、動画の高評価・低評価、音量調整用のボタンが表示されます。このような小さな画面で大量のYouTube動画を視聴しようとするユーザーはほとんどいないでしょうが、気軽に視聴するには十分でしょう。

Beatsの競合であるSpotifyのApple Watch向けモックアップは、再生中画面に似たデザインを採用していますが、類似点はそれだけです。Spotifyアプリでは、ジャンルを絞り込んで選択するのではなく、アーティストのフルリストを使用していますが、小さな画面では表示が見にくく、タップしにくい可能性があります。アルバムアートワークはより見やすいグリッド表示になっており、時計にはより適したデザインに思えます。

Uber Watchアプリのモックアップは、OS独自のデザインを多く維持しながらも、OSと見事に調和しています。検索の進行状況やドライバーの写真などを表示する円形のディスプレイはOSにうまく溶け込み、画面は大部分がすっきりと整頓されています。ユーザーは場所を音声で指定し、手首のデバイスでドライバーの評価や車両の情報を確認した後、概要画面から直接ドライバーを呼び出すことができます。

Lyftの配車サービスもThinkappsのデザイナーによってモックアップ化されましたが、Uber版ほど洗練されたインターフェースではありません。画面の大部分は大きな正方形の画像で構成されており、おそらくスワイプすることで次の画像に移動できると思われます。「Lyftをリクエスト」という単一の画面で、車両、ドライバー、そして目的地を簡単に確認できます。

MovesアプリをApple Watchにフィットさせるために、大きな変更は必要ありませんでした。iPhone版アプリは既にアイコンを含め、円を多用しています。今回必要なのは、既存の画面を小さなディスプレイに収めることだけでした。ほんのわずかな調整を加えるだけで、アプリはApple Watchに違和感なく馴染むようになりました。

Pinterestのモックアップは、iPhone版の見た目やApple Watchのデザイン言語とはあまり合致していません。文字だらけのメニューは時計にはあまりフィットせず、小さなコントロールはほとんどの画面下部のコントロールバーに詰め込まれています。Pinterestは全体として、手首で閲覧したいタイプのサービスとは思えません。おそらく、画像の多用と大量のテキスト表示の必要性が原因でしょう。どちらもこのサイズではうまく機能しません。

デザイナーが各モックアップに何を意図していたかについてさらに詳しく知るには、Thinkapps ブログにアクセスしてください。

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

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