SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
事業会社と
高速プロトタイピング
株式会社ビズリーチ 小松崎麻里
Mari Komatsuzaki
UIUXデザイナー
2013 2014 2015 2016 2017
グロース
コーポレート
グロース
マーケティング
アプリ
立ち上げ 立ち上げ
ざきまり
1. ビズリーチとは
2. プロトタイピングをする前
3. プロトタイピングのフロー
1. ビズリーチとは
2. プロトタイピングをする前
3. プロトタイピングのフロー
中途採用
検索エンジン
新卒採用
人事クラウド メディア
1. ビズリーチとは
2. プロトタイピングをする前
3. プロトタイピングのフロー
ユーザー体験の見える化ができる
- 改善サイクルが早まる
- チームの目線が揃う
- FBを得やすい
プロトタイピングのメリット
実際のユーザー体験イメージが
湧きにくい
- リリース後修正が発生しやすい
- 手戻りが多い
プロトタイピングがないと
事業誕生
チーム結成
コンセプト
遷移図作成
デザイン
ローンチ
新規事業のローンチまでのフロー
事業誕生
チーム結成
コンセプト
遷移図作成
デザイン
ローンチ
チーム結成
コンセプト
プロトタイピング
プロトタイピング
ローンチ
事業誕生
新規事業のローンチまでのフロー
1. ビズリーチとは
2. プロトタイピングをする前
3. プロトタイピングのフロー
自分
(リードデザイナー)
その他たくさんの方がいます
社長
エンジニア
フロントエンド
ブランド
審査
クリエイティブ
ディレクター
PM
デザイナー ユーザー
新規事業のローンチまでの関係者
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
1 2 3 4 5 6
OK! これならいけます
1. 要件を確認する
自分
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
3 4 5 6
項目決定ありがと! この体験は…
2. 情報を設計する
1 2
OK!
自分
6
3. プロトタイプを共有する(紙)
1 2 4 53
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
確認できる!
自分
6
3. プロトタイプを共有する(データ)
1 2 4 53
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
早いね 実際この項目は…確認できる!できてるね
自分
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
6
見積もれる
4. 仕様を確定する
1 2 3 54
作りますねOK! 仕様書よりいい!
自分
変更する
検索条件の名前を
変更してください
ビズリーチ営業
7/10
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
6
5. 本番通りの体験を確認する
1 2 53 4
自分
一人で改善できる!
社長 エンジニア フロントエンド 審査ディレクターPM デザイナー ユーザー
2 3 4
いいね! OK! 間に合うかな 使いやすい
6. フィードバックを得る
1 65
いいねおー!
自分
これはどう? わかりやすいメモ取れる!
面倒そうって
思われた方いますよね。
体験ベースで製作できるので
ユーザー中心の設計ができる
フローを刻むからこそ
手戻りが少ない
フローごとに担当者が作業開始
できるので全体が前倒す
立ち上げ 追加リリースローンチ遷移図
体験が心配だね
実装間に合いません!
たくさん返しました~
この使い方はしないですね
使いにくいと思うよ
もっと、ここをこう!
イメージできない…
手戻りばかり…
追加修正…
プロトタイピングなし
立ち上げ 新しい改善ローンチプロトタイプ完成
イメージできる設計!
担当者ごとにすぐ作業開始!
新しい改善の余裕!
プロトタイピングあり
イメージでアウトプットを
速く出せることが
デザイナーの一つの価値である
デザイナーが
プロダクトを
主導していける
共にプロダクトを引っ張る仲間を
募集しています!
フロントエンドクリエイティブ
ディレクター
デザイナーフロントエンドフロントエンド リード
デザイナー

Mais conteúdo relacionado

Mais procurados

ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
 
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬんコンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
 

Mais procurados (20)

デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクターデザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
200以上のwebサービス事例から見えてきた鉄板グロースハック ~傾向と対策~ 先生:須藤 憲司
 
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬんコンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
 
新規アプリ開発×Ucd
新規アプリ開発×Ucd新規アプリ開発×Ucd
新規アプリ開発×Ucd
 
VC側からみたアドテク最前線
VC側からみたアドテク最前線VC側からみたアドテク最前線
VC側からみたアドテク最前線
 
