カテゴリー別アーカイブ: UI

UIデザイン提案に不可欠!顧客の納得度を上げるために意識すべき4つの条件(スライド付)

去る6月22日(木)に渋谷で行われた、株式会社アジケ主催のイベント「UX dub〜UX/UIの現場、最前線〜」に登壇させていただきました。今回のエントリーはこのイベントで発表させていただいた内容のフォロー記事になります。

日頃のクライアントへのUIデザインの提案において、なかなか作ったものに対して納得していただけない、スムーズに話が進まない、といった状況は、誰しも経験するものかと思います。しかし近年、私自身の経験を振り返ると、以前に比べてスムーズに提案が進むようになったと感じていました。

そんな時にお誘いいただいた、このイベントの「UX/UIの現場、最前線」というキーワードを聞き、私の所属するベイジではどのようにパートナーをリードしてUIに落とし込んでいるのか?をお話してみようと思いました。

この内容について、我々が作るWebサイト自体のUXやUIを深く追求することももちろん大切なのですが、そこに加えて我々自身がクライアントに最良のCX(カスタマーエクスペリエンス)を与えることも大切だと考えています。そこから、主に以下4つの内容でお話させていただきました。

  • 1)良好な関係性を築きやすい顧客を選んでいるか
  • 2)顧客が安心できる進行を心がけているか
  • 3)論理的なデザイン提案を行っているか
  • 4)専門家としてリーダーシップを発揮しているか

1)良好な関係性を築きやすい顧客を選んでいるか(P15)

企業に所属する個人のデザイナーで関与できる人は限られますが、良好な関係性を築けそうな顧客を選んで仕事をすることは、プロジェクトを円滑に進める上でも非常に重要なポイントです。計画性が低く、制作会社を下に見ているクライアントからプロジェクトを受注すると、スムーズな進行が阻害される危険性があるということです。

ベイジではプロジェクト開始前にここを厳しくジャッジしているため、クライアントから不条理な難題を押し付けられることもなく、建設的にプロジェクトを進めることができています。実はここをしっかり抑えている会社は、デザイナーにとっても非常に仕事がしやすい環境であると言えるのです。

しかし、ジャッジする以前に問い合わせ自体が少なければ、仕事を選り好みすることはできません。そこで必要になるのが、戦略的にクライアントになりうるターゲットに対して、常日頃から自分たち自身の強みを積極的に発信し続ける行動です。オンライン・オフライン問わず様々なチャネルから自分たちの強みを可視化しておくことで、プロジェクトを進める段階で良好な関係性を築きやすくなります。

UIデザインを提案する以前に、そもそものところでこの道筋を作っているかどうか、道筋に沿って強みを理解してくれている顧客を引き寄せているかが大切になるのです。

2)顧客が安心できる進行を心がけているか(P22)

プロジェクトを通して、常にクライアントは不安を感じているものです。提案内容自体のクオリティの高さは当たり前に求められるものとして、その上でクライアントに安心してもらえるような質の高いコミュニケーションを心がけることも、提案内容の納得感に間接的に影響を与えると考えています。

その点、コミュニケーションは非常に属人的になりがちです。上流工程から下流工程に渡って、人が変わっても質の高いコミュニケーションを継続するためには、チーム全体でクライアントにどのように対応すべきか?を共有しておく必要があります。具体的に言えば、以下のようなコミュニケーションルールを整備しておく、ということです。

  • プロジェクト定義書の共有
  • WBSによるスケジューリング
  • メールは誰かが1時間以内に一時返信
  • 打ち合わせ前日までに当日の確認資料とアジェンダを共有
  • 打ち合わせ後は1営業日以内に議事録を共有
  • 必要事項はWBS以外にイシューリストで担当者と機嫌を明確化
  • 行動指針と日報で何のためのルールかを認識

