Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
IO App Review
Search
moriiimo
June 06, 2019
Programming
610
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
IO App Review
moriiimo
June 06, 2019
More Decks by moriiimo
See All by moriiimo
android-11-meetups-review-material-design
moriiimo
1
380
Mockk Tips / mockk-tips
moriiimo
0
1.1k
SpekでUnitTestを書こう / unit-test-with-spek
moriiimo
6
5.3k
今からはじめるrobolectric / unit-test-with-robolectric
moriiimo
0
890
Other Decks in Programming
See All in Programming
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
kanaru0928
0
210
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.7k
Google Apps Script で Ruby を動かす
kawahara
0
140
仕様駆動開発の消費期限
watany
17
7.4k
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
590
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
210
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
1
740
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
380
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
1.4k
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
220
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
440
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
Site-Speed That Sticks
csswizardry
13
1.4k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
460
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
410
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Automating Front-end Workflow
addyosmani
1370
210k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
450
Bash Introduction
62gerente
615
220k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
520
Music & Morning Musume
bryan
47
7.3k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
660
Transcript
Google I/O の アプリレビューの話 moriiimo
自己紹介 守本 綾子 @moriiimo MENUSのアプリ作ってます GoogleI/O行ってきました セッションは各地で報告会が あったので私はアプリのレ ビューについてお話します phoneXかよっていう写真とれた。
お気に入り✌
自己紹介 内容の一部はdmminsideで記事にしました もしよければこちらもご参照ください :) https://inside.dmm.com/entry/2019/05/30/googleio-2019
今日お話すること 1. メニューズどんなアプリ? 2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・ホーム画面と検索画面について ・献立詳細画面について ・ボトムナビゲーションについて 3. レビューを受けてみての感想
今日お話すること 1. メニューズどんなアプリ? 2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・ホーム画面と検索画面について ・献立詳細画面について ・ボトムナビゲーションについて 3. レビューを受けてみての感想
今日お話すること 1. メニューズどんなアプリ? 2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・ホーム画面と検索画面について ・献立詳細画面について ・ボトムナビゲーションについて 3. レビューを受けてみての感想
質問は、これらの画面で 私が今気になっていること、 仮説などをぶつけてみました。
今日お話すること 1. メニューズどんなアプリ? 2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・ホーム画面と検索画面について ・献立詳細画面について ・ボトムナビゲーションについて 3. レビューを受けてみての感想
1. メニューズどんなアプリ?
健康的な献立レシピがすんなり簡単すぐ決まる献立提案アプリ •ホーム 右下から献立が探せる 下にスクロールすると献立が無限に 提案されてくる •献立提案TOP 検索ボタン押すと遷移する画面 色々な条件で献立を探せる
健康的な献立レシピがすんなり簡単すぐ決まる献立提案アプリ •献立詳細 献立を押すと遷移する画面 ここを見て料理する ボタン押すだけで買い物用メモも作 れる •コラム MENUS編集部渾身のコンテンツが 読める読み物画面 下ごしらえの方法とかへーってなる
2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・ホーム画面と検索画面について
ホーム画面について メニューズのアプリで、 ホームを見て終わりにしてし まう人が一定数いる 献立を探してもらえるとアプ リの魅力が伝わりやすいの で、検索をしてほしいがどう したらいいか 課題
ホーム画面のレビュー まずは、フローティングアク ションボタンを常に置いてい るのは悪くないと思うけど、 このアイコン、「検索」って わかりにくいかもね。 左:持ち手の長いアイコン 右:持ち手の短いアイコン 回答
アイコン / マイクロインタラクション重要 ・持ち手が短い検索アイコン はTwitterも同じ。置かれた 場所が悪かったかも ・変更して、リリースしまし た ・ついでにExtended FAB化
考察
検索画面について 色々な献立検索方法があるけ ど、キーワードばかり使われ ている 「一番使われているキーワー ド検索をホームにもってきて しまう?」というのをチーム で考えているがどう思うか 課題
検索画面のレビュー ホームにテキストサーチを置 くとその印象が強くなりすぎ てしまう(材料とかでしか検 索しなくならないか?) せっかくいろいろな検索方法 があるのだからそれを生かし たほうがいいと思う。 回答 回答
データ重視は良い事だけど… データではキーワード検索ばかり使われている! →ユーザーは他の検索を求めてない →キーワード検索だけホームに持ってきては? のような流れになってたけど、正しくユーザーに訴求できて いないだけかも? 考察 考察
プロダクトのコンセプトを思い出す 「使いたいから使っている」のか 「よくわからないから理解できる 機能だけ使っている」のかはわか らない 自分たちのプロダクトのコンセプ トに立ち返ることも大切 検討中のラフ 考察 考察
2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・ボトムナビゲーションについて
ボトムナビゲーションについて ボトムナビゲーションを採用 しているが、やることが多く 感じて使いたくなくなる? 「お気に入り」はやれること 少ないのにいい場所とりすぎ では?なくしてもよいのでは と思っているがどうか? 課題
ボトムナビゲーションのレビュー 初めて訪れたユーザーに「こういう機能があるのか」と即座 に知ってもらうためにボトムナビゲーションはとても良い パーツで、機能のレベルを揃えても良いが、「お気に入り」 などヘビーユーザーにとって必須になるだろう機能について は場所を専有しても良いと考える。 回答 回答
逆に、「コラム」についてはボトムナビゲーションにある必 要があるかな?と思った。ボトムナビゲーションから「コラ ム」はなくして、「ホーム(献立閲覧・検索)」の献立の中 に記事を混ぜたりしてもおもしろいかもしれない。 「コラム」がユーザーにとってとても重要な機能だったら別 だけどね ;) ボトムナビゲーションのレビュー 回答 回答
本質でない機能が 混じっていないか? コラムは読み物であり、ボト ムナビゲーション内ではたし かに毛色が違う機能 これが無いほうがユーザーは 迷いにくいかもしれない 考察 考察
機能の大小よりユーザー目線 コラムは今の所ユーザーのアクセスも多いので対応するかど うかは未定だが… ユーザーの目に付きやすい部分に配置するものは、機能の大 小よりは「アプリをより使ってもらうには」という目線のほ うが重要 考察 考察
2. GoogleI/Oのアプリレビューでの質問/回答/考察 ・献立詳細画面について
献立詳細画面について ボタン多すぎ? (主菜以外は、レシピを変更 できるボタンも出てくる) ボタンが多めの画面のときは どういうことを意識するのが 大事ですか? 課題
献立詳細画面のレビュー ボタンはたしかに多いけど、 「多すぎるか」というとそこま でではない。全て必要そう 気になるのは、買い物メモ、お 気に入り、栄養のボタンは、押 すと献立全てが入るのか、その レシピだけ入るのかわからな かった 回答
回答
献立詳細画面のレビュー このボタンの位置を活かすな らタブを縦にしてサマリを作 るとかもありかもしれない 回答 回答 レビュー時に 書いてくれた図
やってほしいことに迷わない工夫 ・ボタンの配置を工夫するだけでも 初見の迷いが減りそう ・表示したいボタンも多い分スク ロール時のアニメーションの工夫が あるとユーザー体験が向上しそう 考察 考察
献立詳細画面のその他指摘 ・この画面もそうだけど、アプリはStylishなKitchenだね ;) 例えばこの手順のあたりとかは白と黒しかない もう少し色味があってもいいのかも? ・あとはやっぱり画面をスクロールしたときに画像やタイト ルバーを縮めるほうがユーザーにとって見やすくなると思う 回答 考察 回答
画面が寂しくならない工夫も大事 ・デザイナーさん的にはあえて色味 を抑えているところはあるが…この 画面以外も色味は少なめ ・もう少し色味があってもいいのか な…? ・さじ加減難しい 今相談中 考察 考察
3. レビューを受けてみての感想
レビューを受けてみての感想 ・とても緊張した(というかI/O中ずっと緊張してた ・終始やさしく接していただいた。しかも後で知ったが担当 してくれたのはマテリアルデザイン/UXのトップのRichさん だった!!運がよすぎた ・なかなかそのような機会はないので参加して本当によかっ た
レビューを受けてみての感想 しかしやはり 英語力 >>>>>>>超えられない壁>>>>>>>メモ>>>度胸 だった デザインレビューは30分時間もらえるけど、やりとりできな いのは超きつい
レビューを受けてみての感想 ・元々ひとりで行くつもりだったので回答は文字をかいても らおうと思っていた ・現地でGoogleの鈴木さんのTwitterを見かけて声をかけさ せてもらった ・今振り返ると一人で行ってたらこんなに聞けなかった。あ の30分を有意義な時間にできたのはすべて鈴木さんのおかげ
レビューを受けてみての感想 英語力… 次の機会のためにがんばります 皆さんもぜひ行ってきてほしいです
ありがとうございました