新人が考える、UXと魔法の板っきれの話

85
WCAF vol.9 - Think of UX 2012/11/27 柏@beta_chelsea UXと魔法の板っきれの話 新人が考える 121125日日曜日

Transcript of 新人が考える、UXと魔法の板っきれの話

Page 1: 新人が考える、UXと魔法の板っきれの話

WCAF vol.9 - Think of UX

2012/11/27 柏@beta_chelseaUXと魔法の板っきれの話

新人が考える

12年11月25日日曜日

Page 2: 新人が考える、UXと魔法の板っきれの話

WCAF vol.9 - Think of UX

バラエティ感覚でみてね!諸注意

12年11月25日日曜日

Page 3: 新人が考える、UXと魔法の板っきれの話

Name : 柏 夏美

Twitter : @beta_chelsea

Status : 株式会社jig.jp/新入社員後半戦突入!

Self-introduction

12年11月25日日曜日

Page 4: 新人が考える、UXと魔法の板っきれの話

プログラマー(修行中)

JavaScriptたのしいです!

石川→福井に移住

...そうだ、サーバを借りよう。

\手数料込み/

さくらVPSサーバ 1193円/月

Self-introduction

12年11月25日日曜日

Page 5: 新人が考える、UXと魔法の板っきれの話

閑話休題

12年11月25日日曜日

Page 6: 新人が考える、UXと魔法の板っきれの話

<今回はUXがテーマです!

UXですか...!>

User Experiment の略だ!実験

User Experience体験

12年11月25日日曜日

Page 7: 新人が考える、UXと魔法の板っきれの話

?User Experienceって何だろう。

What’s “User Experience?”

12年11月25日日曜日

Page 8: 新人が考える、UXと魔法の板っきれの話

!ある製品やサービスを利用したり、消費した時に得られる体験の総体。 ユーザが真にやりたいことを楽しく、心地よく実現出来るかどうかを重視した概念である。

from e-Words - http://e-words.jp/w/UX.html

UX【ユーザエクスペリエンス】

What’s “User Experience?”

12年11月25日日曜日

Page 9: 新人が考える、UXと魔法の板っきれの話

具体的に考えてみよう。

What’s “User Experience?”

12年11月25日日曜日

Page 10: 新人が考える、UXと魔法の板っきれの話

冬の体験...それは

What’s “User Experience?”

12年11月25日日曜日

Page 11: 新人が考える、UXと魔法の板っきれの話

越前がに

UX : 冬の到来を感じる。美味い。

What’s “User Experience?”

楽天せいこ蟹セット - http://item.rakuten.co.jp/junjun/071107seikonabe/12年11月25日日曜日

Page 12: 新人が考える、UXと魔法の板っきれの話

まじめに!

What’s “User Experience?”

12年11月25日日曜日

Page 13: 新人が考える、UXと魔法の板っきれの話

世界中と友達でつながっていける

クリックひとつで欲しいものをゲット

晩ご飯レシピをすばやくチェック

What’s “User Experience?”

12年11月25日日曜日

Page 14: 新人が考える、UXと魔法の板っきれの話

たくさんのWebサービスが様々なUXを提供している

12年11月25日日曜日

Page 15: 新人が考える、UXと魔法の板っきれの話

たくさんのWebサービスが様々なUXを提供している

12年11月25日日曜日

Page 16: 新人が考える、UXと魔法の板っきれの話

2010 2011 2012

右肩上がりのスマホ比率(移動電話中の比率)

統計データ from JEITA 移動電話国内出荷実績より

12年11月25日日曜日

Page 17: 新人が考える、UXと魔法の板っきれの話

いかにしてブラウザと同等なUXを提供しているのか?

Smartphone-App Point

12年11月25日日曜日

Page 18: 新人が考える、UXと魔法の板っきれの話

iPhoneアプリ設計の極意-思わずタップしたくなるアプリのデザイン著: Josh Clark 翻訳:深津 貴之/武舎 広幸/武舎 るみ

※注:出版時期はiPhone5より前です。

参 考 図 書

12年11月25日日曜日

Page 19: 新人が考える、UXと魔法の板っきれの話

見慣れたものユーザが慣れているUIを使うと良い

POINT01

Smartphone-App Point

直感的に何が出来るのかが分かることが重要POINT02

パッと見で使える

メイン機能は常にすぐに触れるように素早く目的を達成POINT

03

12年11月25日日曜日

Page 20: 新人が考える、UXと魔法の板っきれの話

見慣れたものユーザが慣れているUIを使うと良い

POINT01

Smartphone-App Point

直感的に何が出来るのかが分かることが重要POINT02

パッと見で使える

メイン機能は常にすぐに触れるように素早く目的を達成POINT

03

12年11月25日日曜日

Page 21: 新人が考える、UXと魔法の板っきれの話

見慣れたもの

Apple公式

AppStore

❖ スマホの火付け役

❖ 公式アプリ

❖ 最も見て触る機会が多い

