UI Crunch #3

プロトタイピングの助走と飛躍

http://www.standardinc.jp/

いま話してる人について

吉竹 遼@ryo_pan

2011年～2014年10月までフェンリル株式会社で受託

開発に従事。2014年10月からStandard Incに参画。

プロトタイピングと聞いて

何を思い浮かべますか？

プロトタイピングは

ツールだけで終わらないし

できるものではない

プロトタイピング ＝ 試行錯誤と捉えてみる。

試 行 錯 誤Prototype

Prototyping

プロトタイピングの助走いま

スケジューリング実装

企画提案ビジュアル

アイデア出しユーザーテスト

要件定義設計

スケジューリングの試行錯誤

• プロトタイピングを取り入れたことはあるか

• エンジニアや営業と連携は取れているか

• 修正やテスト準備の期間は考慮しているか

企画提案 の試行錯誤

• リーンキャンバス

• KPI、KGIの設定

• プロモーション施策など

アイデア出しの試行錯誤

• リサーチ

• 紙ベースのスケッチを繰り返しやる

• ペーパープロトタイピングは必要に応じて

要件定義 の試行錯誤

• デザイナーだけが独走している部分はないか

• 認識に齟齬はないか

• プロトタイプベースで話は進められそうか

設計 の試行錯誤

• ユーザビリティやインタラクションの考慮

• 自分の中で仮説をちゃんと立てられているか

• 体験の統一感は保たれているか

ユーザーテストの試行錯誤

• 仮説が検証できるテスト設計か

• デザインデータは柔軟に対応できているか

• テストを通じてヒントを見つけられるか

ビジュアル

• 世界観は設定できているか

• 言葉使いやアイコンは共感を呼べそうか

• 編集や実装を想定したデザインデータの作成

の試行錯誤

実装 の試行錯誤

• エンジニアと正しく意思疎通できているか

• アニメーションを伴った実装

• レイアウト仕様は伝わりやすく直しやすいか

勇気を持って試行錯誤しよう

• 早い段階で周りと共有する

• 捨てる勇気と変えない勇気

• 言いなりになれというわけではない

助走、めっちゃ走ってる

障害物競争かってくらい範囲が多岐。これら全部

をマスターして実践するのは大変だけど

意識せざるを得ない時代にはなるし、瞬時に多く

の物事を判断する力が求められている。が、もちろん1人で全部やろうとする必要はない

スケジューリング実装

企画提案ビジュアル

アイデア出しユーザーテスト

要件定義設計

点線(なんとなくやる)ではなく

実線(考え実行し続ける)の

プロトタイピングを心がける

プロトタイピングの飛躍これから

これからの時代、

求められるプロトタイピングとは試行錯誤

少し話は飛躍します

そもそも、私たちは

何をデザインしているのか？

というか、“私たち”って？

Web

スマホアプリ

Webデザイナー

UIデザイナー

Web

スマホアプリ

Webデザイナー

UIデザイナー

私たちがデザインしているもの

体験・物語

Webやアプリケーションは、

あくまで体験や物語を伝えるための

インターフェイスのひとつに過ぎない

「プロトタイピング」が広範囲に及んだ際に

基点となりそうな考え方は何か。

人に寄り添う体験や物語を届けるために、

人への興味を持ち続けること

自分は人間だし、あなたも人間で、

この世界で生きているということを

忘れずにい続けることが、

これからの時代を考えるデザイナー、

プロトタイピングに求められている

ことなのではないでしょうか。

われわれが、「ユーザ」や「顧客」を理解するためには、彼らが自分たちと変わらない人間であり、同じように日常的に暗黙の境界や区分をまたいでいることを覚えておく必要がある。(中略)

人は一貫性がなく、めったにはっきりと物を言わないし、社会的、文化的な境界を思いがけないやり方で越えようとする。 人を理解するための第一歩は、現実に即して人を

見ることだ。(第3章「人間を理解する新しい方法」より)

“

”

まとめ

• 試行錯誤し続けよう

• 勇気を持ち続けよう

• 人間への興味を失わずにい続けよう

ありがとうございました。