『「AWA」のデザインはどのようにして作られたのか。』

こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初

[tokkun0314]

omoroi

[nilab]

「AWA」のデザインはどのようにして作られたのか。｜1 pixel｜サイバーエージェント公式クリエイターズブログ

[tboffice]

あわ・・・あわ・・・

[shonanboy]

このアプリを使っているとちょっと酔ってしまう。。。

[icecream1975]

「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を届けてくれるのが嬉しい。

[mobileiroiro]

AWAの由来は”線対称”

[ku_marin]

制作の過程までしっかり。参考になる

[urakey]

from Pocket

[kiyohozu]

すごい。制作の過程が詳しく分かって面白い。実際すごくいいデザインだもんなぁ。

[naohys]

画像もっと細かく見てみたいです！

[kurobuchi]

アプリのUIデザインについて。途中のパーツリストとか参考になる。触ってテスト大切。

[globalwe6]

「AWA」のデザインはどのようにして作られたのか。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではあります

[airj12]

プロいなあ / ホワイトボードの絵がマテリアルデザインな感じ

[glat_design]

AWAのデザインの制作工程の話し。実際の制作の流れがイメージできる /

[sos_9]

みてる：「AWA」のデザインはどのようにして作られたのか。 ｜1 pixel｜サイバーエージェント公式クリエイターズブログ

[unitro]

理屈があって、腑に落ちるデザイン。すばらしいなぁ。

[iincho_jp]

最近個人的に一番よく使ってるアプリができるまで

[moret]

本当に優秀な人じゃないとこのUIはつくれないなーとおもった。グラフィックがごりごりで海外アプリっぽくてあまり好きになれなかったけど。

[WANPA]

うん。最高にいいUIだと思う。　再生中の際に円を描いて回るUIはLINE MUSICがパクったのかな？

[ms07h8]

良く考えられてる

[tumo300-500]

よいっすな

[lordkf]

デザインへの強いこだわりを感じた。実際、初見でLINE MUSICから乗り換える気にさせてくれる良いデザインだった。

[bricklife]

「モックフロントエンジニア」というポジションがあるのがすごい

[mzkzzz]

"デザイン制作の段階でエンジニアと常に話しながら 同時並行で進められた" すごいよいとおもう、、べんきょうになります

[androidzaurus]

なるほど分からんがこだわりを感じる。

[sagaraya]

インタラクションはコードで表現しないとわからない。どんどんプロトタイピングしていこう。

[satohu20xx]

触ってて気持ちいいデザインというのは紆余曲折がつきもので実際動かしてみないとわからないというのが本質だと思う。

[cpsub]

これは参考になります。

[akuwano]

あわわわわわわわ

[arikou]

“「誰もが見たことないインターフェイス」でありながら 「操作が直感的で、感覚的に使えること」 ”