12年11月25日日曜日

Page 22: 新人が考える、UXと魔法の板っきれの話

見慣れたもの

タブバー

コンテンツ

ナビゲーションバー

12年11月25日日曜日

Page 23: 新人が考える、UXと魔法の板っきれの話

見慣れたもの

タブバー

コンテンツ

ナビゲーションバー

12年11月25日日曜日

Page 24: 新人が考える、UXと魔法の板っきれの話

見慣れたもの

タブバー

コンテンツ

ナビゲーションバー

12年11月25日日曜日

Page 25: 新人が考える、UXと魔法の板っきれの話

見慣れたもの

見慣れた構成は一発で理解出来る!

12年11月25日日曜日

Page 26: 新人が考える、UXと魔法の板っきれの話

見慣れたものユーザが慣れているUIを使うと良い

POINT01

Smartphone-App Point

直感的に何が出来るのかが分かることが重要POINT02

パッと見で使える

メイン機能は常にすぐに触れるように素早く目的を達成POINT

03

12年11月25日日曜日

Page 27: 新人が考える、UXと魔法の板っきれの話

スマホアプリには取扱説明書が存在しない

チュートリアルを挟む or 「何も言わなくてもわかってくれるもの」のどちらかである必要が有る

パッと見で使える

12年11月25日日曜日

Page 28: 新人が考える、UXと魔法の板っきれの話

パッと見で使える

非常口12年11月25日日曜日

Page 29: 新人が考える、UXと魔法の板っきれの話

パッと見で使える

検索 プレイリスト 位置情報

12年11月25日日曜日

Page 30: 新人が考える、UXと魔法の板っきれの話

見慣れたものユーザが慣れているUIを使うと良い

POINT01

Smartphone-App Point

メイン機能は常にすぐに触れるように素早く目的を達成POINT

03

直感的に何が出来るのかが分かることが重要POINT02

パッと見で使える

12年11月25日日曜日

Page 31: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

配置を考える

12年11月25日日曜日

Page 32: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

配置を考える

12年11月25日日曜日

Page 33: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

Ex : Amazon

12年11月25日日曜日

Page 34: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

欲しいものを速攻チェック!

12年11月25日日曜日

Page 35: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

おすすめ品を提供!(Amazon的な意味で)

12年11月25日日曜日

Page 36: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

デフォルト画面アプリをつけて...

amazon

12年11月25日日曜日

Page 37: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

デフォルト画面アプリをつけて...

すぐ検索!!

12年11月25日日曜日

Page 38: 新人が考える、UXと魔法の板っきれの話

すぐに目的を達成

デフォルト画面アプリをつけて...

すぐ検索!!

12年11月25日日曜日

Page 39: 新人が考える、UXと魔法の板っきれの話

見慣れたものユーザが慣れているUIを使うと良い

POINT01

Smartphone-App Point

直感的に何が出来るのかが分かることが重要POINT02

パッと見で使える

メイン機能は常にすぐに触れるように素早く目的を達成POINT

03

12年11月25日日曜日

Page 40: 新人が考える、UXと魔法の板っきれの話

