Submit Search
Upload
マンガボックスのアプリができるまで
•
30 likes
•
6,075 views
tomo tsubota
Follow
マンガボックスアプリ開発の反省から学んだコトを話します
Read less
Read more
Design
Report
Share
Report
Share
1 of 28
Recommended
UIは「習うより慣れろ」
UIは「習うより慣れろ」
tomo tsubota
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
Yu Uno
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
これからのUIデザインを考える
これからのUIデザインを考える
Yu Uno
UIデザインは誰のもの?
UIデザインは誰のもの?
GMO Pepabo, Inc.
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
IoTとUXデザイン
IoTとUXデザイン
Hiroki Hosaka
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
Recommended
UIは「習うより慣れろ」
UIは「習うより慣れろ」
tomo tsubota
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
Yu Uno
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
これからのUIデザインを考える
これからのUIデザインを考える
Yu Uno
UIデザインは誰のもの?
UIデザインは誰のもの?
GMO Pepabo, Inc.
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
IoTとUXデザイン
IoTとUXデザイン
Hiroki Hosaka
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
GREE/Art
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
Practical ux4publish
Practical ux4publish
ncdc_jp
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
テックヒルズ
テックヒルズ
tomo tsubota
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Tatsuya_Yokoyama
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Akihiko Kodama
Prott's design
Prott's design
Yukihiro Kobayashi
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
Yasushi Senda
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
Collaborative design abc2014winter
Collaborative design abc2014winter
Kinya Hiramatsu
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
More Related Content
What's hot
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
GREE/Art
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
Practical ux4publish
Practical ux4publish
ncdc_jp
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
テックヒルズ
テックヒルズ
tomo tsubota
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Tatsuya_Yokoyama
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Akihiko Kodama
Prott's design
Prott's design
Yukihiro Kobayashi
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
Yasushi Senda
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
What's hot
(20)
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
はじめてのUXとUIの話
はじめてのUXとUIの話
Practical ux4publish
Practical ux4publish
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
テックヒルズ
テックヒルズ
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Prott's design
Prott's design
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Similar to マンガボックスのアプリができるまで
Collaborative design abc2014winter
Collaborative design abc2014winter
Kinya Hiramatsu
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
おばかアプリ勉強会資料 マイクロソフト
おばかアプリ勉強会資料 マイクロソフト
atmarkit
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
FujishiroRumi
Weekend Androidのススメ
Weekend Androidのススメ
Suzuki Junko
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
neokigao
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
Norihisa Nagano
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
Akihiro Mukai
効率的なアプリ開発のベストプラクティス
効率的なアプリ開発のベストプラクティス
yayugu
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
Noriyo Asano
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
LiBRA_210201/New_emploee
LiBRA_210201/New_emploee
Masanori Saito
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
Yukio Andoh
211101_DXの基礎
211101_DXの基礎
Masanori Saito
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
Masanori Saito
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
Similar to マンガボックスのアプリができるまで
(20)
Collaborative design abc2014winter
Collaborative design abc2014winter
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
おばかアプリ勉強会資料 マイクロソフト
おばかアプリ勉強会資料 マイクロソフト
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
Weekend Androidのススメ
Weekend Androidのススメ
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
Schoo講演資料130409
Schoo講演資料130409
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
効率的なアプリ開発のベストプラクティス
効率的なアプリ開発のベストプラクティス
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
LiBRA_210201/New_emploee
LiBRA_210201/New_emploee
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
Voice UI Designer Meetup Tokyo 「 VUIデザインの勘所」
211101_DXの基礎
211101_DXの基礎
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
20101127 Android Usability Seminar
20101127 Android Usability Seminar
More from tomo tsubota
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
デザイン組織に本気で取り組む
デザイン組織に本気で取り組む
tomo tsubota
デザインスプリントを採用した方が良い5つの理由
デザインスプリントを採用した方が良い5つの理由
tomo tsubota
DeNA Creativeseminar#2
DeNA Creativeseminar#2
tomo tsubota
スマートフォンセミナー Genesis#01
スマートフォンセミナー Genesis#01
tomo tsubota
第3回マネタイズHacks livedoor Blogのユーザー課金について
第3回マネタイズHacks livedoor Blogのユーザー課金について
tomo tsubota
第3回マネタイズHacks
第3回マネタイズHacks
tomo tsubota
More from tomo tsubota
(7)
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
デザイン組織に本気で取り組む
デザイン組織に本気で取り組む
デザインスプリントを採用した方が良い5つの理由
デザインスプリントを採用した方が良い5つの理由
DeNA Creativeseminar#2
DeNA Creativeseminar#2
スマートフォンセミナー Genesis#01
スマートフォンセミナー Genesis#01
第3回マネタイズHacks livedoor Blogのユーザー課金について
第3回マネタイズHacks livedoor Blogのユーザー課金について
第3回マネタイズHacks
第3回マネタイズHacks
マンガボックスのアプリができるまで
1.
#DeNA UI/UX2014 yahoo!
DeNA UI/UX Seminar 坪田 朋 @ UXデザイナー
2.
マンガボックスの失敗から学んだ事
3.
4.
5.
無料マンガアプリ/プラットフォーム
6.
一話単位で閲覧人数が100 万人超え
7.
5.000.000 A P P
D O W N L O R D over
8.
おかげさまで順調っぽいですが 失敗は数知れず…
9.
今日は失敗経験を話します
10.
約4ヶ月かけて作ったモノを捨てて 1から作り直した 実は…
11.
文字・ボタンでUIを表現しすぎたタップナビが直感的ではないページ単位でUIを考えすぎた機能盛りすぎ OLD NEW
12.
1. 「フラットデザイン」への理解不足 2. 市場の勉強不足。UIへのおごり。 3.
試行錯誤しないプロダクト開発 反省点
13.
局 所 最
適 化 での解決はもう限界
14.
作り直す意志決定
15.
という経緯で産まれました。
16.
クオリティを上げる方法 1. 同じメンバーで作りなおす 2. ゼロベースではなく、同じUXでUIを再構築 3.
一生懸命市場と競合を勉強する
17.
チーム全力でコトに向かって会話する • 要件を分解して、目指すべき点数を全員で共有する • 自己否定になっても、イケてないモノをイケてないと言えますか •
スケジュール、スクラム、組織論、開発ツールなど方法論でコネクリ回してませんか • 心の底から褒められますか?全力で友達・家族に薦められますか? • 「要件・タスク」が正しい前提から話してませんか? • A/Bテスト・定量調査におもねって思考停止していませんか? • ネットで話題の、あるべき論をユーザーに押しつけてませんか? • 失敗の承認とシェア・それを皆の糧に
18.
#CHANGE
19.
#CHANGE 1 マネジメント/シニアも デザイナー1年生 坪田もアプリ作ってみた
20.
#CHANGE 2 Photoshop ↓ Sketch 3
21.
#CHANGE 3 Prott FLINTO プロトタイピングツール の導入
22.
#CHANGE 4 UIデザイナー =
GUI +アニメーション
23.
#CHANGE 5 どんなに考えて作っても イケテナイものができるコトもある プロトタイプ必須
24.
まとめ
25.
1. Sketch 3
を導入しましょう 2. プロトタイピングツールを導入しましょう 3. UIデザインはエンジニア+デザイナーで作る 明日からはじめるUIデザイン
26.
DeNAに入社しましょう 明日からはじめるUIデザイン
27.
#DeNA UI/UX2014 yahoo!
DeNA UI/UX Seminar 坪田 朋 @ UXデザイナー
28.
Thank you nkyou