スマホUI勉強会 -実装×UI/UX×ガイドライン- http://atnd.org/events/45197 お話させていただいたスライドです。 公開に当たり、一部スライドを改変しております。申し訳ございません…

1. コミュニティアプリの
UIリニューアルで考えてた
モバイルUXデザイン
UIデザイン
GMOメディア株式会社
デザイナー 伊藤麻紀子
13年11月21日木曜日

2. 自己紹介
伊藤麻紀子
itomkk
ビジュアルデザイン苦手
絵がかけないのでテキストごりごり記述系です。
AIITHCD2011
ShibuyaUX
趣味：食べ歩き
最近のトピック１：質量が減りましたが私は元気です。
最近のトピック２：同僚のパンケーキ熱にやられてパンケーキ部やってます。
13年11月21日木曜日

3. GMOメディアのアプリ
13年11月21日木曜日

4. GMOメディアの場合
既存サービスの機能をアプリで提供する
という発想からスタートすることが多い
すでにサービス利用中の人が多数いる
既存のサービスのフローやコンテンツ、機能など、
webからの文化に引きずられやすい傾向がある。
iOSアプリの開発から始まるケースが多い
iOSアプリを元に作るので、
AndroidアプリなのにAndroidらしくないといわれる。
Androidのほうが柔軟にリリースできるし（ユーザーも多いし）
サービス提供開始してからはAndroidのほうが先行することが多い。
13年11月21日木曜日

5. 最近特集でも紹介していただきました！
CoordiSnap みなさんぜひつかってみてね！
13年11月21日木曜日

6. イイUIッテナニ？
イイUXッテナニ？
モバイルアプリでUIって
どういう風に作り始めることが多いんでしょう？
どうやって「これでいいね！」と決定してるんでしょう？
13年11月21日木曜日

7. こんな感じで書きながら
UXデザインからUIへ落とし込むイメージ共有
13年11月21日木曜日

8. UIを考えるときに
特に丁寧に考えたいなって思う
２つのこと。
１つずつタスクに落とし込む
活動の連続性を検討する
13年11月21日木曜日

9. １つずつタスクに落とし込む
例）写真を撮る
①カメラを起動する
④思うように撮れているか
写真の出来を確認する
③シャッターを切る
13年11月21日木曜日
②撮影対象に
ピントを合わせる
⑤問題がある場合①に戻る。

10. １つずつタスクに落とし込む
開始地点があり、完了がある
スムーズに開始し、きちんと完了するようにする。
ペーパープロトタイピングやユーザビリティテスト
などでチェックして最適化を試みています。
13年11月21日木曜日

11. １つずつタスクに落とし込み
から
画面を洗い出す
13年11月21日木曜日

12. 活動の連続性を検討する
①アプリを起動する
②画像一覧から気になる画像を見つける
③画像が気に入ったら「いいね」する
④他の人の反応を見る
⑤この画像を投稿した人ことが気になったので
プロフィールを見る
⑤この人の過去の画像を見る
⑤他の画像も素敵だったのでフォローする
⑥相手からもフォローがあったと通知を受ける
⑦相手に「ありがとうございます」という
・・・
以降エンドレスな利用シナリオ。
13年11月21日木曜日

13. 活動の連続性を検討する
13年11月21日木曜日

14. 活動の連続をうむ
ナビゲーション？
13年11月21日木曜日

15. 最近のコミュニティとか
コミュニケーションがある
アプリってどうなってた？
13年11月21日木曜日

16. 活動の連続性を検討する
ユーザーの行動をサポートできているか？
障害物や行き止まりをつくってないか？
何度も同じことさせていないか？
利用シナリオ全体を見渡して
最適なUIというものを見いだしていきたい…
13年11月21日木曜日

17. コミュニティアプリの
UXデザインは
群像劇と似ている
13年11月21日木曜日

18. いろんな文脈があるなかで
「ハッピーなこと」のトリガーになれているか
ストーリーで考える。
このストーリーの広がりが大きいほど
（多くの人に適用できる、そして応用がきく）
サービスの体験はスケールする。
それを実現するためのUIになっているのか、いつももやもやしています。
あとは、マーケティングやマネタイズとかとの兼ね合いとか…
13年11月21日木曜日

19. UXのためのUIデザインで
特に気をつけていきたいと思っている
３つのこと。
新しく始めた人が参加していくデザイン
使っていくうちに深みを増すデザイン
他の人にすすめたくなるデザイン
13年11月21日木曜日

20. 空間、時間、関係性
「居場所」と感じられること
つながり、手がかりを
UIデザインで実現する。
13年11月21日木曜日

21. GMOメディアで
たくさんの笑顔が生まれるようなサービスを
つくっていきませんか♥
http://www.gmo-media.jp/
GMOメディア技術ブログもやってます。
良かったら見てくださいませ！
http://tech.gmo-media.jp/
GMOインターネットグループ全体で、一緒に働く仲間募集中です！
全ての人にインターネット！
13年11月21日木曜日