Movistar Video デザインにおける前提
昨冬、私たちはスペインのテレコム「 Movistar 」の依頼で、 VOD サービスがどうあるべきかという構想をまとめ、デザインし、「 Movistar Video 」を制作しました。 このプレゼンテーションでは、主なコンセプトと私たちが以前か...
概要 プロダクト 構造 インタラクション ビジュアル
プロダクト
全ての人へのサービスを
3つのスクリーン(最低限)
Web ベース
完全なシステム
構造
ポータルサイトではなく  アプリケーションとして <ul><li>区画は少なめに </li></ul><ul><li>図書館ではなく、ショールームのように </li></ul><ul><li>全情報が一カ所にあり、楽々アクセスできる </li>...
最小限の分類
ページの種類も最小限に <ul><li>ホームページ </li></ul><ul><li>映画  / TV 番組  / TV チャンネル </li></ul><ul><li>一覧表 </li></ul><ul><li>特集 </li></ul>
インタラクション
テキスト a を減らし、  ビジュアルを生かす
タッチパネル対応
リンクではなく、タッチ可能なモジュールへ <ul><li>モジュール1つにつき、1つのアクション </li></ul><ul><li>1区画につき、1つのリンク </li></ul><ul><li>不要なものは排除し、クリーンに </li></ul>
カーソル使用を可能に OK BACK
タッチパネル  +  リモコン  = ?
音と光
ソーシャル?
タスクとしてではなく  助けとしてのアラート <ul><li>ある俳優の新作映画公開情報 </li></ul><ul><li>新しいエピソードの公開 </li></ul><ul><li>放送間近な番組の情報 </li></ul>
ビジュアル
一つのグリッド MOB PC + TV 同じグリッドシステムを使用するが、異なるデバイスに対応できるようにする。
解像度
見れば分かるレイアウト <ul><li>レイアウトから内容が分かるように </li></ul><ul><li>WYSIWYG  -  見たままが得られるように </li></ul><ul><li>層を少なく、隠された階層は作らない </li><...
視覚的なカスタマイズ
テキストとイメージは別々に
中間色を用いたインターフェイス
ビジュアルコンテンツには視覚的選択を
VOSTOK strategy and design for digital products
Upcoming SlideShare
Loading in …5
×

Concept premises for Movistar Video [JAP]

870 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
870
On SlideShare
0
From Embeds
0
Number of Embeds
146
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Concept premises for Movistar Video [JAP]

  1. 1. Movistar Video デザインにおける前提
  2. 2. 昨冬、私たちはスペインのテレコム「 Movistar 」の依頼で、 VOD サービスがどうあるべきかという構想をまとめ、デザインし、「 Movistar Video 」を制作しました。 このプレゼンテーションでは、主なコンセプトと私たちが以前から考えているデザインの前提をまとめています。
  3. 3. 概要 プロダクト 構造 インタラクション ビジュアル
  4. 4. プロダクト
  5. 5. 全ての人へのサービスを
  6. 6. 3つのスクリーン(最低限)
  7. 7. Web ベース
  8. 8. 完全なシステム
  9. 9. 構造
  10. 10. ポータルサイトではなく  アプリケーションとして <ul><li>区画は少なめに </li></ul><ul><li>図書館ではなく、ショールームのように </li></ul><ul><li>全情報が一カ所にあり、楽々アクセスできる </li></ul><ul><li>複雑なコンテンツ樹系図をやめる </li></ul>
  11. 11. 最小限の分類
  12. 12. ページの種類も最小限に <ul><li>ホームページ </li></ul><ul><li>映画 / TV 番組 / TV チャンネル </li></ul><ul><li>一覧表 </li></ul><ul><li>特集 </li></ul>
  13. 13. インタラクション
  14. 14. テキスト a を減らし、  ビジュアルを生かす
  15. 15. タッチパネル対応
  16. 16. リンクではなく、タッチ可能なモジュールへ <ul><li>モジュール1つにつき、1つのアクション </li></ul><ul><li>1区画につき、1つのリンク </li></ul><ul><li>不要なものは排除し、クリーンに </li></ul>
  17. 17. カーソル使用を可能に OK BACK
  18. 18. タッチパネル + リモコン = ?
  19. 19. 音と光
  20. 20. ソーシャル?
  21. 21. タスクとしてではなく  助けとしてのアラート <ul><li>ある俳優の新作映画公開情報 </li></ul><ul><li>新しいエピソードの公開 </li></ul><ul><li>放送間近な番組の情報 </li></ul>
  22. 22. ビジュアル
  23. 23. 一つのグリッド MOB PC + TV 同じグリッドシステムを使用するが、異なるデバイスに対応できるようにする。
  24. 24. 解像度
  25. 25. 見れば分かるレイアウト <ul><li>レイアウトから内容が分かるように </li></ul><ul><li>WYSIWYG - 見たままが得られるように </li></ul><ul><li>層を少なく、隠された階層は作らない </li></ul>
  26. 26. 視覚的なカスタマイズ
  27. 27. テキストとイメージは別々に
  28. 28. 中間色を用いたインターフェイス
  29. 29. ビジュアルコンテンツには視覚的選択を
  30. 30. VOSTOK strategy and design for digital products

×