ビジネスモデルの作り方
ビジネスモデルの作り方ビジネスモデルの作り方
ビジネスモデルの作り方
 
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
 
Air事業のデザイン組織とデザイナー
Air事業のデザイン組織とデザイナーAir事業のデザイン組織とデザイナー
Air事業のデザイン組織とデザイナー
 
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
 
20160217_よりよいプロダクトづくりのためのデザインプロセス
20160217_よりよいプロダクトづくりのためのデザインプロセス20160217_よりよいプロダクトづくりのためのデザインプロセス
20160217_よりよいプロダクトづくりのためのデザインプロセス
 
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割
 
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
 
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
 
20130309 web sig_security
20130309 web sig_security20130309 web sig_security
20130309 web sig_security
 
はじめてのチーム開発 〜失敗だらけの1年間から学んだもの(仮)
はじめてのチーム開発 〜失敗だらけの1年間から学んだもの(仮)はじめてのチーム開発 〜失敗だらけの1年間から学んだもの(仮)
はじめてのチーム開発 〜失敗だらけの1年間から学んだもの(仮)
 
GREE Creators Meetup_Closing
GREE Creators Meetup_ClosingGREE Creators Meetup_Closing
GREE Creators Meetup_Closing
 
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
 
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
 
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選びWeb制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
 

Semelhante a 20170420_Prott User Meetup Vol.19_ビズリーチ_事業会社と高速プロトタイピング

最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)
IMJ Corporation
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
 
電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説
電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説
電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説
Cybozucommunity
 
【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料.pdf【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料.pdf
contact890866
 
【株式会社PIGNUS】会社概要資料
【株式会社PIGNUS】会社概要資料【株式会社PIGNUS】会社概要資料
【株式会社PIGNUS】会社概要資料
contact890866
 
【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)
【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)
【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)
IMJ Corporation
 
日本の中小企業のIT導入10年の振り返り
日本の中小企業のIT導入10年の振り返り日本の中小企業のIT導入10年の振り返り
日本の中小企業のIT導入10年の振り返り
Yuichi Morito
 
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
Go Sugihara
 

Semelhante a 20170420_Prott User Meetup Vol.19_ビズリーチ_事業会社と高速プロトタイピング (20)

最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)最新事例にみるサービスデザインという新潮流(I・CON2014)
最新事例にみるサービスデザインという新潮流(I・CON2014)
 
Goalist会社概要
Goalist会社概要Goalist会社概要
Goalist会社概要
 
アプリプロモーションのこれまでとこれから(2014/7/4)
アプリプロモーションのこれまでとこれから(2014/7/4)アプリプロモーションのこれまでとこれから(2014/7/4)
アプリプロモーションのこれまでとこれから(2014/7/4)
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 
#cclweb 【vol.4】 アクセス解析体得セミナー ~成功・失敗事例を通じて学ぶアクセス解析。ライブ解析もやります!~
#cclweb 【vol.4】 アクセス解析体得セミナー ~成功・失敗事例を通じて学ぶアクセス解析。ライブ解析もやります!~#cclweb 【vol.4】 アクセス解析体得セミナー ~成功・失敗事例を通じて学ぶアクセス解析。ライブ解析もやります!~
#cclweb 【vol.4】 アクセス解析体得セミナー ~成功・失敗事例を通じて学ぶアクセス解析。ライブ解析もやります!~
 
電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説
電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説
電通、リクルート、サントリーショッピングクラブ、有名企業がいち早く選んだ kintone を徹底解説
 
Ga tracker5_ムラヤマユウスケ_slideshare
 Ga tracker5_ムラヤマユウスケ_slideshare Ga tracker5_ムラヤマユウスケ_slideshare
Ga tracker5_ムラヤマユウスケ_slideshare
 
Fukuda 20121013
Fukuda 20121013Fukuda 20121013
Fukuda 20121013
 
【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料.pdf【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料.pdf
 
【株式会社PIGNUS】会社概要資料
【株式会社PIGNUS】会社概要資料【株式会社PIGNUS】会社概要資料
【株式会社PIGNUS】会社概要資料
 
Financial Planner の為のITの活用
Financial Planner の為のITの活用Financial Planner の為のITの活用
Financial Planner の為のITの活用
 
