最後は実践編です。参加者は4~5人のグループに分けられ、『ポコダン』を横画面でつくる際のコンテンツワイヤーフレームを作成します。

各グループにはUIUX Labのメンバーがつき、コンテンツワイヤーフレームの作り方について説明を聞きながら実践していきます。

各自で洗い出しを行います。

色分けして付箋に書き出します。

付箋を使いながら議論します。
縦幅が狭くなった分パズル領域をいかに確保するか、その他の要素をどこに盛り込むか、また、横持ちの場合の親指の稼働区域に頭を悩ませていたようです。

約60分のワークショップの後、各グループの発表が行われました。あるグループは上に要素を置かずパズルエリアを広く確保し、あるグループはメニュー項目を一つにまとめタップで表示させる仕様にし、またあるグループはキャラクターとブロックの進行方向を変更していました。「左から右に動く仕様に変えることでキャラクターの横顔がユーザーに見えるようにしたい」と説明するグループもあり、さりげない「おもてなし」の心を感じさせます。
鷲山氏は、「各グループとも要素のグルーピングはしっかりできている」とし、「現段階では正解も間違いもない。ここから実際に動かして触って確認するフローになります」とコメント。

「自分が遊んでいるゲームや世の中で当たり前になっているルールなどを
参考に考えることも大切」と鷲山氏。
ワークショップの最後に、「UI/UX設計にはコミュニケーションスキルが必要であることを体感してもらうことでした」と語る鷲山氏。「伝える力」、そして「相手の思いを引き出す力」がよりよいUI/UXを作り出す力になる。参加者は実体験を通じて感じることができたのではないでしょうか。