カバーを閉じたまま必要な情報を一目で、より少ない手数で操作するには。

Dot View は、前面がドットマトリクスになったフリップケースです。閉じたカバー越しに時刻、天気、着信相手を表示するので、よくある問いは何も開けずに答えが出ます。

私はコンパニオンアプリの UI と画面遷移、目に見えるドットでできたディスプレイに合うモーション、そして製品に人格を与えるマイクロインタラクションとホリデーアニメーションを担当しました。この仕事は機能と同じくらい性格の問題でした。保護性能だけで戦う 2014 年のフリップケースには、語ることが何もありません。

キービジュアル

• サードパーティの IM 通知が未対応。 著作権上の制限で表示できませんでした——「通知を一目で」が提案そのものである製品で。
• 機種ごとにセンサ位置が違う。 Dot View はホールセンサが磁石を読む仕組みですが、新機種ごとにその位置が動き、カバーの窓が覚える位置もずれます。
• 誤作動。 閉じられたことに反応するカバーは、ポケットの中でも反応します。対策のジェスチャーを設計しましたが、それでもユーザーから報告が届き続けました。

IM ベンダーを避けるのではなく、直接組む道を選びました——Google、Facebook、Line、WhatsApp、WeChat。各社の通知アイコンを Dot View のスタイルで描き直し、人が実際に受け取っている通知がやっと表示できるようになりました。

センサ問題には ID と機構設計と協力して機種ごとに UI 位置を調整し、主要機能は位置が動いても成立するアイコニックな画面に寄せました。地味な半分ですが、「その人が持っている端末で動くか」を決めたのはこちらです。

ワイヤーフレーム — 01

ワイヤーフレーム — 02

ワイヤーフレーム — 03

ワイヤーフレーム — 04

カバー UI — 時刻・天気・通知

サードパーティ通知

近づく祝日や誕生日をシステムが見つけ、その日のための装いになります。中心のアニメーションはホーム画面で、残りの2つは着信画面とメディアコントロールに現れるので、その日は壁紙に座っているのではなく、操作についてきます。

新年 — ホーム

新年 — 通知

新年 — 着信

バレンタイン — ホーム

バレンタイン — 通知

バレンタイン — 着信

エイプリルフール — ホーム

エイプリルフール — 通知

エイプリルフール — 着信

母の日 — ホーム

母の日 — 通知

母の日 — 着信

父の日 — ホーム

父の日 — 通知

父の日 — 着信

ハロウィン — ホーム

ハロウィン — 通知

ハロウィン — 着信

クリスマス — ホーム

クリスマス — 通知

クリスマス — 着信

旧正月 — ホーム

旧正月 — 通知

旧正月 — 着信

Dot View 2.0 向けの3テーマ。いずれも同じ3つの面でアニメーションします。

スペースシャトル — ホーム

スペースシャトル — 通知

スペースシャトル — 着信

熱気球 — ホーム

熱気球 — 通知

熱気球 — 着信

ナイトライフ — ホーム

ナイトライフ — 通知

ナイトライフ — 着信

Dot View は好意的に受け入れられ、The Verge や CNET も新機能とコンパニオンアプリを取り上げました。ソースコードも公開され、開発者が独自のアプリやテーマを作れるようになりました。

• 誤作動は残りました。 防止用のジェスチャーを設計したにもかかわらず報告は続きました。設計を見直し、アプリ更新で低減しましたが、解消ではなく緩和です。
• 学びは、自分の専門の外に出ること。 UX デザイナーとワイヤーフレームを、ID・CMF とハードウェア適合を、エンジニアと実現性を。自分を理解してもらうべき相手の幅が広がったことが、仕事の精度を上げました。