開発者インタビュー　vol.02　トップページ改修編

デザイナープロフィール

●名前：大島さん ●所属：SmartDBサービス＆プロダクト開発本部 ●経歴：入社20年目。入社後は広報アシスタントやマーケティング部門を経て現在の開発本部で唯一のデザイナー（2022年11月時点）として製品のUI/UX改善に取り組む。

トップページ改修の背景を教えてください。

大島：ユーザーさんより、必要な情報が見にくいという声が寄せられていました。そのため、改めてユーザー目線に立ち、トップ画面の問題点を洗い出しました。そこで出てきた問題が、本来は画面内の情報を見やすくするための余白や、文字・アイコンサイズのバランスがチグハグで、必要な情報が表示しきれず、重要な情報が目立たない。といった点でした。これらの改善のため、今回は設計書もデザイナー側で細かく作成し、開発部門と密に連携をとって実装までひとつひとつの工程を全て確認しました。

トップページ改修のアピールポイントを教えてください。

大島：優先度の高い情報がより目立つよう、細かな調整を行いました。

武者：例えば、どんな所ですか？

大島：例えば、「システム管理者からのお知らせ」って、重要度や緊急度が高く、全員に見てもらいたい情報ですよね。なので一番目立たせなきゃいけないのですが、改修前の場合はそのお知らせがあまり目立たなかったんです。
パネルのタイトルは、情報の分類で必要な情報ですが、目立たせる必要はありません。必要な余白を取れば文字サイズを必要以上に大きくしなくてもタイトルとして機能します。

＜Before：全体的に余白が多く、必要な情報が何か見にくい印象＞

大島：最終的に、この画面の中ではお知らせの文字が一番大きくなっています。全体的に文字サイズを重要度に応じて整理していきましたが、アイコンのサイズは親近感を損なわないよう、どこまで小さくするのかアイデアを出し合いながら、画面全体のバランスを見て調整していきました。

＜After：お知らせを目立たせ、パネルのタイトルを小さくし、すっきりとした印象に＞

武者：見比べると、だいぶ見やすくなりましたね！

大島：トップ画面のワークリストの表示についても改善しました。ワークリストの空白スペースが広く、業務名アイコンがすべてバインダアイコンとなっていて、分かりづらい表示になっていました。

＜Before：空白スペースが多く同じアイコンが表示されていたワークリスト＞

大島：実施済みのものは「済」のチェックマークにし、優先度のラベルが目立つようにする等の調整をおこないました。

＜After：空白スペースを調整し、実施済を分かりやすくチェックマークで表示＞

武者：かなりすっきりしましたね！改修後の方がとても見やすく使いやすいです。

大島：今回は、情報自体は変えていないんです。それぞれの情報の優先度を整備し、見せ方をきちんと整理していったという形です。

これから先、改善していきたいポイントなどありますか。

大島：現状、トップページの改修のみだったので、今は検索画面の方をトップページに続いて改修中です。改修していかなければならない画面リストは既にあるので、その中で優先度を決めて対応していければと思います。

最後にユーザーの皆さんにメッセージをお願いします。

大島：今私自身、ユーザーなので、ユーザー視点を大切に今後も改善を行っていきたいと思っています。ぜひ、同じユーザーである皆さんの声をいただけると嬉しいです！

編集後記

ユーザーへの想いが詰まった新UI！今後もユーザー目線で改修を重ねさらに使い心地がよくなっていくのが楽しみです！
大島さん、ありがとうございました！

新機能のフィードバックはこちらよりお待ちしています！
https://cs.support-smartdb.com/hc/ja/community/topics/900000027063

プロフィール

●名前：武者　遼香 ●所属：協創パートナー推進本部　カスタマーサクセスチーム ●経歴：入社2年目。入社当時からカスタマーサクセスチームに在籍。 お客さまからのお問い合わせ対応や、サポートサイトのコンテンツの作成を担当。