実はここでお伝えしている内容は、ベイジのコーポレートサイトの中でお客様向けに紹介しています。我々自身が約束する行動を、プロジェクトが始まる前段階で見える化しておくことも、一つのコミュニケーション作りと言えます。こちらでさらに詳しくその内容を紹介していますので、ぜひご覧ください。

プロジェクト管理 | 株式会社ベイジ

3)論理的なデザイン提案を行っているか(P29)

ベイジではデザイン提案の際、完成したビジュアルだけを見せるようなことはありません。提案したデザインに対して、なぜこうすべきなのか?を論理的に説明します。プロジェクトやクライアントの特性によって順序や内容は変わりますが、代表的な説明事項として以下の5つをご紹介しました。

デザインの役割定義(P31)

UIデザインはコンテンツ、構造、機能、情緒表現の4つで構成されています。その中でも、提案するビジュアルデザインにおける役割は機能と情緒表現になります。この話を最初にクライアントと共有しておくことで、デザインの見た目の表層的な部分(機能や情緒表現)と内容自体の根本的な部分(コンテンツや構造)の問題は分けて考えましょう、と話ができるようになります。

ターゲットの再確認(P35)

ベイジでは戦略提案の時にターゲットを定義して共有していますが、デザインを提案した際には、個人的な好みの話、抽象的な感性の話、なんとなく好き(嫌い)といった話が出てきがちです。そうした際に事前に定義したターゲットを振り返り、作り手である我々がどう思うかではなく、ターゲットならどう考えるか?という視点に立ち返りましょう、と伝えるようにしています。

ブランドの明確化(P41)

ブランドは基本的に目には見えので、具体的な言葉にして共有しておく必要があります。ベイジではクライアントのブランドを、属性・ファクト(誰も否定できない事実)、機能ベネフィット(機能面での効能や作用や利便性)、情緒ベネフィット(顧客が受ける精神面での便益)、ブランドパーソナリティ(ブランドを擬人化するとどういう人なのか? )、ブランドタグライン(ブランドの約束)で構成されるピラミッドに構造化して共有しています。

トレンドやセオリーの啓蒙(P45)

クライアントによっては最近のWebデザインの特性を知らないこともあります。タッチデバイスの普及によるUIの大きさの変化、マルチデバイス化に伴うデザインのシンプル化をはじめとした、技術革新によるUIデザインのトレンドやセオリーの変化の話です。これらあらかじめ説明しておくことで、提案するデザインに妥当性が生まれ、認識の違いによる無駄な議論を回避することができます。

デザインの提案(P50)

実際のデザイン提案の際に気をつけるポイントは3つあります。1つは提案の幅をもたせること。提案物の数を増やせばいいという話ではなく、クライアントが予想しない部分まで考え抜かれていないとデザインに対する納得感というものは得られにくいものです。そして2つ目は意味をきちんと説明すること、3つ目は対面することです。経緯や意図を、必ず会って説明することが大切です。

4)専門家としてリーダーシップを発揮しているか(P57)

この「専門家としてのリーダーシップ」が特に、クライアントにデザインを納得してもらう上で大切になるポイントです。クライアントは我々に対して専門家としての意見を求めているため「この場合◯◯するのがベストです」「◯◯と考えるべきです」と自信を持って対応できなければなりません。

具体的に言えば、言われたままの要望をそのまま返すような行為、こういう姿勢であればあるほど、提案は後手後手にまわって、クライアントの信頼は獲得できなくなります。また、もしもクライアントの認識が間違っていれば指摘してがあげる態度も必要です。

そして、専門家びいきな説明をしない、という点も重要です。「デザイン的に見るとこれが優れている」とか、「デザイナー的にはこうした方がいい」といった、根拠のない話は回り回って提案物の評価に悪影響を及ぼします。

まとめ

Webサイトを作る作業は、デザインデータやHTMLを作ることだけではなく、クライアントとの関係性や、チームの関係性を作ることも含まれます。単純にブラウザに映し出される絵だけを作るという意識を変え、それらを作るために関わる人々とどのような関係性を築いていくか、という部分まで配慮することで、クライアントからの信頼を得ることができるのではないでしょうか。

