こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ(以下、習慣化アプリ)」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知識として頭にいれるだけでは身につかない、実際に作ってみたことで学べた事例をご紹介します。 CTAはメインカラーと異なるものを利用する 色を決定していく時に、ヘッダーや行動を誘導するボタン(CTA)もメインカラーにあわせた色にしていました。 それが左の画像です。ヘッダーと「次へ」ボタンが同じ色になっていて一見まとまりがあるように見えますが、馴染みすぎてしまいCTAであることや強調したい部分がユーザーに伝わりません。 メインカラーとボタンを同じにしてしまうと画面に馴染みすぎてユーザーの
![ユーザーが迷わない、直感的に操作できるUIの作り方 | UX TIMES](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1468b6bdcc22e1e56703dc6f3ad182fceed6b67/height=288;version=1;width=512/https%3A%2F%2Fuxdaystokyo.com%2Farticles%2Fwp-content%2Fuploads%2F2022%2F11%2FTwitter-post-1.png)