Daily Cocoda! #24

デザインを独学しております。ぼいです。

デザインに関してインプット・アウトプットできるCocodaさんにて、UIデザインのお題をこなすDaily Cocoda!(Daily UI)をひっそりとマイペースに続けております。

Cocoda

#24ですが、noteに載せるのは初めてです。笑
今まで作ったものはあまり発信していなかったのですが、noteにも感想とか載せていこうと思います。

これまで作ったものはコチラ↓↓

Boibooooi | Cocoda

ちなみに本家？のDaily UI challenge 100は三日坊主で終わりました😂
こちらはUIデザインのお題が毎日メールで送られてくる、というものですね。
途中から、Subscribeしてからもうそんなに経ったんだ〜、と思うだけになっていました。続けるって難しい🤔

Daily UI Design Challenge, Inspiration, and Resources

さて、話は戻りCocodaさんのDaily UI。
今回のお題#24は「通話中画面」でした。

参考にしたアプリ

Microsoft Teams、Zoom、Whereby

製作時間

2時間くらい

製作意図

・画面一杯に広がる通話画面を作ってみました。タップしたらUIが出現する感じをイメージしました（画像右手2枚）

・下部のナビゲーションは、一番使いそうなマイク、共有画面、チャット、参加者を。

・上部の左手にカメラ切り替えと右手に退出ボタンを置きました。特に退出は下部に置くと間違えて押しちゃいそうなので、上が良さそうですね。

・資料画面をその参加者画面（左から2番目）。でも実際資料見るなら参加者の顔邪魔だよね。アイコンだけでいいような。

・画面遷移のプロトタイプをちょっとだけ作りました。まだ慣れていない。

フロー1

感想

・横画面も作れたらよかった。

・フリー画像サイトで正面向いている写真探すのに時間かかった。笑

・前職ではMicrosoft Teamsを使っており、よく出先でスマホで会議に出ることもありました。スマホだと会議資料が見辛いのでPCがいいですね🤭

頑張って続けます〜

以上！