SlideShare a Scribd company logo
~Google Play ベストオブ2016特集~
効率よく、
品質よく、
アプリを育てよう。
Prott User Meetup Vol.16
2017.1.18
株式会社ネクスト
小林武蔵
Out Line
• 自己紹介
• サービスの紹介
• なぜベストに選ばれたのか
• Prott を活用した事例
• Prott のこんな使い方
• テーマについて考える
自己紹介
こばやし むさし
小林 武蔵
デザイナー
Android UI/UX
東京都出身
犬、写真
サービスの紹介
HOME’Sのビジョン
より良い住生活のために優れた情報を提供し、
「最高のマッチング」を永続的に支援する。
HOME’S Android App の変遷
Ver.1 Ver.2 Ver.4~5
マテリアル対応
ベストアプリ
2010.xx 2010.05 2014.09 2016.11
Ver.3
リニューアル
Prott user meetup 16 効率よく、品質良く、アプリを育てよう。
なぜ、ベストに選ばれたのか
実際はわからないので、
Androidアプリ開発メンバーの想像です。
• ユーザーの声に応える(レビューへの対応など)
• テストの徹底とクラッシュログ管理
• マテリアルデザインガイドラインの徹底
• 新しい技術に取り組み続けること(Android Wear・Firebase)
• スピードを持って対応する(更新性の高さ)
• ビジョンを掲げ、邁進している
• APIのマイクロサービス化で開発効率UP
• etc
テストの徹底、クラッシュ管理、
ビジョンを掲げ邁進する、挑戦するなど
効率よく
ユーザーとのコミュニケーション、
ガイドライン徹底、スピード対応など
品質よく
Prott を活用した事例
デザインチェック出しの工数削減
繰り返す作業をぐっと圧縮
デザインチェック出しの工数削減
繰り返す作業をぐっと圧縮
プロトタイピングツールを
使うまでは、HTML化して
実機で確認していたので
チェックを準備する工数が
恐ろしく掛かっていた…
1m
20m
2m
1m
画像書き出し
HTML化
サーバーにアップ
認証をつけて展開
Prott導入前
デザインチェック出しの工数削減
繰り返す作業をぐっと圧縮
Prott導入後
画像書き出し
Prott にアップ
遷移を追加
認証をつけて展開
1m
30s
2m
1m
劇的に削減!
精神衛生上、効果スゴイ!
マテリアルデザインに便利
企画・制作・技術で共通認識を持つ
マテリアルデザインに便利
企画・制作・技術で共通認識を持つ
オーバーレイで表示されるよ!とか
アニメーションやタップ領域などの挙動もマテリアルデザインにおいてはとても重要
それを合わせてチェックし、伝えながら共有認識を持つのにも役立つ
このエリアをスワイプで表示されるよ!とか
アニメーションやタップ領域などの挙動もマテリアルデザインにおいてはとても重要
それを合わせてチェックし、伝えながら共有認識を持つのにも役立つ
マテリアルデザインに便利
企画・制作・技術で共通認識を持つ
上スクロール時は
ここで固定!だよ
下スクロール時は
ここで固定!だよ
アニメーションやタップ領域などの挙動もマテリアルデザインにおいてはとても重要
それを合わせてチェックし、伝えながら共有認識を持つのにも役立つ
マテリアルデザインに便利
企画・制作・技術で共通認識を持つ
スピード
ホットモックより早く、パターン出しとプラッシュアップ
施策内容の共有
仕様の読み込み
キックオフ
デザイン開始
施策開始の流れ
スピード
ホットモックより早く、パターン出しとプラッシュアップ
ホットモック
Prott モック
仮実装済
施策内容の共有の
タイミングで
作っちゃう
こんなこと考えてる!やりたいね!の段階で
作っちゃうことも。
Prott のこんな使い方
遷移図を印刷して俯瞰する
全画面(主要画面)入れて印刷
カラートーン、コンテンツが立っているかを見るのに便利
仕様ページに埋め込みで一元化
仕様とモックを一緒に管理
属人化を減らし、次の施策に活かす
テーマについて考える
ユーザー視点でのUI・UX設計のために
ユーザー視点で
UI・UXを設計する方法
ユーザーになる
ユーザーになる
でも、これってスゴい難しい…
そのためにやる3つのこと
作業画面上だけではなく、
実機で触れる(Prott)
ユーザーと同じ立場で
サービスに触れる
ユーザーニーズを
認識する
レビューやコメントから
改善箇所の源泉を探す
ユーザーから意見をもらう
価値はユーザーが決める
フィードバックをもらい
一緒に育てていく
ユーザーと一緒に作る
ユーザー視点でのUI・UX設計のために
ご静聴ありがとうございました
質疑応答お手柔らかに!
懇親会で気軽にお声がけください!

