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
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the d...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
株式会社ビットキー / Bitkey Inc.
PRO
September 12, 2025
Design
160
0
Share
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
登壇者名:鳥渕建樹
登壇したイベントタイトル:JaSST’25 Niigata
登壇したイベントのURL:
https://jasst.jp/niigata/25-about/
株式会社ビットキー / Bitkey Inc.
PRO
September 12, 2025
More Decks by 株式会社ビットキー / Bitkey Inc.
See All by 株式会社ビットキー / Bitkey Inc.
Flutter初心者が生成AIで大規模アプリ開発をキャッチアップした工夫 〜元ネイティブエンジニアが実践した、技術転換の高速道路〜 / Flutter with LLM: A Former Native Engineer's Fast Track to Large-Scale Apps
bitkey
PRO
0
80
〜備えあれば憂いなし〜とりあえず障害訓練やろ? デジタル/フィジカル横断プロダクトを24365で維持するための戦略 / Better Safe Than Sorry: Incident Drills for 24/365 Digital-Physical Products
bitkey
PRO
0
33
雑談は、センサーだった
bitkey
PRO
2
290
AIが書いたコードを信じられない問題 〜レビュー負荷を下げるために変えたこと〜 / The AI Code Trust Gap: Reducing the Review Burden
bitkey
PRO
8
1.5k
生成AI時代のドキュメントに対する期待の整理と実践から得た学び / Rethinking Documentation for LLM: Lessons from Practice
bitkey
PRO
1
130
AI活用するためのドメイン知識を泥くさく整理する / Putting in the Work to Organize Domain Knowledge for AI
bitkey
PRO
3
120
多品種デバイス展開におけるファームウェア開発戦略の再構築 / Refactoring Firmware Strategy for Multi-Device Deployment
bitkey
PRO
0
79
マルチメディアもいけるぞ AWS Lambda / AWS Lambda Handles Multimedia Too
bitkey
PRO
0
140
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
bitkey
PRO
1
340
Other Decks in Design
See All in Design
Figma MCPを活用するためのデザインハンドブック
vivion
7
17k
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
710
「見せる」登壇資料デザインの極意
takanorip
3
810
つくり方を変えていく | change-how-we-build
mottox2
2
1.2k
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
2
830
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.2k
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
620
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
220
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.8k
AI時代、デザイナーの価値はどこに?
tararira
2
1.1k
Tendências de UX Research 2026
videlvequio
0
110
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
180
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
KATA
mclloyd
PRO
35
15k
Music & Morning Musume
bryan
47
7.2k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
130
Designing for humans not robots
tammielis
254
26k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
360
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Heart Work Chapter 1 - Part 1
lfama
PRO
7
35k
30 Presentation Tips
portentint
PRO
1
290
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Transcript
1 © Bitkey Inc. ユーザー体験は細部に宿る - ウィジェットQAの挑戦と気づき - 株式会社ビットキー 鳥渕 建樹 |
2025/09/12
2 2 © Bitkey Inc. ウィジェットのこと、知っていますか?
3 3 © Bitkey Inc. ウィジェットのこと、知っていますか? • アプリを起動しなくてもホーム 画面やロック画面から必要な情 報を一目で確認できる
• 一部の機能を素早く操作したり できる機能
4 4 © Bitkey Inc. ウィジェットに対するQAは初めての経験だった • 私がいままでQAをやってきて初めて触る技術 • ビットキーの中でもウィジェットをリリースするのは初めて
5 5 © Bitkey Inc. ウィジェットに対するQAは初めての経験だった • 私がいままでQAをやってきて初めて触る技術 • ビットキーの中でもウィジェットをリリースするのは初めて
→ウィジェットのテストを通して、気をつけたことを今日はお話しした いと思います
6 © Bitkey Inc. Toribuchi Tatsuki 鳥渕 建樹 2023.04 2014
2018 株式会社ヒューマンクレストに入社 ソーシャルゲームのテスターからQAキャリア スタート テスト設計〜テスト実施を経験 バルテス株式会社に入社 求人検索エンジンや転職WebサービスのQA業 務に従事 テスト計画から完了報告までの一連のテスト プロセスを遂行 ビットキーへ参画 モバイルアプリのQAチームでチームを牽引し つつ、メンバーのマネジメント活動にも注力 経歴 趣味 ・ゲーム(ファイナルファンタジーXIV) ・動物(カピバラ、マーモット) ・音楽(ピアノ、オーケストラ)
7 7 © Bitkey Inc.
8 © Bitkey Inc. ウィジェットのQA
9 9 © Bitkey Inc. workhubAppにウィジェットが実装される! • 予約中の会議室や座席がウィ ジェットに表示されるように •
ウィジェットから直接会議室や 座席の予約ができるように
10 10 © Bitkey Inc. ウィジェットの特徴 • アプリ内の機能をアプリを開かずに操作することができる • 様々な環境で常にホーム画面に表示されている
11 11 © Bitkey Inc. ウィジェットのテストを考える上で気をつけたこと 例えば • アプリがバックグラウンドで起動しているか、タスクキル状態なのか •
ホーム画面に置く小さなものなので、端末の画面サイズや文字サイズに よって表示がくずれないか • 通信環境によってウィジェットの更新に不具合が出ないか
12 12 © Bitkey Inc. ウィジェットのテストを考える上で気をつけたこと 例えば • アプリがバックグラウンドで起動しているか、タスクキル状態なのか •
ホーム画面に置く小さなものなので、端末の画面サイズや文字サイズに よって表示がくずれないか • 通信環境によってウィジェットの更新に不具合が出ないか →これらの観点は、ユーザーの『がっかり』に直結するポイント
13 13 © Bitkey Inc. こんな不具合を見つけたよ • タスクキル中のみ、ウィジェットからの座席利用が行えず失敗する • 画面サイズの小さい端末だと、ウィジェット内の文字が途中で省略されて
しまう
14 14 © Bitkey Inc. こんな不具合を見つけたよ • タスクキル中のみ、ウィジェットからの座席利用が行えず失敗する →頻繁に使用しないユーザーはバックグラウンド起動していない場合がある 座席利用ができないという悪い体験を防ぐことができた
• 画面サイズの小さい端末だと、ウィジェット内の文字が途中で省略されて しまう
15 15 © Bitkey Inc. こんな不具合を見つけたよ • タスクキル中のみ、ウィジェットからの座席利用が行えず失敗する →頻繁に使用しないユーザーはバックグラウンド起動していない場合がある 座席利用ができないという悪い体験を防ぐことができた
• 画面サイズの小さい端末だと、ウィジェット内の文字が途中で省略されて しまう →小さい画面の中のさらに小さい機能ならではの不具合 サイズの小さい端末を好むユーザーのUXを担保することができた
16 © Bitkey Inc. まとめ
17 17 © Bitkey Inc. まとめ • ウィジェットQAで得た学び ◦ ウィジェットは「常にユーザーの目に入る」からこそ、アプリ本体以上に多様な
利用状況(タスクキル、端末サイズ等)への配慮がUXに直結する ◦ ユーザーの多様な使い方を想像し、「がっかり体験」を未然に防ぐことが大切
18 18 © Bitkey Inc. ビットキーでは一緒に働くメンバーを募集しています ご興味があればぜひ 左の2次元コードから! ご清聴、ありがとうございました