SlideShare una empresa de Scribd logo
1 de 31
Descargar para leer sin conexión
ヒューリスティックマークアップ
というものをやってみました
(Lobiを初めて触ったというテイで、気になるところをメモりました)
1.「ゲーム仲間を探すなら〜」というバナー広告から Lobiに来た想定
思ったこと:
・「よくわかんない」
 →この画面だと、ストア画像が見切れてて文字が読みにくいかも。
 →主張したいことを絞った方が良いかも。
・「星2か」
 →やっぱり星2つは心象悪そう。
次のアクション:
・「入手」をタップして、アプリをインストールする
(※雲アイコンが出ているが、本来「入手」という文字が出る)
疑問:
・想定しているバナーの遷移先はここであっている?
問題点:
・ストア画像がわかりにくそう →ANでシンプル版をABテスト中
2-1.アプリをインストールして、初めて起動する
起こったこと:
・いきなりPUSH通知許可を求められた
思ったこと:
・「通知は要らないな」
 →Lobiから何が通知されるかまだわからないし、通知自体にもあまり良いイメージがない。
次のアクション:
・「許可しない」をタップ。
問題点:
・いきなりPUSH通知許可を求められる
 →タイミングを遅らせる or間に何か挟むorこの画面自体いじる
2-2.アプリをインストールして、初めて起動する
起こったこと:
・ポップアップを消した後、登録画面が表示される
思ったこと:
・「登録めんどくさいな」
 →他所のアプリがよくやってるみたいに、最初からゲストログイン状態の Lobiを見せてしまっても良さそ
う。(「さがす」画面を出して、ログインが必要な動作をしたときに初めてログインを求める)
(PUSH通知もログインも、ユーザーがしたいことではなく、 Lobiがして欲しいこと)
次のアクション:
・「ログインなしで始める」をタップ。登録は面倒だし、まだ何が得られるかわからないから。
問題点:
・Lobiがユーザーに何を提供してくれるのかわからない →この画面自体いじる
3.さがす画面+ポップアップ
起こったこと:
・Lobiをログインなしで始めたら、さがす画面+ポップアップが出た
思ったこと:
・「なんか出た」
 →イレギュラーな操作をしたとか、キャンペーン告知とかであれば、ポップアップで良いかもしれないけ
ど、通常ルートで進んでいるのにポップアップで流れを断ち切るのは変かも。わざわざポップアップでの
解説が必要なのが既に問題かも。
・「文字読むの面倒。閉じたい。パッと見たいしたこと書いてなさそう」
 →内容を要約すると「プレイ中のゲームやお気に入りのゲーム、気になるグループを探してみよう!」
だけでも良さそう。ただ、「グループ」が何なのかわからなそう。
次のアクション:
・「さがしてみる」を押してポップアップを閉じる(「さがしてみる」なんて思ってないけど)
問題点:
・このポップアップ要らなそう →外す?さがすTOPもわかりにくいので、コンテンツをわかりやすくする(グ
ループが見えるようにする)
4.さがす画面
起こったこと:
・ポップアップを消したら、画面いっぱいに画像がたくさん出てきた
思ったこと:
・「これはなんだろう」
 →Lobiのコンテンツが見えてこないので、何が何だかわからない。バナー上にある文字も見難い。
・「バナーがたくさんあるな」
 →理想を言えば、ここはグループやゲームがたくさん並んでいる画面であるべきでは?
 ポップアップで「探そう」なんて言われなくても、見れば自然と興味をひいて探しちゃう画面
次のアクション:
・「ゲームをさがす」をタップ(ゲームに興味があるテイなので。他のコンテンツはよくわからないし。)
問題点:
・Lobiのトップにきて、何ができるのかわからない →グループが見えるようにする
5.「ゲームをさがす」+ポップアップ
起こったこと:
・ポップアップが出た
思ったこと:
・「なんかまた出た」
 →操作を中断するほど重要なことは書いて無さそう。
 →この時点で「グループやプレイ動画、ゲーム情報いっぱいのゲームページにいけるよ」と言われても
ピンとこなさそう
 →1タップでも少なく、実際にゲームページをみてもらった方が話がはやそう。
次のアクション:
・「さがしてみる」をタップ(ポップアップを閉じたいので)
問題点:
・このポップアップ要らない →外す。
・こういうポップアップ一つ一つがユーザーをワクワクさせている可能性もある??
6.「ゲームをさがす」
起こったこと:
・ゲームのカテゴリ一覧がでてきた
思ったこと:
・「目当てのゲームをさがすには、検索が早そう」
 →「ゲームをさがす」=ゲームのカテゴリ一覧ではなくてもよいかも。例えば、人気とか最新のゲームを