More Related Content

PDF
Prottとsketchとzeplinのススメ
PPTX
ゆめみ流 クライアントワークにおけるトライアル&エラー
PDF
Prott Story ( Prottができるまで )
PDF
女子の心をつかむUIデザインポイント - MERY編 -
PDF
Sketchで変わるワークフロー
PDF
最速でリリースするためのAndroidアプリデザイン
PDF
デザイナーとディレクターのイイ関係の作り方
PDF
デザインツール戦争とMaterial Theme Editor
Prottとsketchとzeplinのススメ
ゆめみ流 クライアントワークにおけるトライアル&エラー
Prott Story ( Prottができるまで )
女子の心をつかむUIデザインポイント - MERY編 -
Sketchで変わるワークフロー
最速でリリースするためのAndroidアプリデザイン
デザイナーとディレクターのイイ関係の作り方
デザインツール戦争とMaterial Theme Editor

What's hot (20)

PDF
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
PDF
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
PDF
DeNAでのサービスの作り方
PPTX
UnityでUI開発を高速化した件
PDF
「Camelog」Android開発秘話
PDF
Pixate導入についてのあれこれ
PPTX
Substance Designer の使い方事例
PDF
デザイナーの私と サービスをつくる私
PPTX
おばかアプリ勉強会資料 シグマコンサルティング
PDF
僕らのデータ同期プラクティス
PPTX
社員旅行はもう古い! いいことづくめのワーケーション
PPTX
2017年1月24日開催「App Talk Night」発表資料
PDF
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
PDF
20160124_GPL勉強会
PDF
約2ヶ月デザイナーとペアプログラミングを行なった話と僕が伝えたいこと
PDF
知識ゼロからモバイルアプリをデザインして失敗した話
PPTX
2017年1月24日開催「App Talk Night」発表資料
PDF
Gcm#3 uiデザインの品質を効率的に向上させるには?
PDF
Unity2DとNewGUIについて
PDF
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
DeNAでのサービスの作り方
UnityでUI開発を高速化した件
「Camelog」Android開発秘話
Pixate導入についてのあれこれ
Substance Designer の使い方事例
デザイナーの私と サービスをつくる私
おばかアプリ勉強会資料 シグマコンサルティング
僕らのデータ同期プラクティス
社員旅行はもう古い! いいことづくめのワーケーション
2017年1月24日開催「App Talk Night」発表資料
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
20160124_GPL勉強会
約2ヶ月デザイナーとペアプログラミングを行なった話と僕が伝えたいこと
知識ゼロからモバイルアプリをデザインして失敗した話
2017年1月24日開催「App Talk Night」発表資料
Gcm#3 uiデザインの品質を効率的に向上させるには?
Unity2DとNewGUIについて
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
Ad

Viewers also liked (14)