UX dub について







※掲載写真はすべてアジケさん撮影

今回はアジケさん初主催のイベントで、告知当初からUX/UIに関心の高い多くの方々から多くの申し込みがあり、結果的に大盛況のイベントとなりました。このイベントの趣旨を、アジケの神田淳生さんから以下のように伺っています。

dubとはレゲエ用語で、曲をリメイクすること。UXの視点を活用してWebサイトやサービスをより成長させることや、クリエイターが集まって一つのサービスを(リ)メイクすることをイメージして付けたタイトル。

アジケさんのオフィスではBGMにdubを流しているというところから、イベントの最中も緩いdubのBGMが流れており、非常にアジケさんらしい、緩やかなムードのイベントでした。今後もこのイベントは継続的に開催されるとのことです。

今回一緒に登壇されたのは、オハコ菊池涼太さん、アルチェコ熊澤宏起さん、スタンダード鈴木健一さん、そしてアジケの梅本周作さんといった面々で、各社の業務を通じたUX/UIに関する、まさに最前線の情報が語られました。私がお話した内容以外の部分は、すでに仕事の早い方々がまとめてくださっていますので、こちらに関連情報として掲載する形とさせていただきます。

今回の登壇の機会を与えていただいたことで、私自身が日々行っているデザインの提案や、デザイン提案にまつわるコミュニケーションがどのようにクライアントとの関係性作りに影響を与えているのかを、改めて見直すことができました。お誘いいただいたアジケの梅本さん、神田さんに深く感謝いたします。

レポート記事

【UX dub Vol.1 イベントレポート】UX/UIデザインの現場、最前線
【イベントレポート】UX dub「UX/UIデザインの現場、最前線」(前編)
【イベントレポート】UX dub「UX/UIデザインの現場、最前線」(後編)
「UX/UIの現場、最前線」イベントレポート

UX dub 座談会

独立部隊、掛け持ちナシ…?クライアントにコミットするUX/UIデザイン4社の仕事術とは
これから進むべき道とは?UX/UIデザイン会社が思い描く未来像
職域を超えろ。ステレオタイプに捉われない、UX/UIデザイナーのあるべき姿とは


誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。
ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました

デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか?

・最終的に何を言いたいのか結論が見えないよ。
・関係性が複雑すぎて理解しずらいんだけど。
・要素が多すぎて全てを把握するのが大変。
・何をどこから見れば良いの?
・結局一番言いたいことはなんなの?
・文字サイズがたくさんありすぎてまとまりがないね。
・安っぽいチラシみたいでダサイなぁ。
・全体的にバランスが偏ってて不安定。
・このスペースがぽっかり空いてて…寂しくない?
・なんだか派手な色使いで賑やかすぎる。

私も後輩のデザイナーの作る図に対して、日々あれこれフィードバックを出しますが、自身をふと振り返ってみると、こういった「図」の作り方について誰かから体系的に作り方を教わったという記憶はなく、長年かけて自分なりに失敗を繰り返して技術を習得してきたものだったなと思いました。そんな中、もっと効率的に「分かりやすく美しい図」を誰もが作ることはできないか?と感じていました。

というわけで今回は「分かりやすく美しい図の超具体的な作り方」として、自分が知っているノウハウをできる限り具体的に明文化し、デザイナーはもちろんのこと、デザイン業務以外に携わる方にとっても役に立つ、図の作り方のヒントとしてご紹介してみたいと思います。

分かりやすく美しい図を作るための3つの原則

原則1)一番伝えたいことは何か?を的確にとらえる

図解は、文章よりもスピーディーに大まかな概念を伝えるための手段です。時間をかけて長文を読ませなくても、図を見せれば一番言いたいことの概略を数秒で伝えることができます。最も重要なのは「一番伝えたいことをいかに的確にとらえるか」です。いくら図が美しくても、内容が伝わらなければ意味がありません。チャートでもグラフでも地図でも「この図で伝えたいのは◯◯」と一言で言えることが、分かりやすい図を作るための最初の一歩になります。

