VostokによるMovistar Videoの制作について
私たちVostokはMovistarに依頼され、オンラインビデオやオンラインテレビサービスがどうあるべきかという構想を練り、デザインしました。このページでは、初期のコンセプトから最終デザインに至るまでの概要をまとめています。
ビデオで見るVostokのデザイン観
PDFとスライドショーだけでは十分に紹介することができません。私たちのデザインの背景にある経緯と理由を、明確に伝えられる手段を考えていました。そこで、プロダクトを実際に見て感じて頂けるように、デザインの前提、ユーザーコンテクスト、スクリーン、インタラクションを含めた内容のビデオを制作しました。
他の言語でビデオを見る：
デザインにおける前提
私たちはMovistarと協力し、起点となる明確なコンセプトを決めました。このスライドショーでは、使用背景、構造、入力装置の制約、インタラクションについてまとめています。
PCとテレビのスクリーン
私たちはビジュアルをメインとするサービスを考え出しました。グリッドシステムを使用し、どんなプラットフォームにも対応できる、機能的でエレガントなデザインです。
-
秩序か無秩序か
比率や調和を重視することで一貫性を持たせます。グリッドの使用や、余計なものを一切排除することで、要素が順序よく並び効果的な視覚的構造が生まれました。
-
簡単なアクセス
ユーザーのホームページでは、ユーザーがお気に入りの映画や、録画した番組、アラート、テレビシリーズなどへ簡単にアクセスできるようになっています。アクセス可能なコンテンツは、全て一つの場所にまとまっています。
-
要点を絞る
音と、光を利用したコントラストを利用することで、変更されたものは視覚的に強調されます。意思決定に関わる大切な要素にはハイライトを当てて強調し、他の関係ない要素には陰を与えて目立たなくしています。
-
ビジュアル
スチール写真はどんなテキストよりも多くの情報を与えてくれます。私たちは大抵、頭で考えるよりも先に目で見て、雰囲気や印象を感じ、好きなものを選んでいるものです。
-
確実なシステム構造
透明なクリスタルグリッドシステムは、構造に応じて確実に機能しつつも、遊びや変化に対応できる柔軟さも合わせ持っています。
-
カスタマイズ可能
主要作品を目立つように表示させたり、雰囲気を変えたりする際のカスタマイズは、素早く簡単にできます。構造はそのままで、ただ背景を変えるだけ。
-
クリスタルインターフェース
透明さというのはとても優れた効果を発揮してくれます。透明なインターフェースの利用により、ボタンや情報などがイメージの上に重なっても、お互いに邪魔することがありません。
-
タッチスクリーン
個々の要素は大きく表示され、遠くからでもよく見えます。タッチスクリーンに対応しており、また、リモコンの十字キーだけでも操作できるよう、操作性にも考慮しています。
-
入力を減らす
タッチスクリーンのキーボードやリモコンでの文字入力は大変です。だから、文字入力は最小限にまで減らしました。オートコンプリート検索エンジンはその一例です。
-
作業は最小限に
作業は最小限にまで減らしました。アカウント関連の入力や編集は、タッチするだけ。フォームへの入力や、テキストのタイピングは必要ないので、手間が省けます。
-
番組リスト
TV番組リストはシンプルで管理しやすくなっています。大きいロゴで欲しい情報もすぐに見つかります。番組の予定表は今配信中のものと、これから配信されるもののみが表示されるので、非常に分かりやすいシステムになっています。
-
模様替え
クリスタルインターフェースのもう一つのいい点は、システムの一貫性を崩すことなく、雰囲気だけを簡単に変えることができることです。
スマートフォンのスクリーン
同じ要素とシステムで、サイズと順序を変えるだけ。アプリとウェブサイトの理想的な融合です。
-
タッチも楽々
配列を変えることで、スクリーンのスペースを有効活用できます。ボタンもしっかりと大きく表示されているので、タッチパネル上でのタッチも楽々できます。
-
どこででも使える
光とコントラストを利用したライトボックスは大事なポイントとなります。日中の光の元でもスクリーンのイメージがよく見えるように工夫しています。
-
最小限で最高のサービスを
情報の要素は最小限にまで減らし、操作ボタンを主流に。光や陰を利用し、コントラストを際立たせることで見やすく分かりやすく。ユーザーが重要な情報を見逃さないよう考慮しています。
