執筆者
M.N.
UIに異化効果を取り入れるアイデア
前編のおさらい
前編では、
ブレヒトの異化効果がUIにおける「慣れ」の問題と同じ構造を持っている、という話をしました。
後編では、
実際にUIに取り入れられる異化効果のアイデアと、やりすぎたときのリスクについて書いていきます。
異化効果のパターン
具体的にどういった形で異化効果を入れられるか、いかにパターンを挙げてみます。
① 位置の異化
いつも右下にある「次へ」ボタンが、特定の条件下だけ中央上部に現れるとユーザーは一瞬「あれ？」と戸惑い、画面を見直します。
この「戸惑い」が注意のフックになります。毎回やると逆効果ですが、本当に重要なアクションのときだけ場所を変える、という使い方ができます。
② テクスチャの異化
フラットなカードが並ぶUIの中に、影がついた一枚だけ浮き上がって見えるカードがある。
それだけで視線を引き寄せます。
デザインの「文法」をわずかに破ることで、無意識に目が向く仕組みです。
③ テンポの異化
即座にレスポンスを返すUIの中で、ある操作だけあえて「確認中…」という間を入れる。
この意図的なラグが「これは他と違う操作だ」というシグナルになります。
削除や決済など、取り消しが難しい操作に使うと効果的だと思います。
④ 語調の異化
「エラーが発生しました」が続く中に、「ちょっと待ってください、本当に削除しますか？」という砕けた文体が入ると、ユーザーは思わず読んでしまいます。
文体の変化も「違和感」の一種です。
ただしキャラクターがブレやすいので、使うタイミングは慎重に絞る必要があります。
やりすぎると「ただの不親切なUI」になる
異化効果は使い方を誤ると、単に「使いにくいUI」になります。
「重要な操作だから目立たせよう」と思って位置をずらしたボタンが、ユーザーテストで「バグかと思った」と言われた、なんてことは起こりえます。
意図が伝わらない違和感は、ただの混乱です。
ブレヒトの演劇も、違和感を入れすぎると「物語に入れない不親切な舞台」になってしまいます。
あくまで「脈絡の中に差し込まれる一点の逸脱」だから機能するわけです。
実装するときのガードレール
意識すべき実装時のガードレールだと思われることを以下に挙げます。
◆異化のトリガーには意味を紐づける
「いつもと違う」体験には、それに対応する理由を必ず持たせます。
重要な操作、危険な操作、初回限定の案内……といった文脈があるから違和感が「意味のある違和感」になります。
ランダムに変化するUIは単なる混乱です。
「なぜここだけ違うのか」がユーザーに伝わって初めて、異化効果として機能します。
実装前に「この違和感の意味をユーザーは受け取れるか？」を一度自問してみると良いと思います。
◆頻度は制限する
1画面に異化ポイントは1〜2箇所が限度だと思います。
多すぎると全体がカオスになります。
「重要なものが3つある画面」で3箇所全部に異化を仕込んでしまうと、結局どれも目立たなくなります。
どれか一番重要なものを選んで一点集中させる、という割り切りが必要です。
情報の優先順位をつける作業は、UIの設計よりも前の段階で行うべきことかもしれません。
◆逃げ道を残す
普段と違う場所にボタンがあっても、元の操作に戻れる手段を残しておきます。
異化効果の目的は「気づかせること」であって「迷わせること」ではありません。
たとえば、
いつもと違う場所に確認ダイアログが出ても、「キャンセル」は必ずいつもの位置に置いておく。
こういった「逃げ道の一貫性」を担保することで、ユーザーの不安を最小限に抑えられます。
◆ユーザーテストで検証する
異化効果は、作った側には「意図した違和感」でも、ユーザーには「ただのバグ」に見えることがあります。
この判断は自分たちだけではなかなかできません。
小さくていいので、実際のユーザーに触ってもらって「ここで何を感じたか」を聞いてみることが一番の近道です。
「戸惑った」なら狙い通りですが、「壊れていると思った」なら設計を見直す必要があります。
まとめ・総括
目立たせる＝「普通」+「違和感」
ブレヒトは「慣れ」を意図的に破ることで、観客の批判的思考を取り戻そうとしました。
UIにおいても、ユーザーが慣れによって重要な情報を見落とすことを防ぐために、同じ原理が使えます。
大事なことを目立たせたいなら、まず「普通」を作り、そこに「違和感」を一点差し込む。
それだけで、ユーザーの目は自然とそこへ向かいます。
派手なアニメーションや赤いアラートより、脈絡の中に置かれた「小さな逸脱」のほうが、ときに強く人の注意を引きます。
余談になりますが、、、
久しぶりに「異化効果」なんて言葉を思い出したので、なんとなくネタになるかと思って考察してみたところ、思いのほかまじめな話になってしまいました。
これも余談ですが、
三文オペラの最後で登場人物が突然、
「このオペラでは正義よりも慈悲が重んじられるのだ」
と言って急にハッピーエンドっぽくなるのも異化効果を狙っているのだと思われますが、、、
昨今はメタ要素の多い漫画や小説などが多く、違和感を感じる人が昔よりは少なくなっている気がします。
これが異化効果を使いすぎたゆえの同化（＝慣れ）ですね。