原則2)ルールと要素を可能な限り減らす

スピーディーに情報を伝えるためには、何よりも「シンプル」であることが重要です。シンプルをもう少し具体的な言葉に落とし込むとすれば「要素やルールが少ない」と言い換えることができます。文字サイズ、色数、線の種類、線の細さ、マージン、形などなど、すべての要素において最低限のルールで作成することが、シンプルさ、分かりやすさにつながります。

原則3)デザインの4つの基本原則を守る

分かりやすさと美しさを併せ持つ図を簡単に作る、魔法のような裏技はありません。必要とされる力のベースとして、デザインの基本原則を徹底的に身につける必要があります。スポーツ選手にとっての筋肉のようなもので、これを鍛えずして全ての結果には結びつきません。近接、整列、コントラスト、反復の4つの原則を図の細部に渡るまで突き詰めることで、自然と分かりやすさと美しさは向上します。

参考)ウェブデザインに応用するデザインの4つの基本原則

チャート作成のテクニック

01)規則正しい形を使う

図版の役割は複雑なものをシンプルで分かりやすい形で伝えることが大原則です。その前提で考えると、図版内で使う要素もシンプルな形であればあるほど良いと言えます。正円、正三角形、正方形、正五角形…など、規則正しい形で表現することを心がけましょう。長方形を使う場合でも黄金比(1:1.618)の比率にするといった工夫で美しさを保つことができます。

02)全体の形をシンメトリーにする

シンメトリーな構成は安定感があります。構成する内容を左右対称なバランスで表現できそうであれば、積極的にこの形に収めると良いでしょう。もちろん、全ての図版において左右対称に表現するのは不可能と言えますが、やはり左右や上下のバランスが違うとシンプルさに欠ける印象につながります。図版に個性は不要です。より安定した印象につながる表現を追求するようにしましょう。

03)情報を囲む際は一重にとどめる

情報をグループとして見せる一番簡単な手法は「囲む」です。囲みは一つのグループと見なされ、情報構造を整理するのに役立つ反面、要素が増えるために複雑な形へと近づきます。囲む以外にも「近づける」「同色にする」といった表現でグループは表現できます。初心者の方はまず二重以上に囲まないことを徹底し、囲み以外でグループを表現することを心がけましょう。

04)線は最低限の部分のみに使う

囲み同様に、線も情報の区切に多用されます。最も簡単な例は、AとBを区別するために間に線を引く、といった使い方です。しかしこの線自体には情報としての意味はないため、可能であれば無い方がよりシンプルになります。線は増えれば増えるほど図版の印象を複雑になり、少なければ少ないほどシンプルで洗練された印象になります。線を引く以外の情報の表現方法を優先して考えるようにしましょう。

05)色はベース、アクセント、ポイントの3色に絞る

配色は、最も多くの面積で使われるベースカラー、キーとなる部分で使うアクセントカラー、ごく一部の目立たせる箇所に使うポイントカラーの3つに絞るのが鉄則です。3色にどんな色を使うかは、掲載される媒体全体の配色設計に合わせるのが無難です。例えばWebサイトで、グレーベースのコーポレートサイトであれば、ベースはグレーに、アクセントはブランドカラーにすると奇麗にまとまります。

06)文字はサイズ2種類、書体2種類(欧文と和文1種類ずつ)に絞る

クオリティの低い図版に共通して言えるのは、文字のルールが必要以上に沢山あることです。一つの図版の中でサイズが何種類もあったり、書体もあれこれと違うものを使うのは望ましくありません。書体は欧文和文それぞれ1種類、サイズはキャプション用の小さい文字を1種類、見出し用の大きな文字を2種類ほどに抑えると、シンプルさを保てます。文字サイズは明確に違いがわかるサイズに設定しましょう。

