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
株式会社ビットキー / Bitkey Inc.
PRO
September 12, 2025
Design
180
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ユーザー体験は細部に宿る -ウィジェット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.
Swift&Xcodeのバージョンアップにまつわる怖かった思い出 / Scary Memories of Swift and Xcode Updates
bitkey
PRO
0
170
iOS/Androidの二刀流エンジニアがFlutter & TypeScriptへ越境後の現在地 - Flutterがメインになって見えた景色と現在の醍醐味 / Dual-Platform Mobile Engineer Shifts to Flutter & TypeScript - The View and Real Thrill of Going Flutter-First
bitkey
PRO
0
430
個人開発で育てる「大規模設計の苗床」 - AI時代の1人開発から始める業務への知識接続 / The Seedbed for Large-Scale Design - From AI-Era Solo Projects to Professional Knowledge
bitkey
PRO
1
440
失敗を経て、Harness Engineering で 大切にしたいことを考える / Learning from Failure: What Matters in Harness Engineering
bitkey
PRO
1
510
AI Adaptable なテストを整える工夫 / Ways to Make Your Tests AI-Adaptable
bitkey
PRO
3
290
人が担う「価値」とは?これからの「QA」とは / Human Value and the Future of Quality Assurance
bitkey
PRO
0
290
キャリア25年目にしてTypeScript に出会うまで - 「型」を通じて振り返るプログラミング言語遍歴 / Meeting TypeScript After 25 Years in Tech - Looking Back at My Programming Language Journey Through "Types"
bitkey
PRO
2
480
AIのために、AIを使った、Effect-TSからの脱却 〜テストを活用した安全なリファクタリングの進め方〜
bitkey
PRO
2
990
Flutter初心者が生成AIで大規模アプリ開発をキャッチアップした工夫 〜元ネイティブエンジニアが実践した、技術転換の高速道路〜 / Flutter with LLM: A Former Native Engineer's Fast Track to Large-Scale Apps
bitkey
PRO
0
340
Other Decks in Design
See All in Design
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
1.8k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.3k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
430
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
280
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
390
Where Imagination Ends AI Begins
r5ni4
0
290
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
460
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
110
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
430
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.3k
Featured
See All Featured
A better future with KSS
kneath
240
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Faster Mobile Websites
deanohume
310
32k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
240
Darren the Foodie - Storyboard
khoart
PRO
3
3.6k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
300
How to make the Groovebox
asonas
2
2.3k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
290
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
860
The Spectacular Lies of Maps
axbom
PRO
1
910
The Curious Case for Waylosing
cassininazir
1
450
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
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次元コードから! ご清聴、ありがとうございました