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
こんなUXプロセスってどうですか? / How about this UX process?
Search
Yutaka Mitsuishi
November 06, 2019
Research
2
300
こんなUXプロセスってどうですか? / How about this UX process?
2019/11/06 UX JAM' 03 登壇資料
Yutaka Mitsuishi
November 06, 2019
Tweet
Share
Other Decks in Research
See All in Research
プロシェアリング白書2024_PROSHARING_REPORT_2024
circulation
0
620
Evolutionary Optimization ofModel Merging Recipes (2024/04/17, NLPコロキウム)
iwiwi
9
2.8k
自己教師あり学習による事前学習(CVIMチュートリアル)
naok615
2
1.4k
精神疾患患者のアクティビティデータを利用したリハビリテーションのためのシステムに関する研究
comfortdesignlab
0
140
[KDD2023論文読み会] BERT4CTR: An Efficient Framework to Combine Pre-trained Language Model with Non-textual Features for CTR Prediction / KDD2023 LY Tech Reading
shunk031
0
440
Gmail の「メール送信者のガイドライン」強化から 1 ヵ月、今後予想されるメールセキュリティの変化とは
hirachan
1
240
論文紹介 DSRNet: Single Image Reflection Separation via Component Synergy (ICCV 2023)
tattaka
0
180
第12回全日本コンピュータビジョン勉強会:画像の自己教師あり学習における大規模データセット
naok615
0
510
「EBPMエコシステム」の可能性
daimoriwaki
0
200
SANER 2019 Most Influential Paper Talk
tsantalis
0
120
サウナでのプロジェクションマッピングの可能性の検討 / EC71koizumi
yumulab
0
160
Julia Tokyo #11 トーク: 「Juliaで歩く自動微分」
abap34
1
1.3k
Featured
See All Featured
Building Adaptive Systems
keathley
30
1.9k
BBQ
matthewcrist
80
8.8k
Optimizing for Happiness
mojombo
370
69k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Rails Girls Zürich Keynote
gr2m
91
13k
Fireside Chat
paigeccino
20
2.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Ruby is Unlike a Banana
tanoku
96
10k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k
GraphQLとの向き合い方2022年版
quramy
31
12k
Transcript
こんなUXプロセスって どうですか? UX JAM’ 03 2019/11/06
自己紹介 満石 豊 GMOフィナンシャルホールディングス(株) システム統括部 UI/UXチーム UXリサーチャー @Deyan 2008年にApache Flex
Framework(旧Adobe Flex Framework)のエンジニアとして中途入社 2016年くらいからほぼPM業務に専念 2019年3月 念願叶ってようやくUI/UXチームに異動
None
取引画面をリニューアル したいからワイヤフレーム 作って
やろうと思ったら・・・ 産休、退職等で前任者不在、個人の経験に頼っていた 上にノウハウが残っていない UXって思ってたより広くて深い というか何から始めたらいいのかよくわからない
ひたすら射撃しつつ前進
猛烈にもがきながら ワイヤーフレームまで到達
やってみて思った
ひたすら射撃しつつ前進 これ他の人厳しくね?
誰でもある程度やることが わかるものを作ろう!
やったことをプロセスとして まとめてみた
データ分析 取引データ 過去のアンケート結果 顧客の問い合わせデータ など。問題点と伸ばしたい点を把握。
UXプロジェクト計画 スケジュールと何がゴールなのかを決める ゴールは計測可能なものに!
ユーザーインタビューの質問作成 ロジックツリーを使い仮説を立てて質問作成 データ分析 結果 ユーザー インタビュー用の 質問
ユーザーインタビュー ユーザーインタビューを行った結果、仮説の立て方に 疑問があったり、足りないデータがあったりした場合 矛盾点がなくなるまで繰り返す データ分析 ユーザー インタビュー
機会探索ワークショップ データ分析・ユーザーインタビューの結果 出てきた長所と短所を分類 ステークホルダーと一緒に!
機会探索ワークショップ 最も対応すべき問題から議論し、対応の概要を決定 自分たちの長所を認識した上で、 「〇〇(短所)を改善するために、□□(改修対象)をどうすべきか」 という形にして議論を発展
ペルソナ作成 実際には時間がなく、専門書に記載されているほど 詳細なペルソナは作成できず リサーチの結果浮かび上がってきた顧客をパターン 化してそれぞれザックリ定義 それでもターゲット顧客の理解の共有には一定の効 果はあった
シナリオ作成 ストーリーボードを作成し、必要な機能を洗い出した
デザイン まずは手書きでスケッチ IA(情報設計)に基づき、必要なコンポーネントを 選択し、配置
デザイン 次にペーパープロトタイピング 実際には大きなホワイトボードに書いて、ステーク ホルダーを集めて議論した その場でどんどん変更していった
デザイン いよいよワイヤーフレーム作成 AdobeXDを使用。細かい位置の調整や色の選択 はUIデザイナーが担うため、位置は大まか、色 は黒、白、グレーのみで作成 ただし、フォントとフォントサイズは意識して 作成
レビュー ステークホルダーと一緒に社長レビュー ステークホルダーは議論済みのため、社長の突っ込み に対して味方になってくれた
完了!
と思ったら開発に渡す前に まだやるべきことが発覚
インタラクションデザイン 状態が変化する場所に文章で表現しないで済むよう に動きを付けていった。「削除しました」ではなく フェードアウトさせる、など ある程度までならAdobeXDで表現できる。今回表現 したかった範囲では十分だった
今後やろうとしていること ユーザビリティテスト 社内にノウハウがないので専門のベンダーさんと 一緒に実施予定 リリース後には効果測定を行い、改善のサイクルを 回していきたい
最後に まだ1回やってみただけ。これがすべてではないし、 常に全部やるべきものでもないはず ぜひ皆さんの意見、やってみてここが良かった、 もっとこうすべき的な話が聞きたい