見せつつ、「カテゴリ一覧を見る」というリンクがあるとか。そうするとゲームページにもっと早くたどり着
ける。ゲーム自体が目に触れることで、「ああ、これもやってたな」っていうのがあるかも。
次のアクション:
・検索バーををタップ(カテゴリがわかっていればカテゴリをタップでも良いけども)
問題点:
・コンテンツが見えてこない。 →この時点でグループ見せるとか
7.検索画面
起こったこと:
・キーボードが出てきて、入力を確定したら1件ヒットした
思ったこと:
・とくになし
次のアクション:
・ゲームをタップ
8.ゲームページ
起こったこと:
・ポップアップがでた(3回目)
思ったこと:
・「また何かでてきた」
 →「ゲーム情報が盛り沢山だよ」あたりは無くても良さそう。「さっそくグループに入ってみんなと」云々
は、グループを開いたときに言ったほうが良さそう。つまりここでポップアップは要らなそう。
次のアクション:
・「ゲームページをみる」をタップ(ポップアップを閉じたいので)
問題点:
・このポップアップ要らない →外す。
9.ゲームページ
起こったこと:
・ゲームページが出た
思ったこと:
・「フレンド募集一覧へっていうのがあるけど、なんだろう。バナー?」
 →「フレンド募集一覧へ」が何なのか予想がつかない。
 →「グループをつくる」は色を変えたほうが良さそう。分類的に。
 →もっとグループ一覧を見せてあげた方がよさそう。ヘッダー画像部分が大きすぎる。
次のアクション:
・「フレンド募集一覧へ」をタップ(一番目をひいたので、目的なくとりあえずタップ)
問題点:
・フレンド募集一覧が何かわからない →ラベルを変えるor見せ方自体を変えるとか
・ここで何ができるかわからない →ヘッダー削ってグループ一覧もっと見せるとか
10.フレンド募集一覧+ポップアップ
起こったこと:
・ポップアップがでた(4回め)
思ったこと:
・「これはいったいなんだろう」
 →興味のある「フレンド募集」に参加してみようとあるけど、フレンド募集って何?
 →「フレンド募集で仲間を見つけよう」「フレンド募集に参加してみよう」「自分で編集もできる」「チャット
で話しかけて仲間を見つけよう」とあるが、それによって何が出来るのかが見えてこない気が。何の機
能かわからない。
次のアクション:
・「フレンド募集を使ってみる」をタップ(ポップアップを閉じるために)
問題点:
・これが何かわからない →ポップアップの文章変更 orポップアップ形式自体変える
11.フレンド募集一覧
起こったこと:
・終了した募集が3件でた
思ったこと:
・「終わった何かの募集がある」
 →今生きてる募集が0件の時用の、説明&ワクワクしそうな画面があった方がよいかも?
次のアクション:
・募集をどれかタップしてみる(まだよくわかっていないのでもうちょっと見てみる。ここではなくグループ
を見た方が良いことをまだ知らないし、今はさっき見かけたグループなんて意識になさそう)
問題点:
・過疎感がある→現存募集0件の見せ方を変える orここへの導線を目立たなくするとか
12.フレンド募集詳細
起こったこと:
・締め切られた募集画面がでた
思ったこと:
・「やっぱり終わってるのね」
 →グループのことを知らなかったら、最悪ここで離脱もありうる?「これが Lobiか」みたいな。
次のアクション:
・左上の矢印を2回タップして、ゲームページへ戻る
13.ゲームページにきた(2回め)
起こったこと:
・ゲームページに戻ってきた
思ったこと:
・「スレッド一覧みたいのがあるのか」
 →縦の余白要らないかも。(細かいデザインの話)
次のアクション:
・「Hearthstone【総合】」をタップ(一番上にあったし、総合って書いてあったし)
14.グループ画面
起こったこと:
・最近のチャットのやりとりが出た
思ったこと :
・「お、ゲームの話してる」
 →Lobiはこのグループ一つ一つがメインコンテンツみたいなものだから、それぞれが興味あるグルー
プに以下に少ないタップ数でこさせるかみたいのも大事?
 →その後いかに書き込みさせるかも大事?
次のアクション:
・「全5件の返信を見る」をタップ(やりとりがみたいので)
15.グループ画面+ポップアップ
起こったこと:
・ポップアップがでてきた(5回め)まあでもこれは正しい使い方な気が。
思ったこと:
・「ログインしないと見れないのか」
 →このケースの場合は、すでにログインする理由が明確(返信が見たい)なので、「 Lobiにログインす
ると〜〜〜」みたいなメリットを伝えるのではなく、いかにログインが簡単かを伝えたほうがよさそう。
tw,fbでできるよみたいな。
 →このログインポップアップが出た時点で多少なりともがっかりさせてしまうと思うので、ダメージをい
