SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

イベントレポート

開発者とデザイナーのコミュニケーションを劇的に改善したい! UIデザイナー発「プロトタイピング開発」のススメ

  • X ポスト
  • このエントリーをはてなブックマークに追加

 株式会社ディー・エヌ・エー(DeNA)と株式会社グッドパッチ(Goodpatch)は、UIデザインに関わる全ての人のためのコミュニティ「UI Crunch」を主宰しています。勉強会も開催しており、毎回、UIデザインに関わるエンジニアやプランナー、デザイナーが大勢集まります。本稿では、2月19日に東京・渋谷にあるDeNA社を会場に開催された第3回勉強会「今、プロトタイピング開発に求められること」の模様をお伝えします。

  • X ポスト
  • このエントリーをはてなブックマークに追加

UI Crunch #3 - 今、プロトタイピング開発に求められること
UI Crunch #3 - 今、プロトタイピング開発に求められること

 

「プロトタイピング開発」への取り組み発表とパネルディスカッション

 プロトタイピング開発は、プランナー、デザイナー、エンジニア間でのコミュニケーションを円滑にし、チームの意志決定プロセスを激変させる開発手法として、注目度が高まっています。勉強会では前半に、クックパッド、スタンダード、グリー、グッドパッチの4社から招かれたスピーカーが、各社のプロトタイピングへの取り組みを発表。後半に、スピーカー4名にモデレータ1名が加わってのパネルディスカッションが行われました。

発表1:チーム開発におけるkeynoteを使ったプロトタイピング

 最初に登壇したのは、クックパッドの元山和之氏です。デザイナーとしてiOSリニューアルなどに関わっているという元山氏は、Mac用のプレゼンテーションソフト「Keynote」を使ったプロトタイピング手法を紹介しました。

クックパッド デザイナー 元山和之氏
クックパッド デザイナー 元山和之氏

 

 元山氏は発表の中で、プロトタイピングをこう定義しています。

 「プロトタイピングとは、製品やサービスを作る前に、早期に完成系に近い試作品を作って検証などを行うことだと思っています。目的は、時間およびコストを削減することと、ユーザーを理解すること。できるだけ早い段階で素早く作り、課題を洗い出して製品の精度を高めていくことが重要です」(元山氏)

 つまり、プロトタイピング開発の要点は、実際の開発に入る前に問題点を見つけ、最短で製品の完成形を目指すこと。書く必要がなかったコードを書いてスクラップ&ビルドするのではなく、その前段階でスクラップ&ビルドするのがねらいです。

プロトタイピング開発の要点
プロトタイピング開発の要点

 

 また、プロトタイピング開発による実際の利点は、「思考」「共有」「検証」の3つがあると元山氏はいいます。

 「プロトタイピングは目に見えるものを作るので思考を重ねやすく、チームで共有することも容易。そして、それを(製品を作る前に製品に課題がないかを)検証することができます」(元山氏)

プロトタイピングがもたらす実際の利点
プロトタイピングがもたらす実際の利点

 

 とはいえ、「スケッチを手で描いてペーパープロトを作ることもできるが、プランナーもエンジニアも誰でも描くのは得意ではありませんし、PhotoshopSketchも非デザイナーが使うのは難しい」(元山氏)という現実的な壁が立ちはだかります。そこで元山氏が行うようになったのが、Keynoteを使ってアプリのプロトタイピングを行うこと。Keynoteならプランナーなども抵抗なく使えるからだそうです。

 さらに、Keynoteを使うことにはもう1つ利点があると元山氏はいいます。

 「プロトタイピング開発では、実際に目で見て動きなどを確認する必要がありますが、Keynoteにはトランジションが入っていて、モーダルやプッシュなどの動きも簡単につけられます」(元山氏)

 ただし、Keynoteプロトタイピングはとても優れている一方、画面遷移などを作りこんだり、手元で確認するということには向いていません。そのため、誰でも簡単に使える「Prott」というプロトタイピングツールを併用しているとのこと。「両方のツールを組み合わせて使うのが効果的」(元山氏)と、1つのツールで無理に完結しようとせず、メンバーのスキルとの相性を考慮してツールを選ぶ重要さを説いた元山氏のセッションでした。

プロトタイピングツール「Prott」
プロトタイピングツール「Prott」

 

次のページ
発表2:プロトタイピングの助走と飛躍

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
イベントレポート連載記事一覧

もっと読む

この記事の著者

伊藤 貴広(イトウ タカヒロ)

1988年生まれ。福岡県出身。武蔵野美術大学卒業後、株式会社ディー・エヌ・エー(DeNA)に入社。mobageのコミュニティ運営やアプリのプランナーなどを経て、2014年 株式会社SUPERFLATを創業。イラストやマンガの描き方が学べるPalmie(パルミー)をiPhoneアプリYoutubeチャンネルで配信中。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/8535 2015/03/20 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング