UI/UX デザインの原則

ユーザーに選ばれる WEB サイトづくりに重要なのは「使い勝手」や「見た目」だけでなく、訪れたときの「満足感」。
200 社以上の企業の CVR を向上させたスペシャリストが「UI/UX デザイン」を基礎から解説

ビジネスにおける WEB サービスの重要性が年々増し、担当者に求められるレベルが高まっています。
「WEB 担当になったけれど、何から手をつけたらいいのか分からない」という方のために、
これまで UI/UX デザインにより 200 社以上の CVR 改善に貢献してきた著者が、初心者にもわかりやすく解説。
使い勝手や見た目 (UI=User Interface) を整えるのはもちろん、
その先にある「分かりやすさ」「心地よさ」や、
コンテンツおよびサービス全体を通じて得られる
「満足感」といった体験 (UX=User Experience) を充実させることによって可能となる、
“ユーザーに選ばれる魅力的なサービスづくり"の基本から応用まで提案します。

ーーーーーーーーーーーーーーーーーーーー目次ーーーーーーーーーーーーーーーーーーーー
はじめに

UI/UX の違いを理解する
原則 1【:HOW】ユーザー心理/行動をとらえる

「ユーザー心理/行動に則って考える」ことが UI/UX デザインの第一歩である
原則 2【:HOW】どう改善するか

「ユーザー真理/行動」を UI/UX デザインに落とし込む
原則 3【:HOW】どう改善するか〈体制とプロセス〉

UI/UX デザインにおける三方良しをつくる
原則 4【:応用編】

UI/UX 思考でこれからのビジネスをデザインする

おわりに

『UI/UX デザインの原則』 (平石 大祐 著、幻冬舎メディアコンサルティング 発行、幻冬舎 発売、2020 年 10 月刊) は、Web サイトやサービスの担当者に向けて、使い勝手や見た目を整える UI と、その先の分かりやすさや心地よさ、満足感まで含めた UX の考え方を基礎から解説する四六判の単行本です。版元の紹介文は、「WEB 担当になったけれど、何から手をつけたらいいのか分からない」という人のために、UI/UX デザインで 200 社以上の CVR 改善に貢献してきた著者が初心者にもわかりやすく解説すると案内しています。紹介文の言葉では、目指すのは「ユーザーに選ばれる魅力的なサービスづくり」の基本から応用までを提案することです。

UI と UX の違いから始まる 4 つの原則の構成

目次は、「はじめに」に続いて UI と UX の違いを理解する項目を置き、原則 1 から原則 4 を並べて「おわりに」で閉じます。原則 1 から原則 3 には【:HOW】の印が付き、原則 1 はユーザー心理と行動をとらえることを扱い、その見出しはユーザー心理と行動に則って考えることを UI/UX デザインの第一歩と位置づけています。原則 2 は「どう改善するか」を問い、ユーザーの心理と行動を UI/UX デザインに落とし込む段です。原則 3 は「どう改善するか」に〈体制とプロセス〉と添えられ、UI/UX デザインにおける三方良しをつくることが見出しになっています。原則 4 は【:応用編】で、UI/UX 思考でこれからのビジネスをデザインするという見出しです。画面の部品の作法から入るのではなく、ユーザーの理解、改善の方法、社内の体制、事業への応用と視野を広げていく並びで、デザインを組織と事業の課題として捉える順序と読めます。

CVR 改善の土台になる UI と UX の考え方

UI は利用者とシステムが接する画面や操作の部分、UX はサービスを通じて利用者が得る体験の全体を指し、本書の紹介文もこの 2 つを使い勝手や見た目と、満足感を含む体験とに分けて説明しています。Web サイトの成果を測る指標として扱われる CVR (コンバージョン率) は、訪れた人のうち購入や問い合わせなど目標の行動に至った人の割合です。ボタンの位置や入力欄の数を直すだけでも離脱が減ることはありますが、そもそも訪問者が何を求めて来たのかを取り違えていれば、画面をいくら整えても数字は伸びにくくなります。本書が UI/UX デザインの第一歩をユーザー心理と行動の理解に置き、改善の方法を論じる原則の後に体制とプロセスの原則を並べているのは、改善を担当者 1 人の作業で終わらせず、継続して回る仕組みにする必要があるという立場の表れと読めます。三方良しが本書の中で誰と誰と誰を指すのかは目次の見出しからは読み取れないため、そこは本文で確かめる部分です。

Web 担当の初心者に向く理由と、別の本を併せたい目的

版元が想定する読者は、Web 担当になったものの何から手をつけたらいいか分からない初心者です。C コードの分類も一般向けの経営書で、デザインの専門教育を受けていない人が UI/UX の全体像と改善の進め方をつかむための本という性格が書誌からも読み取れます。一方で、目次の見出しはユーザー心理、改善、体制とプロセス、ビジネスへの応用で組まれており、デザインツールの操作や画面のコーディング、画面部品の詳しいパターン集を学びたい人は、目的に合った実務書を別に選ぶ必要があります。自社サイトの成果を上げる役目を任されたが、デザインの議論で何を基準に判断すればよいか分からない人や、制作会社や社内のデザイナーと改善の方針を話し合う前に共通の考え方を持っておきたい人には、ユーザーの理解から事業への応用までを 1 冊でたどれる入口として手に取る価値があります。