IT革命からコミュニティ、コミュニケーション革命に!
IT革命からコミュニティ、コミュニケーション革命に!IT革命からコミュニティ、コミュニケーション革命に!
IT革命からコミュニティ、コミュニケーション革命に!
 
【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)
【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)
【IMJ】スマートフォンSEO対策セミナー 第1部 (2015.7.8)
 
SNSとコミュニティ活動 でシームレスに働こう - エンジニアとしての私の働き方 - :Developers Summit 2016 FUKUOKA
SNSとコミュニティ活動でシームレスに働こう- エンジニアとしての私の働き方 -:Developers Summit 2016 FUKUOKASNSとコミュニティ活動でシームレスに働こう- エンジニアとしての私の働き方 -:Developers Summit 2016 FUKUOKA
SNSとコミュニティ活動 でシームレスに働こう - エンジニアとしての私の働き方 - :Developers Summit 2016 FUKUOKA
 
日本の中小企業のIT導入10年の振り返り
日本の中小企業のIT導入10年の振り返り日本の中小企業のIT導入10年の振り返り
日本の中小企業のIT導入10年の振り返り
 
【UX STRAT2014】conference report
【UX STRAT2014】conference report【UX STRAT2014】conference report
【UX STRAT2014】conference report
 
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
デジタルマーケティング時代の横断プロジェクトのあり方とは(アドテック東京2014セッションから)
 
実績リユースマーケットアールソーシング
実績リユースマーケットアールソーシング実績リユースマーケットアールソーシング
実績リユースマーケットアールソーシング
 
Base 20141011 1_for_slideshre
Base 20141011 1_for_slideshreBase 20141011 1_for_slideshre
Base 20141011 1_for_slideshre
 
関西バランス・スコアカード研究会 資料
関西バランス・スコアカード研究会 資料関西バランス・スコアカード研究会 資料
関西バランス・スコアカード研究会 資料
 

20170420_Prott User Meetup Vol.19_ビズリーチ_事業会社と高速プロトタイピング

Notas do Editor

  1. デザイン、HTML、ディレクション、一人で、 バナー、とLP。みいさん驚愕。 アプリ 一番プロトタイピングしてる
  2. 事業の説明 プロトタイプとは課題
  3. インターネットの力で、世の中の選択肢と可能性を広げていく 読み上げる サース 必要な機能を必要な分だけサービスとして利用できるようにしたソフトウェア
  4. プロトタイプとは今までの課題
  5. 読み上げる
  6. 精一杯仕様書つめたあとで 「これはきびし」 利用して、チームの人に感謝 あとで課題に気づいた
  7. 課題を解決した一例 OBOG訪問プロダクト - インフラになる 一気に就活海外では大学から 優秀なOBに合うことできっかけ 画像切れてる大学が多い ビズごめん。 新規、プロトタイプ深掘り、ビズごめん
  8. 読み上げる
  9. どうやって早くしていったのか
  10. ・どう潜在的にあった課題を解決して ・どう関わる人たちに感謝
  11. 立ち上げなので関係者多い 役割というところ 読み上げ 実際もっとたくさん プロトタイプ活用! フローと一緒に話す
  12. アプリの場合 汚い 課題に対して解決できる要件が揃っているか 機能をつけるかつけないか。 スコープ確定 目線合わせ
  13. ページの洗い出し 繊維 優先順位 項目(遷移図またず!) スプレッドシート、項目、入力方法、プレーすホルダーの内容 左脳 体験が見え始める。STEP内で改善が回る
  14. Portt 手元にある アートボードになって繋げる URLでシェア データ。
  15. Sketch プラグイン アートボード変えるだけで連携 PMが経営層 チーム以外の人にヒアリング
  16. プロとが仕様書になっている 動きや繊維もあるので 仕様書よりわかりやすい
  17. ビジュアルデザイン 完成状態をイメージして フロント、ローカルデモ環境 精神と時の部屋。
  18. 大フィーバー 忙しいPM(メール通知) 見てもらってメモる 解決済みにしてく ブランド審査 エクセルで文言 関わる人全員で改善。
  19. 完成度の高いものが早くリリースできる
  20. 前倒してイメージを提示していくということは
  21. ・より必要な存在になる ・イメージを掴んでもらうことでデザイナーの意見が通りやすくなる 企画が出せる
  22. Hands up