でもみんなこればっかだったらつまらないよね?(́・ω・`)

12年11月25日日曜日

Page 41: 新人が考える、UXと魔法の板っきれの話

ただの板っきれだからこその

本領発揮を見てみましょう !

12年11月25日日曜日

Page 42: 新人が考える、UXと魔法の板っきれの話

電灯スイッチ

LED Light - for iPhone4, 4S, 5 LEDフラッシュライト

by BLUE WIND

12年11月25日日曜日

Page 43: 新人が考える、UXと魔法の板っきれの話

爆破スイッチ

自爆ボタンby POLYGON MAGIC. INC.

12年11月25日日曜日

Page 44: 新人が考える、UXと魔法の板っきれの話

爆破スイッチ

自爆ボタンby POLYGON MAGIC. INC.

12年11月25日日曜日

Page 45: 新人が考える、UXと魔法の板っきれの話

スタイリッシュ・リスト

Clearby Realmac Software

12年11月25日日曜日

Page 46: 新人が考える、UXと魔法の板っきれの話

みんな大好き顔本

Facebookby Facebook, Inc.

12年11月25日日曜日

Page 47: 新人が考える、UXと魔法の板っきれの話

みんな大好き顔本

Facebookby Facebook, Inc.

12年11月25日日曜日

Page 48: 新人が考える、UXと魔法の板っきれの話

最近よくある?構造

12年11月25日日曜日

Page 49: 新人が考える、UXと魔法の板っきれの話

最近よくある?構造ミルフィーユ的な...

ミルフィーユ画像:ちかママのHapply Life

http://blog.goo.ne.jp/ctjhq973/e/4ff60c21c0e42eb76d1b37b5c077a8f6

12年11月25日日曜日

Page 50: 新人が考える、UXと魔法の板っきれの話

弊社Twitterアプリ

jigtwiby jig.jp co., ltd.

12年11月25日日曜日

Page 51: 新人が考える、UXと魔法の板っきれの話

弊社Twitterアプリ

jigtwiby jig.jp co., ltd.

12年11月25日日曜日

Page 52: 新人が考える、UXと魔法の板っきれの話

\アプリいいね!/

12年11月25日日曜日

Page 53: 新人が考える、UXと魔法の板っきれの話

\おいらもやりたい/

2012/7/7 ゲームハッカソン参加

12年11月25日日曜日

Page 54: 新人が考える、UXと魔法の板っきれの話

\おっしゃ/

目標:15パズルの作成

12年11月25日日曜日

Page 55: 新人が考える、UXと魔法の板っきれの話

\かたかたかた.../NOW MAKING...

12年11月25日日曜日

Page 56: 新人が考える、UXと魔法の板っきれの話

!?

12年11月25日日曜日

Page 57: 新人が考える、UXと魔法の板っきれの話

\突貫工事やしな/

12年11月25日日曜日

Page 58: 新人が考える、UXと魔法の板っきれの話

\学習の成果を...!/ スマホ向け修

正中

12年11月25日日曜日

Page 59: 新人が考える、UXと魔法の板っきれの話

\(^q^)/

12年11月25日日曜日

Page 60: 新人が考える、UXと魔法の板っきれの話

法則を守ってみたがパッとしなかった...

\ううーん/

12年11月25日日曜日

Page 61: 新人が考える、UXと魔法の板っきれの話

素晴らしいUXを目指すには中身も大事だけど

見た目も超大事!!

12年11月25日日曜日

Page 62: 新人が考える、UXと魔法の板っきれの話

with デザイナーの魔法

12年11月25日日曜日

Page 63: 新人が考える、UXと魔法の板っきれの話

\wirh友人s/

The facehttp://theface.unachang.com/

12年11月25日日曜日

Page 64: 新人が考える、UXと魔法の板っきれの話

\wirh後輩/

キッチンタイマーfor Android

12年11月25日日曜日

Page 65: 新人が考える、UXと魔法の板っきれの話

\やまもりさん!/

WCAF vol.9 プレゼン

Before

12年11月25日日曜日

Page 66: 新人が考える、UXと魔法の板っきれの話

\やまもりさん!/

WCAF vol.9 プレゼン

After

12年11月25日日曜日

Page 67: 新人が考える、UXと魔法の板っきれの話

デザイン知識の有無は、UXに直結する。12年11月25日日曜日

Page 68: 新人が考える、UXと魔法の板っきれの話

\素敵なUX目指して修行したい!/

12年11月25日日曜日

Page 69: 新人が考える、UXと魔法の板っきれの話

さくらVPSサーバ(1193円/月:手数料込み)をこの前借りたな...。

!

12年11月25日日曜日

Page 70: 新人が考える、UXと魔法の板っきれの話

12年11月25日日曜日

Page 71: 新人が考える、UXと魔法の板っきれの話

12年11月25日日曜日

Page 72: 新人が考える、UXと魔法の板っきれの話

Oh....(;́Д`)

12年11月25日日曜日

Page 73: 新人が考える、UXと魔法の板っきれの話

こんな自分と素敵なUX

作ってくれるひと大募集中!!

12年11月25日日曜日

Page 74: 新人が考える、UXと魔法の板っきれの話

NEW WORKERin Fukui

12年11月25日日曜日

Page 75: 新人が考える、UXと魔法の板っきれの話

NEW WORKERin Fukui

\よろしくです!/

12年11月25日日曜日

Page 76: 新人が考える、UXと魔法の板っきれの話

NEW WORKERin Fukui

\よろしくです!/

Thank you for your listening!

12年11月25日日曜日

Page 77: 新人が考える、UXと魔法の板っきれの話

余談WCAF vol.9 website をチェック!

12年11月25日日曜日

Page 78: 新人が考える、UXと魔法の板っきれの話

WCAF vol.9 - website

12年11月25日日曜日

Page 79: 新人が考える、UXと魔法の板っきれの話

WCAF vol.9 - website

12年11月25日日曜日

Page 80: 新人が考える、UXと魔法の板っきれの話

今のFBプロフィール写真

NG...

12年11月25日日曜日

Page 81: 新人が考える、UXと魔法の板っきれの話

一回前のFBプロフィール写真

OK!

12年11月25日日曜日

Page 82: 新人が考える、UXと魔法の板っきれの話

Cool! Cool!

試してみよう

(;́Д`)...。

12年11月25日日曜日

Page 83: 新人が考える、UXと魔法の板っきれの話

人に与える印象も、UX。

12年11月25日日曜日

Page 84: 新人が考える、UXと魔法の板っきれの話

\きゃー佐々木さん素敵ー!/12年11月25日日曜日

Page 85: 新人が考える、UXと魔法の板っきれの話

WCAF vol.9 - Think of UX

2012/11/27 柏@beta_chelseaUXと魔法の板っきれの話

新人が考える

The END12年11月25日日曜日