07)重複語、修飾語、冗長な語尾を削除する

図版のスペースは限られているので、できるだけ無意味にスペースをとってしまう要素を省く努力が必要です。それは図形などの形だけでなく、言葉も関係します。同じ言葉が繰り返し使われる場合には、一つひとつは省いてタイトルでまとめたり、長過ぎる言葉は箇条書きレベルに言葉を削ったりと、工夫できる部分は沢山あります。可能な限り情報を減らすことが、分かりやすい図版を作る上では重要です。

08)矢印は最低限の大きさに止める

矢印の形ひとつでも図版の印象は変わります。実はこの矢印は、小さくても、また控えめな配色であっても、視線を誘導するのに十分な力を発揮します。図の中で重要となるのは、関係性が指し示された「要素」であるため、関係性を指し示す矢印自体は控えめな表示でよいのです。最低限、矢印がどちらを向いているかが分かるレベルに調整するのが良いでしょう。

09)吹き出しは角丸とツノを小さくする

人の声を表現する際に使う吹き出しの表現には、明確にクオリティの低さを避けるテクニックがあります。まず角丸を使う際にはRを小さくすることです。3〜4pxほどにとどめるのが良いでしょう。角丸が大きすぎると大雑把な印象につながります。またこれはツノにも同じことが言えます。ツノについては、ルールを最低限にする大前提も踏まえ、設置する位置も可能な限りルールを減らしましょう。

10)平面的に表現する

よほどの複雑で特殊な内容でない限りは、関係性はすべて平面的に表現できます。奥行きをもたせた立体的な表現は、パースが狂って違和感が出る、他の図版との統一性が保ちにくくなる、作成に時間がかかるなどのデメリットが多くなります。できれば平面的に表現する方が良いでしょう。図版の構成でオリジナリティは不要です。誰もが見慣れた形にする方が、分かりやすさにつながります。

グラフ作成のテクニック

11)グラフの項目同士の配色は明確に違いがわかる色にする

グラフの項目同士の色味の変化が小さいと、一目見て隣接した要素同士の区分けが分かりにくくなります。色の違いははっきりと分かるようにしましょう。項目数が多い場合には多色使いも検討しますが、散漫な印象になりやすいため、できれば色数は少なくしたいところです。単色で作る場合も、十分に項目同士の色の違いが認識できるようにしましょう。

12)指し示す線は可能な限り短くし、角度は90度・45度・0度の3種類を使う

グラフには何のパーセンテージなのかを説明するテキストを入れますが、数値が小さいものはオブジェクト内に言葉が入りきらないため、線を引いてテキストと結びつける表現を使います。その際使う線も、要素を減らすという大前提から考えると不要な要素ですので、できる限りルールを減らして必要最低限の存在感にとどめましょう。具体的には、線は短く、角度も90度・45度・0度以外は使わないようにします。

地図作成のテクニック

13)素材を表現別に数種類ストックしておく

地図をゼロから作るのは非常に時間がかかり、且つ正確さを担保するのは難しいため、基本は素材を使うことが前提になります。世界地図、日本地図、日本地図でも市区町村ごとにレイヤーが分かれたものなどが必要になるため、日頃からの素材リサーチ能力が重要になります。また地図はリアルな形やデフォルメされた形など、UIの印象によって使い分ける必要があるため、そのバリエーションも踏まえて収集しておくと良いでしょう。

参考)Webデザインに使える商用可能な地図を配布しているサイトまとめ
参考)日本の白地図

14)地図自体に枠、影、立体感を付けない

地図自体が複雑な形のオブジェクトなため、必要以上に装飾を施すとそれだけで野暮ったい印象につながります。また伝えたい情報は、その地図のどのポイントに何があるか?ということなので、地図自体をそこまで目立たせたり、装飾したりする必要は無いと言えます。基本はベタ塗りとし、その上に乗る要素に視線が集まるようにしましょう。