かに軽減するかが重要そう。
 →ぬこさん達よりも、ハースストーンのグループヘッダー画像とか出して上げたほうがいいかも。
次のアクション:
・「Lobiにログインする」をタップ
問題点:
・新規登録が必要なゲストにたいして「ログインする」と言ってしまっている問題 →言い回しを変える
16.モーダルのログイン画面
起こったこと:
・ログインモーダルがでてきた
思ったこと:
・「新規登録?ああ、ログインのことか。いや、僕は新規登録か。」
 →さっきの画面で「ログイン」って言われてたからちょっと混乱した。
 →さっき「ログインする」を押したのに、また「 Lobiにログイン」がある。
 →そして本当にすべきは「 Lobiに新規登録」の方。
次のアクション:
・「Lobiに新規登録」をタップ
問題点:
・さっき「ログインする」を押したのにここでまた「ログイン」 or「新規登録」を押させるようになっている →短
縮する
17.モーダルログイン画面+ポップアップ
起こったこと:
・またポップアップがでてきた(登録周り全体的に見直す必要がありそう。でもきっと実装大変そう)
思ったこと:
・「twitterとfacebookでも登録できるのか」
 →「新規登録」を押したら、新規登録の選択肢がでてきた。「新規登録」の二度手間感
 →グループ画面でログイン or新規登録を選ばせて、次の画面ではもう tw,fb,メールの選択肢見せてあ
げたら良さそう。そこからの戻り先は当然そのグループ画面。
次のアクション:
・「Facebookで新規登録」をタップ(僕が Facebookのをテストアカウントで使ってるので)
問題点:
・さっき「新規登録」を押したのにまたどれか「新規登録」を押させるようになっている問題 →短縮する
18.モーダルログイン画面+ポップアップその2
起こったこと:
・確認ポップアップがでてきた
思ったこと:
・「なんだこれ、大丈夫かな?大丈夫そうかな」
 →この確認は親切な気もするし、不安を煽るだけな気がしなくもない。「あー、 TwのつもりがFbでアカ
ウント作ってしまったー」みたいなことを防ぐためにある??
次のアクション:
・「OK」押す
問題点:
・このポップアップ要らないのでは →外す。
19.プロフィール編集画面+ポップアップその2
起こったこと:
・確認ポップアップがでてきた
思ったこと:
・「またポップアップか」
 →こっちのポップアップは要らなそう。「あとでも変えられる」ってのはどっかに書いても良さそう
次のアクション:
・「OK」押す
問題点:
・このポップアップ要らない →外す。
20.プロフィール編集画面
起こったこと:
・fbの情報が入ったプロフ編集画面がでてきた
思ったこと:
・「このままで大丈夫そうかな」
 →カバーイメージがサムネイルと実際の表示がかけ離れていて、わかりづらそう
 →名前が下の方にあるのはよくないかも。
次のアクション:
・「保存」おす
問題点:
・重要な名前が下の方にある →上に移動する(一番上?)
21.ホーム画面+ポップアップ
起こったこと:
・ポップアップがでてきた
思ったこと:
・「どんなメッセージが SNSに表示されるんだろう」
 →ポップアップで改めて聞かれると、「いいえ」選択する人が多そう。それとも、急にパッとでてくるか
ら、チェックボックス式と違ってパッと「はい」押しちゃったりする?( UX的には良くないですが)
 →ポップアップでてる上に、後ろにコーチマークまで出てるのが気になる(黒いやつ)
次のアクション:
・「いいえ」を押す
問題点:
・この見せ方で「はい」を押してくれる人がいるのかどうか。
・背景がホーム画面だけど、ポップアップ消したら「さがす」に飛ぶ
・後ろにコーチマーク出てるのが気が散る
22.さがす画面+ポップアップ
起こったこと:
・さっきの画面でポップアップが消えるのかと思いきや、画面遷移して別のポップアップがでてきた
思ったこと:
・「さっきみたやつだ」
 →アノニマスで体験してからくると、同じポップアップを見ることになる
次のアクション:
・「さがしてみる」おす
問題点:
・アノニマスの時にみたポップアップがまたでる
23.さがす画面
起こったこと:
・さがす画面にきた
思ったこと:
・「さっきのハースストーンのチャットは ...」
 →ここで離脱する人もいそう
次のアクション:
・「ゲーム・グループなどを検索」を押す(さっきのハースストーンのチャットが見たい)
問題点:
・グループ画面から登録したのに、戻ってきたのがこの画面 →登録した画面に戻りたい
24.検索画面
起こったこと:
・検索画面にきた
思ったこと:
・「さっきと何か検索が違う」
 →「すべて」がチャットでほぼ埋まってしまってるのはよくないかも
