「なぜ?」で紐解く『Mirrativ』のUIデザインプロセス

「なぜ?」で紐解く『Mirrativ』のUIデザインプロセス

  • 第1回
    「なぜ?」で紐解く『Mirrativ』のUIデザインプロセス
おためし受講中
  • 授業で使用する教材

    教材はありません

「授業フィードバック」で、授業の感想を教えてください!

チュートリアルは、こちらの「その他のオプション」からいつでも確認いただけます。

コピーしました!

ここには授業中のやりとりが表示されます

生放送でのコメントが再生されています

【前半】授業
  • オープニング
  • 00:00:10〜(00:32)
  • 自己紹介
  • 00:00:42〜(00:56)
  • アジェンダ
  • 00:01:38〜(00:20)
  • 先生からの質問:「Mirrativ」を使ったことがありますか?
  • 00:01:58〜(00:54)
  • Mirrativの概要説明
  • 00:02:52〜(00:41)
  • ・他の配信サービスとの違い
  • 00:03:33〜(00:26)
  • ・ターゲット層
  • 00:03:59〜(00:32)
  • ・好きなアプリを介して濃いつながりを
  • 00:04:31〜(00:30)
  • ・つながり促進中
  • 00:05:01〜(00:16)
  • ・Mirrativは誕生してもうすぐ2年
  • 00:05:17〜(08:03)
  • 先生からの質問:ロゴデザインをしたことがありますか?
  • 00:13:20〜(01:08)
  • コンセプト・ロゴのなぜ
  • 00:14:28〜(00:08)
  • ・コンセプト
  • 00:14:36〜(00:45)
  • ・配信までのステップ
  • 00:15:21〜(00:30)
  • ・ロゴについて
  • 00:15:51〜(01:05)
  • ・アイコンについて
  • 00:16:56〜(01:13)
  • ・カラーについて
  • 00:18:09〜(01:26)
  • ・ロゴ、アイコン作りの結論
  • 00:19:35〜(06:29)
  • 先生からの質問:Mirrativを使ってみてUI面で疑問に思ったことを教えてください
  • 00:26:04〜(01:06)
  • UIデザインのなぜ?
  • 00:27:10〜(00:15)
  • ・配信画面のUI
  • 00:27:25〜(06:01)
  • ・ログイン画面のUI
  • 00:33:26〜(03:27)
  • ・配信終了画面のUI
  • 00:36:53〜(05:13)
  • 質疑応答
  • 00:42:06〜(13:21)
  • まとめ
  • 00:55:27〜(02:49)
  • エンディング
  • 00:58:16〜
【後半】質疑応答
  • Q.このグラフの縦軸は何ですか?
  • 00:06:50〜(05:22)
  • Q.なぜiOSとアンドロイドで使い方に違いがあるのでしょうか?
  • 00:12:12〜(09:45)
  • Q.ロゴで色をつけるかどうかの判断はあったのでしょうか?
  • 00:21:57〜(00:43)
  • Q.Mirrativというサービス名自体はどのような理由で決まったのでしょうか?
  • 00:22:40〜(01:19)
  • Q.今の時代はグラデーションではない、の根拠は何でしょうか?フラットデザインの流れからでしょうか?
  • 00:23:59〜(01:02)
  • Q.単色という決まりで検討したのでしょうか?
  • 00:25:01〜(17:26)
  • Q.ロゴ案の最終決定権はプロデューサーの方が持っていたのでしょうか?
  • 00:42:27〜(04:34)
  • Q.中国のライブコマースは参考または研究されてますか?
  • 00:47:01〜(04:08)
  • Q.なぜスタンプ機能を搭載したのでしょうか?
  • 00:51:09〜(00:58)
  • Q.今まで一番揉めたデザイン変更は何でしたか?
  • 00:52:07〜(01:40)
  • Q.どういうプロセスでナビゲーションバーやタブバーの表示項目を決定していますか?
  • 00:53:47〜

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    全1回 2017年7月31日公開
    「なぜ?」で紐解く『Mirrativ』のUIデザインプロセス

    本授業では、ゲーム実況生配信アプリ『Mirrativ』のUIデザインについて学びます。事前にアプリをダウンロードし、たくさんの疑問をまとめた上で授業に臨みましょう。


    授業の流れ
    ・Mirrativの概要
    ・コンセプトのなぜ?
    ・UIデザインのなぜ?
    ・質疑応答
     

    「なぜ?」で紐解く『Mirrativ』のUIデザインプロセス (全1回)

    受講生代表

    • 田原 彩香

      田原 彩香

      スクー放送部

    教室画面の機能をご紹介します

    学習機能を活用して、効率よく学習しましょう!