15)文字は縦書きと横書きを使い分ける

決められたエリア内で文字が入りきらない場合、縦書きをうまく利用することも検討しましょう。「ルールは少ない方が良い」という前提から考えると、もちろんすべて横書きで統一されている方がよりシンプルになりますが、そのルールを守るために狭いエリアで文字を何度も改行させてしまうくらいであれば、縦書きを使ってスマートに表現した方が良い場合もあります。柔軟に検討しましょう。

アイコン作成のテクニック

16)フリーのクオリティの高いアイコン素材を使う

アイコンは特に図版の印象を左右します。アイコンがいびつだと、それだけで図版全体のクオリティが低く見えます。もちろん、クオリティに自信があれば自作するのも良いのですが、自信が無い場合はフリーの素材を使ったり、それらをベースに少し改良するなどして作成すると高いクオリティを保つことができます。フリー素材の知識もデザイナーの能力の一つです。常に自分のライブラリを更新しておきましょう。

参考)Material icons – Google Design

17)ピクセルのズレをなくす

ピクセルのズレは全体的にボンヤリとした印象につながります。Webサイトに限って言えば、UI自体がシンプル化の一途をたどり、図版の印象が全体の印象につながりやすくなっているため、こうしたボンヤリ感はサイト全体の見た目の印象に大きく影響します。ピクセルにスナップする設定にしたり、パスの位置を細かく調整するなど、ピクセルのズレに繋がるオペレーション上の悪い癖は早々に無くすようにしましょう。

18)想像で形を作らず、参考を見てディティールを研究する

想像スケッチという遊びがあります。アニメのキャラなどのお題を出され、記憶を辿ってその絵を描くというルールですが、あのゲームの面白さは、頭の中にあるイメージとアウトプットされたイラストのギャップにあります。こうしたゲームが成り立つほどに、人の記憶は曖昧だと言えます。ゼロからアイコンを作成する場合、Googleの画像検索などで対象物のディティールをしっかり研究し、特徴を抑えるようにしましょう。

全体バランスのテクニック

19)デザインのトンマナに質感を合わせる

ここまでのテクニックで、図はできるだけルールを少なく、シンプルに作ることを述べてきました。基本的な考え方としてこれらは意識しておくべきですが、図を包括するグランドデザインによっては、適宜アレンジを加えることも重要です。例えばこちらの例のように、グラデーションがデザインのポイントになっている場合はグラフにグラデーションを活かす手もありますし、アイコンには透明感をプラスして重ね合わせるような手法も考えられます。シンプルであることと、デザインのトンマナを合わせることは別次元と心得ておきましょう。

20)同居する別図ともルールを共有する

ここまでこのエントリーでも様々なチャートやグラフ、アイコンを掲載していますが、作成の際には全てを並べた時の統一感を考慮しています。それは配色、書体の種類やサイズ、マージン、テクスチャ感など、いろんなルールが絡んできます。数多くの図を作成しようとすればするほどルールは増えていきますが、無駄なルールを増やさないこと、時にはルールを増やして表現の幅を広げること、見栄えを優先することのバランスをとることが重要です。このバランスは誰からも具体的に教えてもらえるものではありません。

まとめ

細々としたテクニックを述べてきましたが、図を作ることに自信のない方は、まずは冒頭で述べた3つの原則から実践してみてください。図で伝えるべきことは何で、何が最も重要であると伝えるのか?その情報をいかにして少ない要素とルールでシンプルに伝えるのか?最後はデザインの原則をいかに細部にまで浸透させることができるか。これらを如何に突き詰めることができるかが、分かりやすさと美しさを併せ持った図を作るためのヒントになると、私自身は考えています。

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。
ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました


dots.CareerMeetUp – UIUXの巻「うちのUIUX事情/基調講演:BCG Digital Ventures Experience Designer 坪田 朋 氏」