PDF
もしデザイナーが経営者になったら - ブランド力が大事になる、これからの時代に -
PDF
ゲーム情報設計における「霧」との戦い
PDF
1→10に!サービスがぐんぐん成長する育て方
PDF
Goodpatch Berlin Report
PDF
Prott user meetup vol.17 mydcプレゼン
PDF
共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -
PDF
【独自url(ユーザーネーム)の取り方】
PDF
ElasticBeanstalk で新規事業を爆速ローンチする
PDF
docxをmdで書こう
PPTX
HOME'SアプリのFragmentとデザインの関係 Minami Aoyama Night #2
PDF
心地よいUIの温度 - 言葉と気遣いで高めるUI -
PDF
見やすいプレゼン資料の作り方 - リニューアル増量版
PDF
Design in Tech Report 2017
PDF
3 Things Every Sales Team Needs to Be Thinking About in 2017
もしデザイナーが経営者になったら - ブランド力が大事になる、これからの時代に -
ゲーム情報設計における「霧」との戦い
1→10に!サービスがぐんぐん成長する育て方
Goodpatch Berlin Report
Prott user meetup vol.17 mydcプレゼン
共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -
【独自url(ユーザーネーム)の取り方】
ElasticBeanstalk で新規事業を爆速ローンチする
docxをmdで書こう
HOME'SアプリのFragmentとデザインの関係 Minami Aoyama Night #2
心地よいUIの温度 - 言葉と気遣いで高めるUI -
見やすいプレゼン資料の作り方 - リニューアル増量版
Design in Tech Report 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017
Ad

Similar to Prott user meetup 16 効率よく、品質良く、アプリを育てよう。 (20)

PDF
.NETはインテリジェントエッジの夢を見る
PPTX
Uno Platform か Blazor
PPTX
仙台IT文化祭(2017年) ユニバーサル windows プラッ トフォーム (uwp) アプリ開発概要
PDF
企画したUXをプロダクトに反映するディレクション
PDF
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
PPTX
BtoB新規事業を舵取りするためのユーザー調査
PDF
Yahoo!ブラウザーにおける市場環境の分析と戦略化
PDF
AndroidのUI設計で押さえておきたいポイント
PDF
グロースハック なぜ我々は無意味な施策を打ってしまうのか
PDF
10分ユーザテストのすすめ
PPTX
【デブサミ2010】アジリティを向上させる開発ツールの進化
PDF
コンテンツで改善する UI デザインの極意
PDF
Decode2017を振り返りアップデート情報チョット見せ
PPTX
楽天のレジャー・サービスにおける自動化の取り組みとその効果
PDF
自然言語処理を 役立てるのはなぜ難しいのか(2022/10/25東大大学院「自然言語処理応用」)
PDF
言語系サービスの統合ポータル Language Studio で Microsoft AI を再確認
PDF
勘違いだらけのAndroid UIデザイン
PPTX
デスクトップアプリを『一歩前へ』進める方法
PDF
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
PDF
[UX]は投げ捨てろ!
.NETはインテリジェントエッジの夢を見る
Uno Platform か Blazor
仙台IT文化祭(2017年) ユニバーサル windows プラッ トフォーム (uwp) アプリ開発概要
企画したUXをプロダクトに反映するディレクション
JaSST nano vol.1 "映え”を評価する~UXテストの取り組みなの
BtoB新規事業を舵取りするためのユーザー調査
Yahoo!ブラウザーにおける市場環境の分析と戦略化
AndroidのUI設計で押さえておきたいポイント
グロースハック なぜ我々は無意味な施策を打ってしまうのか
10分ユーザテストのすすめ
【デブサミ2010】アジリティを向上させる開発ツールの進化
コンテンツで改善する UI デザインの極意
Decode2017を振り返りアップデート情報チョット見せ
楽天のレジャー・サービスにおける自動化の取り組みとその効果
自然言語処理を 役立てるのはなぜ難しいのか(2022/10/25東大大学院「自然言語処理応用」)
言語系サービスの統合ポータル Language Studio で Microsoft AI を再確認
勘違いだらけのAndroid UIデザイン
デスクトップアプリを『一歩前へ』進める方法
ドコモAIエージェントにおけるデバイスWebAPIの活用とサポートプログラムについて
[UX]は投げ捨てろ!

Prott user meetup 16 効率よく、品質良く、アプリを育てよう。