Submit Search
Upload
UXから考えるスマホアプリ〜レシピアプリ構築事例〜
•
4 likes
•
1,227 views
Mari Takahashi
Follow
UXから考えるスマホアプリについて、その手法をレシピアプリの構築事例で紹介します。
Read less
Read more
Report
Share
Report
Share
1 of 15
Download now
Download to read offline
Recommended
Using the Fragments(Android)
Using the Fragments(Android)
Teruaki Kinoshita
A guide for beginners on how to use the Fragments.
2015 12 03_uiテストツールについて
2015 12 03_uiテストツールについて
Natsuki Yamanaka
社内勉強会にて発表資料
ABC2016 Spring: Mobile App UX & Design Sprint
ABC2016 Spring: Mobile App UX & Design Sprint
Nobuya Sato
Android Bazaar and Conference 2016 Spring: デザイン・デバイストラック「モバイルアプリのUXとデザインスプリント」発表資料 公開用抜粋版(2016年3月12日、青山学院大学 青山キャンパス 17号館) http://abc.android-group.jp/2016s/timetables/
LEAN UX CIRCLE 進むUXチーム 活動報告
LEAN UX CIRCLE 進むUXチーム 活動報告
Mari Takahashi
LEAN UX CIRCLEで活動した「進むUX」チームの2年間の活動報告会でのプレゼン資料です。
A06 角田研究室6 長谷川和紀
A06 角田研究室6 長谷川和紀
aomorisix
Flutterを用いたDart言語での開発に加えてCloud Firestoreも用いてAndroid端末向けのポートフォリオアプリの開発を行った。開発のためにFlutterとCloud Firestoreを用いた理由としては比較的新しい技術を用いたアプリ開発を行ってみたいと考えたためである。また、ポートフォリオアプリは学内の学生向けに作ることができれば制作課題が生まれた際に参考となる過去の作品が閲覧出来て便利だと考えたためである。
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
某社勉強会で発表した内容。一部伏せ字にしてあります。
connectionpool 事業概要書
connectionpool 事業概要書
Yu Ito
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
Hiroto Igarashi
第28回html5とか勉強会で講演させていただいた内容です。 http://atnd.org/events/27277 当日の動画はこちらでもご覧いただけるようです 。http://www.youtube.com/watch?v=KbyXyJMXzO0
Recommended
Using the Fragments(Android)
Using the Fragments(Android)
Teruaki Kinoshita
A guide for beginners on how to use the Fragments.
2015 12 03_uiテストツールについて
2015 12 03_uiテストツールについて
Natsuki Yamanaka
社内勉強会にて発表資料
ABC2016 Spring: Mobile App UX & Design Sprint
ABC2016 Spring: Mobile App UX & Design Sprint
Nobuya Sato
Android Bazaar and Conference 2016 Spring: デザイン・デバイストラック「モバイルアプリのUXとデザインスプリント」発表資料 公開用抜粋版(2016年3月12日、青山学院大学 青山キャンパス 17号館) http://abc.android-group.jp/2016s/timetables/
LEAN UX CIRCLE 進むUXチーム 活動報告
LEAN UX CIRCLE 進むUXチーム 活動報告
Mari Takahashi
LEAN UX CIRCLEで活動した「進むUX」チームの2年間の活動報告会でのプレゼン資料です。
A06 角田研究室6 長谷川和紀
A06 角田研究室6 長谷川和紀
aomorisix
Flutterを用いたDart言語での開発に加えてCloud Firestoreも用いてAndroid端末向けのポートフォリオアプリの開発を行った。開発のためにFlutterとCloud Firestoreを用いた理由としては比較的新しい技術を用いたアプリ開発を行ってみたいと考えたためである。また、ポートフォリオアプリは学内の学生向けに作ることができれば制作課題が生まれた際に参考となる過去の作品が閲覧出来て便利だと考えたためである。
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
某社勉強会で発表した内容。一部伏せ字にしてあります。
connectionpool 事業概要書
connectionpool 事業概要書
Yu Ito
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
Hiroto Igarashi
第28回html5とか勉強会で講演させていただいた内容です。 http://atnd.org/events/27277 当日の動画はこちらでもご覧いただけるようです 。http://www.youtube.com/watch?v=KbyXyJMXzO0
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
AppPot製品概要
AppPot製品概要
Ryohei Sogo
AppPot(http://app-pot.jp/)の製品概要を説明したスライドです。 AppPotは企業内での利用を想定したMBaaSです。
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Yuichi Kato
第三回Tech After Work@Sony Creative LoungeのLightning Talkで使ったスライドです
Kddi∞labo entry
Kddi∞labo entry
Google, KEIO Business School(MBA),Zaoria
KDDI∞Labo 3rdのエントリー資料
アプリケーションを管理するノーツデータベースについて
アプリケーションを管理するノーツデータベースについて
健補 萩原
テクてくLotus技術者夜会 2017/05発表資料
Pepper アプリデベロッパーのための NAO アプリ開発講座1
Pepper アプリデベロッパーのための NAO アプリ開発講座1
Takuji Kawata
Pepper アプリデベロッパー向けに NAO 向けロボアプリを作る時の勘所をお伝えします。
DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析
インフラジスティックス・ジャパン株式会社
Distinct 2019(https://jp.infragistics.com/events/distinct2019)セッション資料 すでに DevOps を中心とした反復開発が当たり前になりつつある状況の中で、どのような構造を意識すれば、ユーザー インターフェイス部分についても無理なく継続的な改善を続けていくことができるかについて、デスクトップ/ウェブ/モバイルといった代表的なテクノロジー プラットフォームでの考慮点を踏まえてお話しいたします。
AndroidアプリのUI/UX改善例
AndroidアプリのUI/UX改善例
Kenichi Kambara
potatotips (iOS/Android開発Tips共有会) 第26回(2016/02/17)の発表資料です。
Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発
アシアル株式会社
11月10日開催「企業競争力向上のためのHTML5活用戦略会議」資料
iPhoneアプリ開発を楽に楽しくするサイトまとめ
iPhoneアプリ開発を楽に楽しくするサイトまとめ
Hiramatsu Ryosuke
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
Shunsuke Kawai
https://www.microsoftevents.com/profile/form/index.cfm?PKformID=0x3247880abcd&ls=Website&lsd=AzureWebsite https://microsoft-events.connpass.com/event/76568/
Localytics 資料
Localytics 資料
Kohei Yoneda
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
at Infragistics Webinar
通常の3倍の速度でプログラミング!?「 Emacsキーバインドのすすめ」
通常の3倍の速度でプログラミング!?「 Emacsキーバインドのすすめ」
KinkumaDesign
Emacsといえばviと並んで、スーパーはかーな皆様ご用達のエディタ。そして両エディタは、それぞれ特徴的なカーソル移動のショートカット(キーバインド)を持っています。今回はそんな『Emacsのキーバインドならば、IDEを選ばずに通常の3倍の速度で入力可能ッ!』(※)をご紹介します。 ※感じ方には個人差があります この発表は勉強会 DIST.4 「Life is Short」 で行われました このスライドに関するブログエントリ書きました http://www.kuma-de.com/blog/1-diary/2014-08-25/6809
OpenSpan_PreMarketing
OpenSpan_PreMarketing
motani_kamakura
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
WPFアプリ高速開発ハンズオンで弊社製品担当の池原がご説明させていただきました内容です。
Eggplant Functional - Lesson 1 (Japanese slides)
Eggplant Functional - Lesson 1 (Japanese slides)
Eggplant
Introduction and environment preparation
App inventorで想いを形に
App inventorで想いを形に
Takeaki Tada
2012/4/25 早稲田大学ベンチャー起業家養成基礎講座
iOSアプリ開発 脱初心者に向けて
iOSアプリ開発 脱初心者に向けて
Kosuke Ogawa
2014.3.27 スマホアプリ開発勉強会@Talknote
Wankuma0402
Wankuma0402
c-mitsuba
わんくま大阪0402の資料@みつば
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#2ワークショップ編です。 UXデザインのプロセスを体験できるワークショップの進行に利用した資料です。 ■#1講義編はこちら(http://www.slideshare.net/MariTakahashi/ux1-36855537) UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#1講義編です。 UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。 ■#2ワークショップ編はこちら http://www.slideshare.net/MariTakahashi/ux-slideshare
More Related Content
Similar to UXから考えるスマホアプリ〜レシピアプリ構築事例〜
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
AppPot製品概要
AppPot製品概要
Ryohei Sogo
AppPot(http://app-pot.jp/)の製品概要を説明したスライドです。 AppPotは企業内での利用を想定したMBaaSです。
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Yuichi Kato
第三回Tech After Work@Sony Creative LoungeのLightning Talkで使ったスライドです
Kddi∞labo entry
Kddi∞labo entry
Google, KEIO Business School(MBA),Zaoria
KDDI∞Labo 3rdのエントリー資料
アプリケーションを管理するノーツデータベースについて
アプリケーションを管理するノーツデータベースについて
健補 萩原
テクてくLotus技術者夜会 2017/05発表資料
Pepper アプリデベロッパーのための NAO アプリ開発講座1
Pepper アプリデベロッパーのための NAO アプリ開発講座1
Takuji Kawata
Pepper アプリデベロッパー向けに NAO 向けロボアプリを作る時の勘所をお伝えします。
DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析
インフラジスティックス・ジャパン株式会社
Distinct 2019(https://jp.infragistics.com/events/distinct2019)セッション資料 すでに DevOps を中心とした反復開発が当たり前になりつつある状況の中で、どのような構造を意識すれば、ユーザー インターフェイス部分についても無理なく継続的な改善を続けていくことができるかについて、デスクトップ/ウェブ/モバイルといった代表的なテクノロジー プラットフォームでの考慮点を踏まえてお話しいたします。
AndroidアプリのUI/UX改善例
AndroidアプリのUI/UX改善例
Kenichi Kambara
potatotips (iOS/Android開発Tips共有会) 第26回(2016/02/17)の発表資料です。
Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発
アシアル株式会社
11月10日開催「企業競争力向上のためのHTML5活用戦略会議」資料
iPhoneアプリ開発を楽に楽しくするサイトまとめ
iPhoneアプリ開発を楽に楽しくするサイトまとめ
Hiramatsu Ryosuke
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
Shunsuke Kawai
https://www.microsoftevents.com/profile/form/index.cfm?PKformID=0x3247880abcd&ls=Website&lsd=AzureWebsite https://microsoft-events.connpass.com/event/76568/
Localytics 資料
Localytics 資料
Kohei Yoneda
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
at Infragistics Webinar
通常の3倍の速度でプログラミング!?「 Emacsキーバインドのすすめ」
通常の3倍の速度でプログラミング!?「 Emacsキーバインドのすすめ」
KinkumaDesign
Emacsといえばviと並んで、スーパーはかーな皆様ご用達のエディタ。そして両エディタは、それぞれ特徴的なカーソル移動のショートカット(キーバインド)を持っています。今回はそんな『Emacsのキーバインドならば、IDEを選ばずに通常の3倍の速度で入力可能ッ!』(※)をご紹介します。 ※感じ方には個人差があります この発表は勉強会 DIST.4 「Life is Short」 で行われました このスライドに関するブログエントリ書きました http://www.kuma-de.com/blog/1-diary/2014-08-25/6809
OpenSpan_PreMarketing
OpenSpan_PreMarketing
motani_kamakura
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
WPFアプリ高速開発ハンズオンで弊社製品担当の池原がご説明させていただきました内容です。
Eggplant Functional - Lesson 1 (Japanese slides)
Eggplant Functional - Lesson 1 (Japanese slides)
Eggplant
Introduction and environment preparation
App inventorで想いを形に
App inventorで想いを形に
Takeaki Tada
2012/4/25 早稲田大学ベンチャー起業家養成基礎講座
iOSアプリ開発 脱初心者に向けて
iOSアプリ開発 脱初心者に向けて
Kosuke Ogawa
2014.3.27 スマホアプリ開発勉強会@Talknote
Wankuma0402
Wankuma0402
c-mitsuba
わんくま大阪0402の資料@みつば
Similar to UXから考えるスマホアプリ〜レシピアプリ構築事例〜
(20)
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
AppPot製品概要
AppPot製品概要
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Kddi∞labo entry
Kddi∞labo entry
アプリケーションを管理するノーツデータベースについて
アプリケーションを管理するノーツデータベースについて
Pepper アプリデベロッパーのための NAO アプリ開発講座1
Pepper アプリデベロッパーのための NAO アプリ開発講座1
DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析
AndroidアプリのUI/UX改善例
AndroidアプリのUI/UX改善例
Html5で加速するモバイルアプリ開発
Html5で加速するモバイルアプリ開発
iPhoneアプリ開発を楽に楽しくするサイトまとめ
iPhoneアプリ開発を楽に楽しくするサイトまとめ
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
20180206 Lay App Grow App で進める DevOps アプリ開発アプローチ
Localytics 資料
Localytics 資料
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
通常の3倍の速度でプログラミング!?「 Emacsキーバインドのすすめ」
通常の3倍の速度でプログラミング!?「 Emacsキーバインドのすすめ」
OpenSpan_PreMarketing
OpenSpan_PreMarketing
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
Eggplant Functional - Lesson 1 (Japanese slides)
Eggplant Functional - Lesson 1 (Japanese slides)
App inventorで想いを形に
App inventorで想いを形に
iOSアプリ開発 脱初心者に向けて
iOSアプリ開発 脱初心者に向けて
Wankuma0402
Wankuma0402
More from Mari Takahashi
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#2ワークショップ編です。 UXデザインのプロセスを体験できるワークショップの進行に利用した資料です。 ■#1講義編はこちら(http://www.slideshare.net/MariTakahashi/ux1-36855537) UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#1講義編です。 UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。 ■#2ワークショップ編はこちら http://www.slideshare.net/MariTakahashi/ux-slideshare
Lean UX 読書会vol1
Lean UX 読書会vol1
Mari Takahashi
LeanUXの読書会を社内で行いました。 それの第一回資料です。
iOS7に学ぶフラットデザイン
iOS7に学ぶフラットデザイン
Mari Takahashi
社内勉強会用にまとめたフラットデザインの概要と、iOS7で工夫されているフラットデザインのポイントをまとめました。
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
Mari Takahashi
2013年7月24日メンバーズモバイルセミナーの資料。 UXデザインのプロセスを踏んだアプリの企画についてご説明しています。
「デザインの教室」読書会
「デザインの教室」読書会
Mari Takahashi
デザインについての部署内勉強会
UX研修「UXからサイトを考える!」2013新卒向け
UX研修「UXからサイトを考える!」2013新卒向け
Mari Takahashi
2013年新卒向けに実施したUX研修の資料です。 1. UX/UIとは? 2. UXデザインワークショップ 3. 事例紹介 4. まとめ
O2O施策事例集
O2O施策事例集
Mari Takahashi
国内・海外のO2O施策事例をいくつか掲載しています。
ビジネスモデル・ジェネレーション読書会資料
ビジネスモデル・ジェネレーション読書会資料
Mari Takahashi
書籍「ビジネスモデル・ジェネレーション」の、社内読書会用資料です。
「リーンスタートアップ」5章6章サマリー
「リーンスタートアップ」5章6章サマリー
Mari Takahashi
「リーンスタートアップ」社内読書会用に内容をサマリーした資料です。
読書会Vol6
読書会Vol6
Mari Takahashi
社内読書会用の資料です。 アジャイルサムライを皆で読んでいます。
iPhone UI勉強会資料
iPhone UI勉強会資料
Mari Takahashi
iPhoneのUIについての社内勉強会資料です。 1. iPhoneのパーツでよく使うものの説明 2. その他気を使うところ 3. モックアップ作成ツール・UIの参考サイトの紹介
More from Mari Takahashi
(12)
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Lean UX 読書会vol1
Lean UX 読書会vol1
iOS7に学ぶフラットデザイン
iOS7に学ぶフラットデザイン
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
「デザインの教室」読書会
「デザインの教室」読書会
UX研修「UXからサイトを考える!」2013新卒向け
UX研修「UXからサイトを考える!」2013新卒向け
O2O施策事例集
O2O施策事例集
ビジネスモデル・ジェネレーション読書会資料
ビジネスモデル・ジェネレーション読書会資料
「リーンスタートアップ」5章6章サマリー
「リーンスタートアップ」5章6章サマリー
読書会Vol6
読書会Vol6
iPhone UI勉強会資料
iPhone UI勉強会資料
UXから考えるスマホアプリ〜レシピアプリ構築事例〜
1.
2.
なぜUX? スマートフォンは、ユーザの生活によりそい、いつでもどこでも
サービスへのアクセスを可能にしています。 「デバイスとユーザ」の1対1の関係性ではなく、 「ユーザの行動」から考え、サービス全体の設計や 機能、導線を検討することの重要性が高まっています。 写真出典: http://www.slideshare.net/Rachel_Hinman/mobile-prototyping-essentials-8957364
3.
どうやって?
4.
大塚製薬様の「ヘルシー大豆レシピ」
(iPhoneアプリ)構築事例をシェアします リ リース ! した てです https://itunes.apple.com/jp/app/ id628311086?mt=8 「大豆レシピ」で検索
5.
やったことです 1. ファクト収集 2.ファクト整理 3.仮説づくり 4.プロトタイプ作成
6.
(普通ですが)競合調査 レシピサイト・アプリ 20個くらい
7.
社員インタビューと観察
1. 事前に用意した質問項目で、 普段の料理に関する行動や レシピとの接し方を聞き出します。 2.同時に普段のようにスマホでレシピ を探してもらいその時の行動(どう やって検索するか)を観察します。
8.
質問項目&シナリオ 1. 普段料理していますか? 2.料理しているときにレシピを見ますか? 3.食方面での健康に対して気をつけてることがあ りますか?(大豆というテーマだったため) 4.いつものようにレシピを探してもらう
9.
集めたファクトを整理します
まずはばーっと事実を書きだして、 徐々にグループにまとめます。 その後、気づいたことを箇条書きで整理します。
10.
写真出典: http://www.slideshare.net/clevergirl/tokyo-1-day-9327971
※イメージ ファクトの最大公約数をペルソナとして落とします。
11.
ペルソナがとると思われる行動のシナリオを
ファクトを元に策定します。 行動シナリオがあることで、ユーザが具体的にどのシーンで どんな機能が必要なのかがわかります。
12.
紙を写真に撮るだけで動きをつけて簡易プ
ロトタイプを作れる無料iPhoneアプリ 「POP」を使用しました。 http://popapp.in/ 行動シナリオで出てきた必要機能を元に ペーパープロトタイプを作成します。 プロトタイプツールを使用し、手書き段階で動かして アプリの全体観を確認します。
13.
その後実装の中でブラッシュを 繰り返し、リリースバージョン完成です
14.
UXの先生たち(一例)
LeanUX http://www.slideshare.net/clevergirl/tokyo-1- day-9327971
15.
メンバーズのアプリ開発サービス提供フロー
№ フェーズ 施策 具体実施事項 既存資産を拝見したり、インタビューを行 1 ユーザー調査 なって、想定ユーザ(ペルソナ)を作成しま す。 ①企画/プロ ペルソナがアプリを利用する際のシナリオ仮 2 ユーザ利用シナリオ策定 トタイプ 説を策定します。 利用シナリオ仮説にもとづくアプリのプロト 3 アプリプロトタイプ作成 タイプを作成します。 プロトタイプ/改善のプロセスを経て、リ 5 ②開発 開発 リース版のデザイン/開発を行います。 ペルソナの利用シナリオ仮説と実際のアプリ 6 モニタリング/効果検証 の使われ方を比較し、課題を抽出します。 ループ ③運用/改善 を回す 課題の改善案を策定し、実装/リリースを継 7 改善案の策定/開発 続的に行います。
Download now