3. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
株式会社スピカ
正?木 友佳
3
?自?己紹介:元エンジニアです
2年年ほど前まで
アプリ作ってました
4. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
4
自己紹介:こんなもの作ってました
5. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
5
?自?己紹介:ディレクターは2年年?目
というサービスの
ディレクター(3代?目)をしています!
具体的には…
アプリやwebの企画やUI設計
SEOやASO対策、お問い合わせ対応
etc.
色々とやってます
簡単な開発やログ調査だったら自分でやっちゃいます!
6. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
ネイルブックのご紹介
31. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
31
① 女子会でヒアリングする
?女女?子会と銘打ってユーザと話をする場を定期的に設ける
32. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
32
② 仕様をまとめる
機能追加やイベント企画をする場合は
まずディレクター陣や周りの?女女性に意?見見を聞く
違和感を感じたら練り直し!
?女女性の普段の?行行動に沿うような導線や
企画になるまで考える
33. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
33
③ 企画がまとまれば模造紙プロトタイピング
模造紙に書いた画?面の上に
付箋で補?足事項や検討事項などを
貼っていく
?小さく書くよりも断然効率率率的
?色々書き込めるので情報の整理理もし易易い
iPhone5
34. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
34
④ デザイナーにラフの作成を依頼
デザイナーとのやりとりは
backlog+slack+GoogleDriveで
35. 実際に端末上で動くものを作って
操作や導線に違和感がないか確認
Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
35
⑤ Prottを使ってプロトタイプを作成
popやprototyperなど?色々使ってみたが、
今のところProttが?一番使い勝?手が良良い
36. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
36
⑥ プロトタイプを使ってもらう
UI設計者以外の?人にプロトタイプを
実際に触ってみてもらう
※?爪の??長い?人がベスト
ここで思った通り使ってもらえなかったら
模造紙プロトタイピングに戻る
37. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
37
⑦ ここでエンジニアにバトンタッチ
プロトタイプが完成したらエンジニアにバトンタッチ!
38. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
38
⑧ 開発完了了後はアプリ配布ツールを使って確認
TestFlightやcrashlyticsを使って開発アプリを配布
仕様のズレ、不不具合などがないか確認
39. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
39
⑨ ユーザテストの実施
UIScopeなどのユーザテストサービスを利利?用して
初?見見のユーザさんにアプリの操作感を評価してもらう
40. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
40
⑩ 申請またはリリース
リリース後は申請中のバージョンのアプリを本番ビルド
普段から使って不不具合がないかチェック
もし不不具合を?見見つけたら申請を取り下げて修正する
41. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
1. 開発の進め?方
2. UI編
3. UX編
4. ユーザ対応
41
?女女性向けサービスの作り?方
42. ?女女性の?行行動にはこんな特徴が!
Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
42
?女女性の?行行動パターンわかりますか?
よく使うアプリの操作は無意識識にやる!
?目的達成までのステップが??長いと途中で嫌になる!
よくわからないことはやらない!
もしくは適当に進める!
そこにあるものはいつもあると思っている!
43. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
43
写真拡?大
写真の拡?大回数
+50%
44. 写真の投稿枚数
+20%
Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
44
写真投稿ステップ減
全5ステップ全3ステップ
45. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
45
何ができるかをわかりやすく
新規会員登録数
+8%
4週間後継続率率率
+5%
46. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
46
タップしてもらいたいボタンを左下に
総かわいい数
-‐??6%
47. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
47
UI編まとめ
よく使われているアプリのUIを真似る!
?目的達成までのステップはなるべく短く!
何ができるかは明確に!
絵などを使って説明をわかりやすく
ボタンは動詞にする
パーツの配置換えは慎重に!
48. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
48
UI編おまけ
?女女性はこんなふうに?見見えている!
?目的のもの以外は全く?見見えていない!
49. Copyright
?
Spika
Inc.
2014
all
rights
reserved.
confiden'al
1. 開発の進め?方
2. UI編
3. UX編
4. ユーザ対応
49
?女女性向けサービスの作り?方