Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

IxD of AWA - インタラクションの考え方

UXなまトークでお話しさせていただいた内容のスライドです。iPhoneを投影して実演しながらの講演だったので項目だけになってしまいますが、何かのお役に立てれば幸いです。

  • Login to see the comments

IxD of AWA - インタラクションの考え方

  1. 1. IxD OF AWA インタラクションデザインの考え方
  2. 2. 冨樫 晃己 [ Koki Togashi ] 2012年からオークションサービス「パシャオク」に 在学中から参加し、2013年サイバーエージェントに入社。 Amebaコミュニティサービスに サーバーエンジニアとして複数のプロジェクトに携わる。 AWAではプロダクトマネージャーと兼任して インタラクション開発を担当している。 PRODUCT MANAGER / INTERACTIVE ANIMATOR 室橋 秀俊 [ Hidetoshi Murohashi ] デザイナーとしてWEB制作会社、総合広告代理店を経て、 2012年サイバーエージェントに入社。 複数のAmebaコミュニティサービスを担当したのち、 現在ではAWAのデザイン、アートディレクションのほか サービス全体のブランディングを担当。 DESIGNER / ART DIRECTOR
  3. 3. AGENDA インタラクションで こだわった箇所をご紹介 インタラクションデザイン の考え方
  4. 4. AWA is “Subscription music streaming application”. 邦楽も洋楽も好きなだけ聴ける「定額制音楽配信アプリ」
  5. 5. FEATURES プレイリストを軸に 音楽との 「出会い」と「再会」 を演出 聴いた曲や お気に入りした曲など を分析して あなた好みの楽曲を リコメンド ジャンルや気分で プレイリストを 選ぶこともできる 好きな曲や アーティストと 雰囲気が近い曲を ノンストップで流す ラジオ機能 こだわりの選曲で プレイリストを 作成したり アプリ上での公開や シェアができる オフライン再生や ローカル音源の再生も 現在開発中 ※2015.8月現在
  6. 6. Interaction Design 本日の本題
  7. 7. 当たり前に使える インタラクションにする AWAの方針
  8. 8. 当たり前に使える インタラクションにする AWAの方針 それぞれのOSの標準動作を 基本アクションとした上で 動きを考え抜く
  9. 9. 当たり前に使える インタラクションにする AWAの方針 動き方に構造上の 矛盾を作らない
  10. 10. 当たり前に使える インタラクションにする AWAの方針 動きの「驚き」ではなく 「直感的である」ことの演出 • • • • • • • • • • •
  11. 11. Case 1 Main Page 位置関係 Parallax
  12. 12. Case 2 Playlist Page トランジション
  13. 13. Case 3 Player / Playlist Page ジェスチャー Velocity
  14. 14. Case 4 Login / Select Page ディレイ
  15. 15. Case 5 Genre/Mood Page スティッキー e.g. Tumblr
  16. 16. Case 6 Low Spec iOS7 と iOS8 Blur / Scaling
  17. 17. Case 7 Main Page ストレスレス Tutorial / Shimmer
  18. 18. THANK YOU!

×