2026.07.21

見た目と使いやすさは、両立できる。

UI/UX

設計

原暢平

「かっこいいデザインにすると、使いにくくなる」と言われることがあります。

なんとなく、そういうものだと受け入れられている節もある。でも、両立できないのではなく、つくり方の問題だと思っています。

どちらが先か、って話じゃない。

UIをつくるとき、見た目から入るか、使い勝手から入るか。

ビジュアルを先に固めすぎると、後から使いやすさを考えても調整しづらくなります。逆に、使いやすさだけを追いかけると、機能は足りているのになんか触りたくない画面になる。

どちらかに寄りすぎると、どこかで無理が出てくる。たとえばボタンひとつ動かすにも、「デザインが崩れる」か「導線が悪くなる」かの二択を迫られる。そういう状況になったとき、たいていどちらかが我慢することがなります。

ビジュアルとUXは、別々に考えるものではなく、最初から同じ方針の中にあるものだと思っています。「見た目をどうするか」を考えながら、同時に「どう使われるか」を想像する。その両方の視点を持ちながら設計することが、結果的に遠回りしないやり方だと思っています。

ごちゃごちゃして見えるのは、なぜ？

UIをつくるとき、「何をどこに置くか」の判断が、思った以上に体験を左右します。

重要な情報が埋もれていたり、関連する要素がバラバラに配置されていたりすると、ユーザーは無意識に疲弊していきます。画面が複雑に見えるのは、要素が多いからではなく、優先順位が整理されていないことが原因であることが多い。

たとえば、ECサイトのカート画面。SKU・重量・ブランド・ポイント還元が商品名と同じ重さで並んでいると、ユーザーはどこから見ればいいかわからなくなります。合計金額もボタンも、すべてが同列に主張している状態です。

試しにちょっと作ってみました。

どうでしょう？
優先順位を整理するだけで、同じ情報量でもぐっと使いやすくなる。情報を減らしたわけではなく、順番と見せ方を整理しただけで、体験はずいぶん変わります。

情報設計の基本は、「何を一番伝えたいか」を決めることです。優先順位の順番に要素を並べていくと、自然と画面がすっきりしていきます。逆に、伝えたいことが整理されていない状態でレイアウトを組もうとすると、どこに何を置いても「なんかごちゃごちゃする」という感覚が抜けない。

ビジュアルの判断も、この優先順位が決まって初めて意味を持ってきます。目立たせる場所、引く場所、余白をとる場所——すべて、情報の優先順位から導かれていきます。

揃っていることが、正義？

色・フォント・余白のルールが画面全体で揃っていると、ユーザーは無意識に「このサービスは信頼できる」と感じます。

逆に、ページによってボタンの色が違ったり、フォントサイズがバラバラだったりすると、内容以前に「なんか不安」という印象を与えてしまう。ユーザーが意識するより先に、体験の質が下がっていきます。

一貫性というのは、見た目の話だけではありません。同じ操作をしたとき、同じ結果が返ってくる。同じ種類の情報は、同じ場所にある。そういう「予測できる動き」がUIの中に揃っていることが、ユーザビリティの土台になります。ユーザーが迷わないのは、画面がきれいだからではなく、次に何が起きるか予測できるからです。

一貫性はブランドアイデンティティの話でもあり、ユーザビリティの話でもあります。見た目を揃えることが、そのまま使いやすさにつながっていく。ビジュアルとUXが重なる部分として、一貫性は特に意識しています。