産学協同研究
近年、スマートフォンアプリやWebサイトのUI・UXのデザインは、ユーザーとサービスとの接点として重要度を増しており、優れたUIを短期間で完成させるデザイン手法が求められています。
このプロジェクトは、多摩美術大学とデザイン会社 Goodpatchが、アプリ・Webサイトの開発現場で利用されているプロトタイピングツール「Prott」を大学の授業に導入し、より効果的で洗練されたUIデザインを生み出すためのデザイン教育方法を共同研究したものです。
この共同研究では、初めてアプリをデザインする学生が「写真機能による生活を楽しくさせるアプリデザイン」をテーマに、プロトタイピングツールを使用することで、いち早く洗練されたUIデザインを生み出すための手法を学びました。本サイトはプロジェクトの成果をまとめたサイトです。
Prottは、モバイルアプリ・Webサイトの画面のアイディアスケッチや画像データを取り込み、遷移先のリンクやアニメーションを設定することで、簡単に動くプロトタイプを作成することができます。コーディングは一切不要です。
オシャレが好きな人、また朝起きるのがよわい人のために、衣服のコーディネイトをだれかにしてあげたり、してもらおうことができます。衣服を写真に撮って、アプリ内のクローゼットに保存するだけで、コーディネイトの幅が広がります。
ひとが使いやすいと思えるUIデザインをすることは、今までの自分の実力ではなかなか難しく、考えることが苦手でした。しかしそういう能力はこれからの需要に応えていくために必要になるものだと思います。
そして現場にいるデザイナーからいただけた実際のコメントは、この作品をブラッシュアップするヒントになるだけでなく、今後の作品制作に生かすことができるものになりました。またユーザーターゲットやアプリの売れ方などについて、あらためて発見することができました。またこのアプリの今後の展開についてのコメントをいただけたことも学びになりました。
自分のお気に入りの写真と今の気分の状態を選ぶと、アプリが写真の色や写っているものを認識し、今の気分とその写真に合った曲をかけてくれます。楽曲は自分のミュージックライブラリ、またはiTunes Storeから再生されます。特にiTunes Storeを選択している時は知らない曲も再生されるので、お気に入りの曲が新たに見つかるかもしれません。
UIデザイン演習の授業では、写真を題材としたアプリの考察をもとに、グラフィックを作成し、ユーザビリティテストをおこないました。皆それぞれ面白いアイディアでグラフィックを作成していて、プレゼンを聞いていて楽しかったです。またユーザビリティテストやプレゼンでは、多くのアドバイスをいただくことができて、とても勉強になりました。
多摩美のオープンキャンパスに来た人や、また来れなかった人についてもイベントを楽しむことのできるアプリです。リアルタイムに開催されているいくつかのイベントの中から、ユーザが興味をもつ学科ついて紹介することができます。
UIデザインは初めての経験で、ユーザーのためのデザインを考えることに慣れていなかったこともあり、ユーザビリティテストでは 苦労しました。Goodpatchの方が毎週来て下さったので実践的な事について色々学ぶことができてUIデザインに興味が湧きました。
このアプリは、「家族の系譜（歴史）」「家族の思い出のアルバム」「それぞれの年代の流行歌や出来事の記録」をもとに編集することができます。簡単な操作で、いつでも、どこでも、家族 で気軽に作ることで、世代を超えて家族のことを伝えていくことができます。
アプリ制作にあたって、世に出ているアプリが如何にユーザーにとって使いやすくデザインされているのか実感することができました。また、ユーザーや５W１Hを想定しながら制作することは、デザインに必要不可欠であることを学ぶことができました。この産学協同研究で得た経験を生かしレベルアップしていきたいと思います。
ユーザーの間で撮影したノートの写真を共有する、主に学生向けのSNSアプリです。
産学共同研究において、実際に制作の現場で働いているデザイナーからアドバイスを頂けるのは貴重な体験でした。作品をつくる上で、参考になる意見や指摘など多くのことを学ぶことができました。Prottのアプリケーション自体についても、こんなに便利なものがあったのかという驚きがありました。
自分の持っているファッションアイテムをアプリに登録して管理すると共に、新たなアイテムを購入する時の参考にしたり、今までにない組み合わせをシミュレーションすることができるアプリです。
プロの現場、制作のプロセスを知ることで、よりユーザーの感覚や経験に基づいたデザインを学ぶことができました。今回使用した「Prott」というアプリケーション自体も、日々アップデートを重ねてユーザーである私たちが快適に作業できるようなデザインになっていたことも非常に参考になりました。
このアプリはグラフィティというアート作品を載せることができます。グラフィティとは、スプレーやフェルトペンなどを使い、壁などに描かれた落書きのことです。
今回産学協同プロジェクトを経て、UIデザイナーが使っている「Prott」というプロトタイピングツールを使用してアプリのデザインを考えられるのは、とても刺激的でした。
鉛筆で描いた簡単なスケッチが画面の中で動くのもとても面白いですし、いきなりIllustratorなどのアプリで作っていくのではなく、スケッチから動きを見れるので何度でも手軽に直しながら作業ができたので、頑張れたと思います。またユーザビリティテストも繰り返すことによって、自分一人では気がつかなかった様々なことを発見できました。アプリは、ボタンの位置など深く考えられていることを感じることができました。
このアプリは、多摩美大の学生が自分の作品を投稿して様々な人からアドバイスをもらうことで、自分の作品の向上につなげることを目的としています。
誰かの作品に対してアドバイスや質問をする際に「部分的に質問をしたいところ」「アドバイスしたいところ」「お気に入りのところ」など、作品の興味のある範囲を選択してコメントすることができます。それによって、作者は具体的にコメントをもらえたり、作品のどの部分へのアドバイスなのか、またお気に入りにされているのか一目でわかるようにしました。
今回のGoodpatchとの産学協同研究では、色々なアプリのデザインや構造を参考にできたこと、多くのプレゼンを通して学んだこと、ユーザービリティテストで発見したことがありました。特に、アプリをデザインされているデザイナーからアドバイスを聞く機会があり、とてもいい経験になりました。
ドラマやアニメ、映画等の舞台となった場所を観光する際に、より楽しくするアプリです。
実際にデザインの第一線で働いているデザイナーの方から直接意見やアドバイスを頂けたのは、非常に貴重な経験だと感じています。Goodpatchにおいてプレゼンを行い、アプリやポートフォリオにコメントを頂けたことも嬉しかったです。
過去の共同研究作品
2015年度
Goodpatch（株式会社グッドパッチ）は、UIの設計・デザインに特化した東京とベルリンに拠点をもつUIデザインカンパニーです。WebサービスからiOS/AndroidアプリサービスのUX・UIの企画設計、プロトタイピング、実装までワンストップで提供しています。
アプリのデザインは複雑かつ脳の汗をたくさんかきますが、デザインの現場のお話や授業を通し、UX・UIデザインに興味を持ち、もっと学びたい！という学生が何人も出てきてくれたことが一番嬉しく思います。いろんな手段を使って「汚くてもいいから、早く作って動かす」ということを大切に！
1986年生まれ。2009年多摩美術大学情報デザイン学科卒業後、モラトリアムを経て、デンマークCopenhagen Institute of Interaction Designへ。帰国後、デザインコンサルティングの会社を経て、2013年Goodpatchへ。現在はサービスやアプリのディレクション、情報設計、UIデザインを行っている。
動くプロトタイプを作るとき、これまではプログラミング技術の問題で作品のクオリティに差が出てしまうことがありました。この授業ではProttで制作を効率化し、サービスに注力してデザインができたと思います。たった1週間で劇的にクオリティが上がった学生がいたことが印象的でした。
1987年生まれ。2009年多摩美術大学情報デザイン学科卒業後、カナダへ語学留学。帰国後、2年間フリーランスとして活動。主にWebやグラフィックデザインを手がける。その後、システム会社に勤務し、2014年Goodpatchに入社。現在はアプリやWebなどのディレクションやUIデザインを行う。
学生の作品に関すること・教育現場でのPrott導入検討の方は
お気軽にご連絡ください。
prott-sales [at] goodpatch [dot] com
をもっと詳しく
情報デザイン学科 情報デザインコース
多摩美術大学情報デザイン学科では、「情報」をデザインの対象とした特色あるデザイン教育・研究を行っています。Web / UI / ゲームデザインなどIT分野を中心に、多くの人材を輩出しています。
学生達は自由にストーリーとアイデアを発想し、それを直ちにProttを使ったモデルで確認することができました。またユーザテストで発見した問題をProttを使うことで、より簡易にフィードバックができるなど、デザインプロセスの効率化がもたらされました。それによってアプリデザインそのものの魅力を学生達に伝えることができました。
筑波大学芸術専門学群卒、同大学院芸術研究科を経て、GKインダストリアルデザイン研究所入社。1995年多摩美術大学講師を経て現職。専門はプロダクトデザイン・情報デザイン。現在、表現ワークショップなど「学習環境のデザイン」に着目し、特に「幼児の表現を通した学びや遊び」をテーマに実践研究を展開。「学びの活動を観察記録するためのアプリケーション」の開発研究をおこなっている。2005年博士（感性科学：筑波大学）。
スマホアプリのユーザー・インタフェース（UI）をデザインする授業はこれまでにも実施していましたが、Prottを導入した今年度は、着想からアイデアを形にするまでのプロセスが目に見えて早くなりました。また、ユーザーテストによってデザイン検討を繰り返すことで、デザイン提案のクオリティーが上がっています。
千葉大学工学部工業意匠学科卒。情報機器メーカーのデザイン部門勤務の後、多摩美術大学大学院（修士）、同大学研究員、静岡大学情報学部助手を経て、1998年多摩美術大学情報デザイン学科の新設とともに着任、2007年より現職。専門はUI/UXデザイン、サービスデザイン。企業との産学共同研究を数多く手がける。芸術学修士（多摩美術大学）、経営情報学修士(MBA)（多摩大学）。