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
130
ユーザー体験は細部に宿る -ウィジェット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.
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
bitkey
PRO
1
240
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
bitkey
PRO
1
840
AI時代の戦略的アーキテクチャ 〜Adaptable AI をアーキテクチャで実現する〜 / Enabling Adaptable AI Through Strategic Architecture
bitkey
PRO
17
17k
Dev Containers と Skaffold で実現する クラウドネイティブ開発環境 ローカルのみという制約に挑む / Cloud-Native Development with Dev Containers and Skaffold: Tackling the Local-Only Constraint
bitkey
PRO
0
290
待つ、歩く、そして祈る -モバイルアプリの厄介なテスト奮闘記-/Wait, Walk, and Pray -The Troublesome Struggle of Mobile App Testing-
bitkey
PRO
1
120
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
230
フレームワーク探しはもう終わり! チームに「ジャストフィット」するワークショップの作り方 / No More Framework Searching: How to Build a 'Just-Fit' Workshop for Your Team
bitkey
PRO
0
140
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
330
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
500
Other Decks in Design
See All in Design
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
デザインを信じていますか
sekiguchiy
1
790
Diverse Design Team Deck
diverse
0
340
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
190
decksh object reference
ajstarks
2
1.5k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
120
2026年、デザイナーはなにに賭ける?
0b1tk
0
440
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
610
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
6.7k
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
180
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
490
Findyのプロデチームの 歩みとこれから
satty9556
0
380
Featured
See All Featured
ラッコキーワード サービス紹介資料
rakko
0
2M
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
42
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
360
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.3k
YesSQL, Process and Tooling at Scale
rocio
174
15k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
The Cult of Friendly URLs
andyhume
79
6.8k
Claude Code のすすめ
schroneko
67
210k
Facilitating Awesome Meetings
lara
57
6.7k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
WCS-LA-2024
lcolladotor
0
410
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次元コードから! ご清聴、ありがとうございました