Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
120
ユーザー体験は細部に宿る -ウィジェット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.
“決まらない”NSM設計への処方箋 〜ビットキーにおける現実的な指標デザイン事例〜 / A Prescription for "Stuck" NSM Design: Bitkey’s Practical Case Study
bitkey
PRO
1
580
AI時代の戦略的アーキテクチャ 〜Adaptable AI をアーキテクチャで実現する〜 / Enabling Adaptable AI Through Strategic Architecture
bitkey
PRO
16
15k
Dev Containers と Skaffold で実現する クラウドネイティブ開発環境 ローカルのみという制約に挑む / Cloud-Native Development with Dev Containers and Skaffold: Tackling the Local-Only Constraint
bitkey
PRO
0
220
待つ、歩く、そして祈る -モバイルアプリの厄介なテスト奮闘記-/Wait, Walk, and Pray -The Troublesome Struggle of Mobile App Testing-
bitkey
PRO
1
110
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
210
フレームワーク探しはもう終わり! チームに「ジャストフィット」するワークショップの作り方 / No More Framework Searching: How to Build a 'Just-Fit' Workshop for Your Team
bitkey
PRO
0
130
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
310
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
470
チームビルドのためのワークショップ設計/Workshop design for team building
bitkey
PRO
0
89
Other Decks in Design
See All in Design
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
140
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
1
400
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.7k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
2
980
CursorでAI活用のナレッジベースを構築する
kanzaki
0
1.1k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.3k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
910
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
920
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1k
The Spring Festival
jisun
0
100
Correspondence:共に生成していく過程
akiramotomura
0
150
Featured
See All Featured
A Tale of Four Properties
chriscoyier
162
23k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Become a Pro
speakerdeck
PRO
31
5.7k
Music & Morning Musume
bryan
46
7k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
RailsConf 2023
tenderlove
30
1.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
What's in a price? How to price your products and services
michaelherold
246
12k
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次元コードから! ご清聴、ありがとうございました