11月26日(土)に渋谷にて、UIUX担当者向けのイベントとして「dots.CareerMeetUp – UIUXの巻」というイベントが開催されました。登壇者はBCG Digital Ventures のエクスペリエンスデザイナー坪田さん、Speeeのアートディレクター篠原さん、ランサーズCTOの横井さん、ウエディングパークのマネジャー西脇さん、三井住友銀行IT戦略室の木村さんという顔ぶれでした。今回は登壇者の方々の話の中で学びになった点をまとめたいと思います。

関係者にどうやってUXデザインの価値を理解してもらうか?

UXデザインは何をもって成功とするかは非常に難しい、という話題はこのイベントでも会話に出てきました。成功したことが実感できるタイミングが数ヶ月・数年後というケースもあるなど、効果を短期的に、且つ明確にで測りにくい概念です。故に、その重要性と身近さ、緊急度、決裁の難しさが多くの企業にあるようです。

実際に制作を担当する人からプロジェクトに関わる関係者たちに、どうやってその重要性を示していくのか?という問題に対して、Speeeの篠原さんからは「権力者を巻き込むこと。社長をワークショップに巻き込むこと。」という意見が挙げられました。

元々トップの意思決定によってUXデザインが事業の中で重視された経緯があれば、トップダウンで社長の口からその重要性を語ったり、一緒にワークショップに参加してもらう機会を作れば、自然と関係者のUXデザインに対する意識も改革されていくというお話でした。

様々な会社の社長の著書の中でも、社長自らその姿勢を行動で示し、結果的に社内のスタッフの意識が変革されていくケースはよく目にします。我々のように実際に手を動かす人たち自身が自分たちの必要とする活動をアピールし、権力のある人の賛同を得ることは、様々な社内政治が渦巻く環境の中では大切であることが伺えました。

UXデザインの価値が通じない環境の場合どうするか

質疑応答の中で「UXデザインの価値を分かってくれない場合はどうしたらよいのか?」という質問があった際、坪田さんからは「価値を認めてくれる会社を選ぶ。自分で選択することが大切。」という回答がありました。

意思決定者が多く、フットワークが重くなる企業の中で、新しい価値観や考え方を受け入れてもらうためには並々ならぬ努力が必要です。自分自身は過去に何千人規模の大企業に勤めた経験はありませんが、やはりそうした無理ゲー感を感じた経験は少なからずあります。

どちらが正しい・間違っているといった話に固執し、貴重な時間をモヤモヤとした気持ちで過ごすくらいであれば、やはり自分が大切にする価値観を共有できるステージに自分自身が近づくことも非常に重要です。時間は無限にあるわけではないので、クリエイター自身も自身のキャリアを厳しい目で見つめて判断する力が必要になります。

このイベントで三井住友銀行の方が登壇していらしたことからも顕著ですが、スタートアップだけでなく、大きな企業もデザインシンキングを取り入れ始めていることがリアルに伺えました。そうした流れの中で、文化を根付かせるところにコミットするか、すでにデザイン文化がある環境でサービスをグロースさせるところにコミットするのかは、クリエイター自身が意識的に選ぶ必要があると感じました。

UI/UXデザイン担当者が身につける必要があるスキル

質疑応答で「UI/UX担当者が今後身につけていく必要があるスキルは?」という質問に対して、ランサーズの横井さんから「知識の深さ、視野の広さ、視差の高さ」という回答がありました。知識の深さは自分自身の専門分野のこと、視野の広さは横軸に居る別の職能に対する理解のこと、視差の高さはビジネスの上流行程への理解のことです。

また別の質問「イケてる・イケてないUX/UI担当者とは?」に対し、三井住友銀行の木村さんからはイケてる人として「ビジネス、エンジニア、デザイナーの架け橋になっている人」という回答が、Speeeの篠原さんからはイケてない人として「UXと言いながら、自分のポジションに閉じてしまう人」という回答がありました。

