1.0UX TIMEShttps://uxdaystokyo.com/articles菊池 聡https://uxdaystokyo.com/articles/author/satoshi-kikuchi/rich600338<blockquote class="wp-embedded-content" data-secret="UQTVkYxRpr"><a href="https://uxdaystokyo.com/articles/system-needs-storyboard/">システム開発こそストーリーボードが必要</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://uxdaystokyo.com/articles/system-needs-storyboard/embed/#?secret=UQTVkYxRpr" width="600" height="338" title="“システム開発こそストーリーボードが必要” — UX TIMES" data-secret="UQTVkYxRpr" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://uxdaystokyo.com/articles/wp-includes/js/wp-embed.min.js </script> https://uxdaystokyo.com/articles/wp-content/uploads/2016/04/importance-of-storyboard.jpg512384Storyboard（ストーリーボード）とは ストーリーボードはテレビ広告表現のストーリーと場面を示す草稿の事で、場面の絵とせりふがコマ割りで描かれています。マンガのようなものとイメージするとわかりやすいですね。 もともとは映画のストーリーを効率的に考えるためにウォルト・ディズニーが考え出したものだそうです。ストーリーを練る会議に参加しているアニメーターの方々が自分の頭の中にあるイメージをうまく伝えるために、ラフスケッチをしたりその場で絵を描いたり、映画としての一連の流れが見えづらかったので、ウォルトが一枚の板にアニメーターのスケッチをストーリー順にピン留めしたところ、会議の参加者全員がストーリを視覚的に把握することがでました。さらに、足りないシーンや不必要なシーン、置き換えが必要なシーンがわかるようになった’のがはじまりだそうです。 Storyboard（ストーリーボード）の利点ってなに？ アプリケーション開発やウェブサイト制作では個々の機能や個々の画面に固執してしまいがちです。せっかく頑張って実装しても、そもそもの機能や画面が実はユーザにとって不要なものだったり、ユーザが欲しいものではなかったりしたら非常にもったいないです。ユーザが満たしたいことと実際の画面や機能にズレが生じていると、このようなことが起きてしまいます。 アプリケーション開発やウェブサイト制作の発注元が、必ずしもユーザに対して実現したいことを機能や画面に落とし込めているとも限りません。発注元に言われた通りにしたのに、ユーザーは満足しなかった。。ということはよくありがちです。 過去に「他の人が投稿した内容（内容に関わらず）をスマホアプリの通知機能でお知らせする機能をつけてください。」と依頼されたことがありました。自分が興味を持っている人の投稿なら通知されてもいいかもしれないですが、何の関心を持たない人の投稿内容が通知されても迷惑なだけです。 発注元によくよく聞いてみると、「他のアプリも通知機能を使っているから自分のアプリにも使ってみたい」というだけだったのです。お知らせする機能がユーザーに対して何をもたらすのかということが考えられていなかったわけです。 ストーリーボードではユーザに対して何を実現したいのか、何を体験してもらいたいのかということをストーリー仕立てで1シーンごとに組み立てていきます。実際にストーリーとして落とし込むことで、不足しているシーンや不必要なシーンを洗い出すことができます。 本当にユーザーが体験したいことは何なのかをアプリケーション開発やウェブサイト制作の発注者とすり合わせ、情報を整理することでユーザに隠されたニーズを探し出せたら、発注元からも感謝されるかもしれないです。 参加にあたって 現在私は、企業に常駐してアプリ開発や受託でのシステム開発をしています。受託案件は、基本的には発注元から依頼された通りに開発するのですが、実際に開発した機能がユーザにとって満足のいくものではないことがあります。そのような案件は、発注元に確認してみると、ユーザに何を体験してもらいたいのかのイメージがはっきり落とし込めていないことが多いです。このような失敗がないためには、ユーザーのコンテキストなどを含めたイメージを落とし込むのにストーリーボードは有効なのではと考えています。 昨年もUX DAYS TOKYOに参加させていただきました。Arron Walter氏のワークショップではユーザーにインタビューを行うことでニーズを引き出す方法を学び、Josh Clerk氏のワークショップではタッチスクリーンにおけるUIについて学ぶことができました。具体的な内容はこの記事では記載しませんが、現場で生せているので非常に満足しています。 今回参加するワークショップでは、ストーリーボードの活用方法について実践的に学ぶことができます。エンドユーザーにとって本当に必要なものを発注元やクライアントに提案するための手段として有効に活用できたらと考えています。 梶嶋　佐知子（カジシマ　サチコ） フリーランスエンジニア 新卒でソフトハウスに入社し、テスターからシステムエンジニアとしての経験を積む。 その後金融系システムベンダーに転職。そこで携帯アプリ（その後はスマホアプリ）のプロジェクトに関わったのがきっかけで、現在はフリーランスのエンジニアとしてスマホアプリ開発に携わる。現在、某金融機関に常駐してアプリを開発中。受託でアプリを開発した経験もあり。 言われたものをただ開発するエンジニアではなく、エンドユーザーにとって本当に必要なものを提案できるように、技術を磨くことに加えUI/UXの勉強にも奮闘中。