— 01 —UIに人格を宿す──いじれる設計変数を並べる
「らしさを出したい」と言われると抽象的に聞こえるが、UIの人格は具体的な変数の束でできている。まずモーション。押した瞬間にキビキビ返すのか、少し余韻を持って沈み込むのか。同じ操作でも、速度とイージングが違うだけで、几帳面な性格にも、おおらかな性格にも見える。次に角丸と余白。角がシャープで余白が詰まっていれば緊張感のある印象に、角が丸く余白が広ければ穏やかで安心する印象に振れる。ここは好みで決める場所ではなく、後で見る「らしさ」から逆算して決める場所だ。
見落とされやすいのが、音とエラーの語り口だ。通知音や完了音の質感は、無言のUIには無い温度を足す。そしてエラー文。「入力が不正です」と突き放すのか、「メールアドレスをもう一度ご確認ください」と隣で助けるのか。トラブルの瞬間こそ、人格がいちばん露わになる。うまくいっているときは誰でも優しくいられるからだ。
実務では、これらを一枚のチェックとして持っておくと迷いが減る。モーションの速度と余韻/角丸と余白の密度/色と質感/音の有無と質感/マイクロコピーの語り口。この五つを、機能が同じでも「うちのサービスならこう振る舞う」という基準で埋めていく。ひとつずつは小さな判断だが、積み重なると、触った人が言葉にできないまま感じ取る性格になる。逆に言えば、ここを無自覚に既定値のまま流すと、機能は動くのに顔のないUIが出来上がる。
エラー画面の言葉って、後回しにされがちなんですよね。でも実は、ユーザーがそのブランドの性格をいちばん試しているのはうまくいかなかった瞬間だったりする。困っているときにどう声をかけるか、って人間関係とほぼ同じだなと思います。
— 02 —ユーザビリティで並んだ後、何で差がつくのか
使いやすさには天井がある。押しやすいボタン、迷わない導線、速い表示。これらは正解に収束していくので、成熟した領域では競合とだいたい横並びになる。同じ機能、近い価格、どちらも問題なく使える。この状態になったとき、ユーザーは何を手がかりに選ぶのか。ここが分かれ目だ。
残るのは、使っていて心地よいか、この会社を信頼できそうか、人に薦めたくなるか、といった感情の層だ。そしてこの層に効くのが、01で並べた人格の変数になる。同じ「保存しました」でも、その伝え方の温度差が、また使いたいという気持ちや、誰かに話すときの言葉を左右する。ユーザビリティが減点をなくす働きだとすれば、人格は加点で指名を生む働きだと考えると整理しやすい。
注意したいのは、順番を飛ばさないことだ。使いにくいのに個性だけ強いUIは、ただ扱いづらいものになる。まず使いやすさで合格点を取り、その上に人格を重ねる。土台と装いは対立するものではなく、層になっている。使いやすさを削って個性を出すのではなく、使いやすさを保ったまま、判断の余白に「らしさ」を差し込んでいくのが実務の勘どころになる。
— 03 —UX→CX→BX──UIの判断を「らしさ」まで遡らせる
UIの判断基準を最後まで遡ると、ブランドのコアに突き当たる。ここを階層で捉えると見通しが良くなる。UXは、そのサービスを使えるか・使いやすいかという体験。CXは、広告で知り、申し込み、使い、問い合わせるまでを含んだ体験全体。BXは、それら全部を通してユーザーの中に残る、このブランドはこういう存在だという像だ。UIはUXの最前線にありながら、CXの一部を担い、最終的にBXを形づくる素材になっている。
この階層が効いてくるのは、細部で迷ったときだ。角丸を何ピクセルにするか、この確認ダイアログの語り口をどうするか。好みで決めれば人によってバラつくが、「うちのブランドはどんな性格か」というコアがあれば、そこから一貫した答えを引ける。真面目で誠実な人格なら、確認は丁寧に、装飾は控えめに。親しみやすい人格なら、言葉は柔らかく、動きは軽やかに。判断のよりどころが上流にあるから、画面ごとにブレなくなる。
だから03は、02の前提でもある。「同機能で並んだとき何で差がつくか」に答えるには、そもそも自分たちの差が何なのかを言葉にできていないといけない。コアが無いままUIの人格だけ足そうとすると、画面ごとに違う性格が顔を出し、かえって信頼を損なう。らしさは、UIで発明するものではなく、上流にあるものをUIまで正しく届けるものだ、という向きで捉えておきたい。
— 04 —AIが型を量産する時代、人格を設計するのは人
UI生成の道具はどんどん賢くなっている。よくある画面の型、標準的なコンポーネント、無難なマイクロコピー。こうした「正解の型」は、AIが速く量産してくれるようになった。だからこそ、型そのものでは差がつかなくなる。埋めるべき場所が、誰でも同じ既定値になっていくからだ。ここで人が担うべきなのは、型を出すことではなく、その型のどこに自分たちの人格を差し込むかを決めることになる。
実務の分業はシンプルに描ける。たたき台の生成・バリエーション出し・退屈な繰り返しはAIに任せ、人は「うちならこの動きの余韻をもう少し残す」「この言葉は突き放さず隣に立つ」といった、らしさの判断に集中する。AIの出力を最終形として受け取るのではなく、人格を通す前の素材として受け取る、という構えだ。
経営に説明するときは、この価値を感情の言葉のままにしないほうがいい。人格の設計は、迷いや不快が減ることで解約率に、また使いたい・人に薦めたいという気持ちを通じて推奨度に効いてくる。使いやすさが合格点をもたらし、らしさが指名につながる。この一段深い「らしさ」がどこから来るのかは、UIの外側にあるブランド体験の設計へと続いていく。そこはまた別の記事で掘り下げたい。
- UIの人格はモーション・角丸・余白・音・語り口という具体的な変数の束でできている。
- ユーザビリティで横並びになった後、加点で指名を生むのは人格の層である。
- UIの細部の判断はUX→CX→BXと遡り、ブランドのコアから一貫して引くのがぶれない道になる。
- 型の量産はAI、どこに人格を差し込むかの設計は人。効果は解約率と推奨度で語る。