見出し画像

プロジェクト事例|LITE Web会議システムのUIデザイン

つみきは、ソフトバンク株式会社の社内Web会議システム「LITE」のUIデザインのリニューアルを担当しました。UIの課題分析からUI設計、ビジュアルデザイン、ロゴデザインを行いました。業務ツールとしての使いやすさだけでなく、初めて触れる人にも身近に感じられるように、楽しく親しみやすいツールとしてデザインしています。

課題分析とUI改善

プロジェクト初期のフェーズでは、既存システムを対象としたUI分析を行いました。導線のわかりやすさやボタンの強弱、文言の適切さといった一般的な評価項目の他、代表的なユースケースに対してユーザーテストを行うことで、現状の課題点を分析しました。これらの課題に対して、ナビゲーション、機能名称、説明文、レイアウト、操作順などを見直すことにより改善案を検討しました。

画像9

例えば、会議名などの入力エリアや表示文字数の見直しのために、既存システムでの入力文字数の統計を利用しました。入力領域が狭すぎるために操作性を損ねたり、不必要に表示領域を大きくすることで一覧性を損ねることを防ぎます。

画像9

楽しく親しみやすいデザインで利用を促す

LITEのデザインでは、一般的なビジネスツールに用いられる無機質で落ち着いた印象とは異なり、楽しく親しみやすいトーンを採用しました。配色・背景パターン・ピクトグラムやイラストなどにより、初めて使う人への心理的ハードルを下げ、気軽に利用することを促します。

画像2

画像3

画像9

画像9

画像9

画像9

画像8

制作期間: 2018年8月 - 12月

-----

つみきでは、アプリ・Webサービスのデザイン・設計を行っています。「誰か」をデザインで心地よくさせたり、ワクワクさせたり、ドキドキさせたり、夢中にさせたい。そんなアウトプットを期待される方からのご相談をお待ちしています。







19

TSUMIKI Designers

つみきのデザイナーの記事をまとめました。 UIデザイン、インタラクションデザインなどお気軽にご相談ください。 https://tsumikiinc.com/
4つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。