次のアクション:
・「Hearthstone」を押す(下にちらっと見えてるやつ)
(チャット検索で画像付きのやつがひっかかると、下にある他の検索結果が見えない)
問題点:
・検索の「すべて」が「チャット」だけで埋まっちゃうことがある →見せ方変える
25.ゲームページにきた(3回め)
起こったこと:
・ゲームページが出た
思ったこと:
・「さっきのやつどれだっけな」
 →また探すの大変そう
次のアクション:
・「Hearthstone【総合】」をタップ(覚えていれば)
26.グループ画面
起こったこと:
・グループに戻ってきてチャット一覧が表示された
思ったこと:
・「さっきのやつどれだっけな」
 →もし結構昔のやつ見ようとしてたら大変そう
次のアクション:
・さっきのチャットをみつけて「返信◯件を読む」をタップ
27.グループ画面+ポップアップ
起こったこと:
・「返信◯件を読む」をタップしたら、グループに参加を促すポップアップが出た。
 →最初に、返信を読もうとしたらログインが必要だといわれた
 →次に、ログインすれば良いと思って会員登録した
 →会員登録したらさがすページに飛ばされてしまった
 →さがす→ゲームページ→グループ→特定のチャットまで戻ってきた
 →再度「返信◯件を読む」をタップしたら、今度は「グループに参加しよう」というポップアップが出てき
た
 →結構しんどいことさせてる感じがする
思ったこと:
・「返信がみたいんだけど、グループに参加ってなんだ」
 →今回の場合には「チャットを投稿できたり、ぐー・ぶーを送れるよ」という訴求は的外れ感
・「フォロワーに教えるってなんだろう」
 →なんかよくわからんからチェックはずしておこうってなりそう
次のアクション:
・「参加する」をおす。(返信を見るためにグループ参加が必要だと理解できたとすれば)
問題点:
28.グループ画面+チェックマーク
起こったこと:
・グループに参加したらチェックマークが出た
思ったこと:
・「参加できたのかな」
 →何もないよりかは遥かにマシだけど、何かちょっと表現が寂しい?今までと違うから変?
次のアクション:
・「参加する」をおす。(返信を見るためにグループ参加が必要だと理解できたとすれば)
29.チャット詳細画面
起こったこと:
・グループに参加したのでチャット返信画面に入れた
思ったこと:
・「やっと見れた」
次のアクション:
・「戻る」を押して他のチャットも見てみるとか?
(この後他のグループに入ったりするフローとか、グループにいくつか入っている状態でのフローとか、
問題点が山程ありそう)

Más contenido relacionado

Destacado

[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!c-mitsuba
 
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and AnalyticsShibuyaUX - UX and Analytics
ShibuyaUX - UX and AnalyticsMakoto Shimizu
 
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-Mizushima Kazuhiro
 
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザインKonomi Kawaharada
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話Kazuki Yamashita
 
UIの話は会議室でするな
UIの話は会議室でするなUIの話は会議室でするな
UIの話は会議室でするなShingo Katsushima
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのかMikihiro Fujii
 
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1Yu Morita
 
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンドネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンドyosuke sato
 
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」WebSig24/7
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチMasaya Ando
 
UXはじめの一歩
UXはじめの一歩UXはじめの一歩
UXはじめの一歩井上 誠
 
UIデザインの基本
UIデザインの基本UIデザインの基本
UIデザインの基本Roy Kim
 
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」Katsuhito Okada
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインRoy Kim
 
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについてDesign Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについてTakaaki Umada
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsSatoshi Kikuchi
 
UXのためのUIデザイン
UXのためのUIデザインUXのためのUIデザイン
UXのためのUIデザインHironobu Aoki
 

Destacado (20)

[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and AnalyticsShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
 
UX / UIデザインって何?
UX / UIデザインって何?UX / UIデザインって何?
UX / UIデザインって何?
 
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
 
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
UIの話は会議室でするな
UIの話は会議室でするなUIの話は会議室でするな
UIの話は会議室でするな
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのか
 
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
 
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンドネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
 
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチ
 
UXとブランド
UXとブランドUXとブランド
UXとブランド
 
UXはじめの一歩
UXはじめの一歩UXはじめの一歩
UXはじめの一歩
 
UIデザインの基本
UIデザインの基本UIデザインの基本
UIデザインの基本
 
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
 
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについてDesign Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについて
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkills
 
UXのためのUIデザイン
UXのためのUIデザインUXのためのUIデザイン
UXのためのUIデザイン
 

ヒューリスティックマークアップ 0413