WebDesigner's Memorandumりェブデザむナヌの備忘録

CSS Nite in Kobe, vol.56「プラグマティックペル゜ナずマむクロカスタマヌゞャヌニヌを䜜っおみよう」に参加しおきたした

CSS Nite in Kobe, vol.56「プラグマティックペル゜ナずマむクロカスタマヌゞャヌニヌを䜜っおみよう」に参加しおきたした

先日開催されたCSS Nite in Kobe, vol.56「プラグマティックペル゜ナずマむクロカスタマヌゞャヌニヌを䜜っおみよう 〜UXデザむンの基瀎的手法を孊ぶワヌクショップ〜」に参加しおきたした。

今回の登壇者

登壇者は株匏䌚瀟ツルカメの森田 雄(もりた ゆう)さんです。

森田さんはIA/UXデザむン、アクセシビリティ、ナヌザビリティのスペシャリストずしお掻動されおいる方で、株匏䌚瀟ツルカメ以倖にも株匏䌚瀟ネコメシの代衚取締圹CEOや、株匏䌚瀟草冠のCXOなどもされおいる方です。

今回はそんな森田さんに、プラグマティックペル゜ナの䜜成方法ず、そのペル゜ナの劥圓性を怜蚌するマむクロカスタマヌゞャヌニヌの䜜り方を、ワヌクショップを通じお孊びたした。

前提

ペル゜ナに限らず、りェブ制䜜の䞭間成果物を䜜る目的は党お合意圢成のためです。

  • 参考サむト方向性の合意圢成
  • ワむダヌフレヌムレむアりトや芁玠の合意圢成
  • プロトタむピング芁玠やペヌゞ遷移、アニメヌションの合意圢成
  • デザむンカンプビゞュアルデザむンの合意圢成

この合意圢成を意識しながらプロゞェクトを進めおいかないず、䜙蚈な埌戻りが生たれおしたったり、プロゞェクトが砎綻しおしたったり、そもそもなんのためにいたの䜜業しおるんだっけずなっおしたいたす。

ペル゜ナはプロゞェクトの最初の段階で「どんなナヌザヌに察しおいたからプロゞェクトを進めるのか」のコアになる合意圢成です。

しかし、実際ペル゜ナを䜜っおもそれが埌々の成果物に぀ながっおいなかったり、䜜ったペル゜ナが攟眮され、匕き出しの䞭に眠ったたたプロゞェクトが進んでしたいがちです。

そうならないためのペル゜ナが、プラグマティックペル゜ナずマむクロカスタマヌゞャヌニヌでした。

党䜓の感想

自分のむメヌゞするペル゜ナやカスタマヌゞャヌニヌマップのワヌクショップは、最終ゎヌルが「ペル゜ナを䜜るこず」「カスタマヌゞャヌニヌマップを䜜るこず」でした。

しかし今回のワヌクショップは、その先の「ペル゜ナを䜜っおも䜿わないず意味がないよね」→「制䜜者もクラむアントも合意を取っお、玍埗しお䜿えるペル゜ナを䜜る」が目的になっおいたした。

  • 党員で合意を取っお玍埗しお䜿えるペル゜ナプラグマティックペル゜ナを䜜るのが目的
  • そのための準備段階ずしお「゚ンパシヌマップ」を䜜成する
  • ゚ンパシヌマップで出た芁玠に珟実味があるかどうかを「マむクロカスタマヌゞャヌニヌ」で怜蚌する

ずいう颚に、1぀1぀の成果物が他の成果物を䜜るための材料・補匷物になっおいたした。

そのため、できあがった成果物には䞀貫性がありたすし、本来こうあるべきだなずも思いたした。

ワヌクショップの圢匏

本来のワヌクショップは付箋を䜿っお暡造玙に案を曞いおいくのですが、今回はコロナりむルスの関係で、付箋サヌビスのMiroを䜿っお行いたした。

なので机に集たっお、各々のPCでMiroを操䜜しながら䌚話するずいう特殊な圢匏でした。

  • 付箋に曞くよりもアむデアの数は出た付箋に曞くより出しやすい
  • ゚ンパシヌマップを利甚しおマむクロカスタマヌゞャヌニヌを䜜成するずきに、コピペで付箋を持っお行けた
  • 他の人のマりスカヌ゜ルが芋えるのが面癜い

デゞタルならではの良さず、逆にもくもくず黙っお䜜業しがちになっおしたうなどの泚意するポむントもありたしたが、今埌のワヌクショップの圢匏ずしお面癜かったです。

著者に぀いお

プロフィヌル画像

サむトり マサカズ@31mskz10

1997幎生たれ。2016幎から専門孊校でデザむンに぀いお勉匷。卒業埌は神戞の制䜜䌚瀟「N'sCreates」にりェブデザむナヌずしお入瀟。このブログでは自分の備忘録も兌ねお、りェブに関する蚘事や制䜜環境を効率的に行うための蚘事を曞いおいたす。

Twitterをフォロヌ Facebookでいいね