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
0
2
ユーザー体験は細部に宿る -ウィジェット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
Tweet
Share
More Decks by 株式会社ビットキー / Bitkey Inc.
See All by 株式会社ビットキー / Bitkey Inc.
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
13
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
160
チームビルドのためのワークショップ設計/Workshop design for team building
bitkey
PRO
0
55
「職種に名前が付く、ということ」 / When a Role Gets a Name
bitkey
PRO
0
25
ゼロから始めるEnabling SRE〜Datadogへの戸惑いや敬遠を無くすためにやったこと〜
bitkey
PRO
0
18
「書く」より「任せる」! 生成AIでローコード自動テストの属人化を防ぐ! / Delegate, Don't Write! Preventing Silos in Low-Code Auto-Testing with Gen AI
bitkey
PRO
0
65
オフィスビルを監視しよう:フィジカル×デジタルにまたがるSLI/SLO設計と運用の難しさ / Monitoring Office Buildings: The Challenge of Physical-Digital SLI/SLO Design & Operation
bitkey
PRO
3
570
事例で学ぶ!B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study
bitkey
PRO
1
580
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
PRO
3
24k
Other Decks in Design
See All in Design
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.4k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.4k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.3k
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
1.8k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
590
7 Core Values of Round-L
wired888
0
1.7k
mento Design Team Portfolio
mento0fficial
1
690
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
170
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
400
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
350
Them Middle School Kids Pitch
stevie_vee
0
140
Featured
See All Featured
Navigating Team Friction
lara
189
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Code Review Best Practice
trishagee
71
19k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Practical Orchestrator
shlominoach
190
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
What's in a price? How to price your products and services
michaelherold
246
12k
Fireside Chat
paigeccino
39
3.6k
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次元コードから! ご清聴、ありがとうございました