どの回答からも共通しているのは、UXデザインに関わる際にはビジネス全体を見通す視点を持ち、職能に関係なく目的達成のために協力・理解を惜しまない姿勢を持つことが重要という話です。自らの作業のみの完遂だけを目標とするような視野の狭さでは、ビジネスを通じて顧客に良いUXを与えることはできません。

またUXデザインとは、ユーザビリティやアクセシビリティ同様に、デザイナーやエンジニアなどUXデザイナーという肩書きでなくとも、自分自身の専門知識に加えて持つべき知識です。その考えに対して登壇者の方々の回答は非常に納得できるものでした。

各々の専門分野のスキルや知識は深めつつ、すべてのクリエイターがUXデザインの考え方を身につける必要があると感じました。

サイトパフォーマンスからUXを追及する

見落としがちな視点として、サイトパフォーマンスの視点を大切にするという話がWedding Parkの西脇さんから語られ、非常に参考になりました。情緒的な演出を目的に取り入れた表現がパフォーマンスの悪化を生み、結果的にUXに悪影響を及ぼすケースは多々あります。特にデザイナーは実装フェーズから離れていることが多いため、パフォーマンス観点での使い勝手は改めて認識しなければならないと感じます。

Wedding Parkでは社内の文化としてサイトパフォーマンスを考える活動があり、パフォーマンス改善を盛り上げる社風、パフォーマンス向上のためのハッカソンや合宿、KPI達成による成果報酬(社長からのご馳走)といった文化が作られているという話でした。

海外ではパフォーマンスエンジニアと呼ばれる職業も確立しており、サイトパフォーマンスがUXに密接に関係していることは明白です。Yasuhisa hasegawaさんのポッドキャスト、Automagic Podcastの#175、竹洞陽一郎さんの回でサイトパフォーマンスについて非常に詳しく語られているのを思い出しました。UXをパフォーマンスの視点で考えるヒントが沢山詰まっているので、ぜひ一聴されると良いと思います。

Automagic Podcast #175 竹洞陽一郎さん

人生であと25個くらいしかサービスを作れない

キーノートの坪田さんの話の中で「人生であと25個くらいしかサービスを作れない」という話がありました。自分の現在の仕事のペースを俯瞰して見ると、何年でいくつくらいのサービス開発に関わっているのかが分かります。自分自身が引退する年齢を考えると、あと幾つくらいのサービス開発に関われるのかが分かるということなのですが、坪田さんの場合は「25個」というお話でした。

この件は自分も最近考えることが多く、とても共感できました。近年の自分の働き方を振り返ってみても、長いものだとデザインのフェーズが約半年ほど続く場合もあったり、継続的にサービスをお手伝いするケースも増え続けているため、一定期間に関わるプロジェクト数は減少傾向にあります。

30代を超え、定年する頃の自分のイメージが見え始めると、その時自分はどんなふうに今の自分を振り返るのだろう?と考えるのですが、やはり「全力でやりきった」と言える仕事が沢山あったなと振り返りたいだろうなと感じています。

そうした話を踏まえると、日々目の前にある今現在関わっているプロジェクトこそが、その結果に如実に結びついているということがリアルに感じられるようになります。毎回毎回のプロジェクトに対して、どこまで自分自身の思考を深めることに向き合えるのか、が大切であると感じました。

意識すべきキャリア

坪田さんはキーノートの中で、会社という枠にとらわれずに自身の強みをアピールすることの大切さが語られていました。具体的な例で言うと、SNSを使ったアウトプットであったり、登壇の期会に自身の考えを来場者に伝えるといったものです。

私自身も今年に入って積極的にブログを書くようになり、様々な人と知り合う機会が増えたことで、その大切さを以前よりも意識するようになりました。自ら積極的に思いや考えをアウトプットすると、自分の欲する情報が自然と入り込んでくる流れが生まれ、徐々に環境が変わるものだと感じています。自らの活動をより活性化させるためには、思考を外へ外へと出すことが大切であると感じました。

登壇者の方々の当日のスライドはこちらからご覧ください