デザインをすばやく改善するUI/UXテクニック|Blog|株式会社トライム
デザインをすばやく改善するUI/UXテクニック
2022.04.22
![記事サムネイル](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220106_00.jpg)
今回は少しの調整でデザインをすばやく改善できる方法についてまとめてみました。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_01-1.jpg)
装飾のみが目的で使用しているテキストなど、その要素が無くても問題ない場合はアクセシビリティに準拠する必要はありません。
「STEP 1」などの装飾テキストは無くても問題なく理解できるため目立たせる必要はなく、他の要素を目立たせるといいでしょう。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_02-1.jpg)
UIの要素は区別できるようにする。
アイコンとボタンで似たようなデザインになってしまっているためユーザーが迷ってしまいます。
ボタンのような優先度の高いものを目立たせましょう。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_03.jpg)
シャドウは濃くしすぎない、薄く見えるか見えないかぐらいの濃さに調整しましょう。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_04-1.jpg)
わかりやすくなるように見やすいフォントを選択しましょう。
濃さやフォントの太さで見やすさを調整する。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_05-1.jpg)
パンくずはユーザーが理解しやすいように。
パンくずの最後のテキストは、他のテキストと視覚的に異なるようにデザインします。リンクの箇所は、リンクに見えるようにデザインします。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_06-1.jpg)
彩度の高いカラーは目の疲労になるため、落ち着いたカラーと組み合わせるようにしましょう。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_07-1.jpg)
ロード中は何が起きているのか分かるようにする
読み込んでいる最中とわかるようにすることで、ユーザーのストレスは軽減されます。
![](https://contents.try-m.co.jp/wp-content/uploads/2022/04/220131_08.jpg)
影の角度はすべて同じ角度に。
影の角度が要素によって変わってしまうと違和感になってしまいます。
影をつける際はページ全体で気をつけましょう。
まとめ
このようにちょっとしたことを気をつけたり、改善することでUI/UXの印象がだいぶよくなります!
簡単にできることも多いのでこれからも気をつけていきたいですね!
Contact
お問い合わせ
トライムは常にお客様へ寄りっ沿った提案をさせていただきます。
自社のEC売上の拡大や人材不足などのお客様のデジタル上の課題を、
様々なアプローチにより解決するお手伝いをいたします!
お気軽にお問い合わせください。
03-6403-3259
受付:10:00 - 19:00
![ロゴ](/wp-content/themes/trym/images/top/contact-logo.png)