UI / UX デザイン
映像通話ツール通話画面デザイン

映像通話ツール通話画面デザイン

製品詳細ページ

プロジェクト概要

プロジェクト内容
映像通話ツール「LiveTaskyell」通話画面作成
「映像を見ながら話す」以外にも多くある機能（チャット、ペン、画面共有、カメラ操作・音声操作）を分かりやすく配置するUI設計
業務内容
Google Chrome（Windows / Android） / Safari（iOS）でのUIデザイン
担当フェーズ
UIデザイン / コーディング
期間
2022年6月～2022年9月
使用ツール
Visual Studio Code / HTML / CSS / Javascript

デザインのコンセプト

  • 通話映像を最大限まで大きく、多くの機能を持つボタンは押しやすく
  • オペレーター：PC、ユーザー：スマートフォンがメインとなるため、特にスマートフォンで使いやすいレスポンシブデザイン
  • 「アプリ不要でITリテラシーを問わず利用できる」という製品コンセプトに沿って、どんな人手も使いやすいUI

工夫した点・実績

スマートフォンで使いやすいUI
利用端末・OSで表示サイズが異なるため、特に表示領域に限界があるスマートフォンで使いやすくなることを心がけた。 スマートフォンで使いやすいUI
幅広いユーザー層を想定
ユーザー層が幅広く、IT機器の操作になれていない方も想定され、さらにユーザーはマニュアルも参照できないため、どんなユーザーであっても一目で使い方が分かるUIを追求した。
多くの機能をわかりやすく区別
事業者の契約内容、ユーザーの使用端末などによる機能の利用可否、使用中の機能の表示など多くのパターンが混在するため、それらが分かりやすくなるデザインに。 多くの機能をわかりやすく区別
戻る