37
株式会社ミツエーリンクス Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. UXデザインのススメ DevLOVE現場甲子園 漫画で表現してみた 2013年11月9日 第七本部(UX) UX Evangelist 金山豊浩

DevLOVE現場甲子園 UXDのススメ

  • Upload
    devlove

  • View
    3.837

  • Download
    0

Embed Size (px)

DESCRIPTION

http://devlove.doorkeeper.jp/events/5464 2013年11月9日に行われたDevLOVE現場甲子園2013での発表スライド。チーム考3回延長戦。金山さん。

Citation preview

Page 1: DevLOVE現場甲子園 UXDのススメ

株式会社ミツエーリンクス

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.

UXデザインのススメ

DevLOVE現場甲子園

漫画で表現してみた

2013年11月9日

第七本部(UX)

UX Evangelist 金山豊浩

Page 2: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 2

金沢生まれ、富山育ち

自己紹介

専攻: 情報工学、人間工学

’88~ ’09~

職歴: SE ⇒ UX ⇒ …

目標: UXデザインの人材育成

日科技連 SQiP研究会 UX分科会

(UXエバンジェリストの養成)

ス キ ッ プ

Page 3: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 3

『UXデザイン』実践の勘所 漫画で表現

Page 4: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 4

Page 5: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 5

Page 6: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 6

Page 7: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 7

Page 8: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 8

舞の苦悩

Page 9: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 9

Page 10: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 10

Page 11: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 11

Page 12: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 12

週明けのプレゼン

Page 13: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 13

学のプレゼン

Page 14: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 14

Page 15: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 15

Page 16: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 16

Page 17: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 17

聡のプレゼン

Page 18: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 18

Page 19: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 19

Page 20: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 20

Page 21: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 21

舞のプレゼン

Page 22: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 22

Page 23: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 23

Page 24: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 24

Page 25: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 25

コンペの結果

Page 26: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 26

Page 27: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 27

Page 28: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 28

Page 29: DevLOVE現場甲子園 UXDのススメ
Page 30: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 30

舞の実践内容とUXデザインプロセス

イン

タラ

クシ

ョン

ザイ

ペルソナ

ストーリーボード

スケッチ

ワイヤーフレーム

プロトタイプ

ユー

ザー

調査

[調査] デザイン調査

[評価] ユーザビリティ

テスト

[設計]

Page 31: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 31

@IT「UXデザインのススメ(1)~(7)」

http://www.atmarkit.co.jp/ait/kw/ux_design.html

Page 32: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 32

Page 33: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 33

参考情報

Page 34: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 34

教科書『UXデザイン入門』

初心者向け

具体的な実践方法

和書

http://ec.nikkeibp.co.jp/item/books/P96100.html

Page 35: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 35

社外研究会の仮想PJ

SQiP研究会 (ソフトウェア品質管理) UX分科会

本当に望まれるソフトウェアを開発するためのUXデザイン活用検証 ~もし、現場の開発者が “UX デザインの教科書” を読んだら~

スマホのお天気アプリ

『UXデザイン入門』に沿って企画

自ら考え・悩むことで学ぶ

※他社との交流・議論により自社の文化に気付く

Page 36: DevLOVE現場甲子園 UXDのススメ

Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved. 36

仮想PJで実感した効果

「過剰」

防止

「後出し」

防止

「不足」

防止

ペルソナ設定

ターゲットユーザーの明確化

ユーザビリティテスト

実利用状況でチェック

プロトタイプ

得られる体験を

早期に確認

仕様をめぐる様々な失敗を防止するのに効果あり

Page 37: DevLOVE現場甲子園 UXDのススメ

〒160-6133 東京都新宿区西新宿8丁目17番1号 住友不動産新宿グランドタワー33階

会社案内:http://www.mitsue.co.jp/

37 Copyright(c) Mitsue-Links Co., Ltd. All Rights Reserved.

ご清聴ありがとうございました。

お問い合せ先 https://www.mitsue.co.jp/form/index.php?id=T01