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
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven ...
Search
株式会社ビットキー / Bitkey Inc.
PRO
September 12, 2025
Design
0
260
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
登壇者名:Natsuho Ide
登壇したイベントタイトル: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.
待つ、歩く、そして祈る -モバイルアプリの厄介なテスト奮闘記-/Wait, Walk, and Pray -The Troublesome Struggle of Mobile App Testing-
bitkey
PRO
1
32
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
93
フレームワーク探しはもう終わり! チームに「ジャストフィット」するワークショップの作り方 / No More Framework Searching: How to Build a 'Just-Fit' Workshop for Your Team
bitkey
PRO
0
61
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
110
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
290
チームビルドのためのワークショップ設計/Workshop design for team building
bitkey
PRO
0
72
「職種に名前が付く、ということ」 / When a Role Gets a Name
bitkey
PRO
0
38
ゼロから始めるEnabling SRE〜Datadogへの戸惑いや敬遠を無くすためにやったこと〜
bitkey
PRO
0
38
「書く」より「任せる」! 生成AIでローコード自動テストの属人化を防ぐ! / Delegate, Don't Write! Preventing Silos in Low-Code Auto-Testing with Gen AI
bitkey
PRO
0
88
Other Decks in Design
See All in Design
Correspondence:共に生成していく過程
akiramotomura
0
110
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
690
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
320
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.9k
「UXとUIの違い」v2
shirasu3
0
260
root COMPANY DECK / We are hiring!
root_recruit
PRO
1
24k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
530
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
280
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
430
Findyのプロデチームの 歩みとこれから
satty9556
0
320
Installing and Running decksh/pdfdeck
ajstarks
1
870
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2.5k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
For a Future-Friendly Web
brad_frost
180
10k
Mobile First: as difficult as doing things right
swwweet
225
10k
Site-Speed That Sticks
csswizardry
13
930
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Side Projects
sachag
455
43k
Making Projects Easy
brettharned
120
6.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
The World Runs on Bad Software
bkeepers
PRO
72
11k
It's Worth the Effort
3n
187
28k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Transcript
2025.9.12 一次体験を起点にした UX改善の取り組み Natsuho Ide / 株式会社ビットキー
共通点・・・? Designer QA Engineer
品質の高いプロダクト をつくる Designer QA Engineer
「正しく動く」だけでなく「良い体験」も兼ね備えている 品質の高いプロダクト をつくる Designer QA Engineer
どうやって体験が良い プロダクトをつくるの? ユーザーを理解することが重要
あぼねこ プロダクトデザイナー 2019年〜ソフトウェアエンジニアとして約1 年開発業務に従事。 その後デザイナーにキャリアチェンジし、 Web制作会社でアプリやサイトのデザインを 経験した後、2024年に株式会社ビットキーへ 入社。 @avocadoneko 経歴
職種 MY PROFILE
あぼねこ @avocadoneko MY PROFILE 最近こんなことやってます
OUTLINE 一次体験の大切さ 共感のための取り組み 共感を活かした改善事例 業務での事例紹介
どうやって プロダクトの体験を良くするの?
ユーザー体験の良し悪しは ユーザーを理解してはじめて判断できる
体験の改善に関与できるのはデザイナーだけじゃない UX UX UX UX UX Designer Business QA Engineer
Developer PdM
プロダクトの体験の良し悪しは 特別なスキルがなくても使ってみれば誰でもわかる プロダクト 使いやすい! 使いにくい... 使ってみる
自分自身が実際に使ってみたり 現場で体験すること(= 一次体験)によって ユーザーに共感することができる 自分自身が実際に使ってみたり 現場で体験すること(= 一次体験)によって ユーザーに することができる 共感
デザイン思考のプロセス 共感 課題定義 アイデア創出 プロトタイプ 体験の検証 エンパシーマップ ユーザーインタビュー ジャーニーマップ ユースケース洗い出し
価値仮説 デザインプロトタイプ 実機デモ ユーザビリティテスト アンケート結果 ブレインストーミング スケッチ ア ウ ト プ ッ ト 例
デザイン思考のプロセス エンパシーマップ ユーザーインタビュー ジャーニーマップ ユースケース洗い出し 価値仮説 デザインプロトタイプ 実機デモ ユーザビリティテスト アンケート結果
ブレインストーミング スケッチ 共感 課題定義 アイデア創出 プロトタイプ 体験の検証 ア ウ ト プ ッ ト 例
ビットキーについて
None
None
Hardware × Software
多岐に渡るサービスを展開 施設利用 置き配サービス ペットシッター 入退室 賃貸契約 会議室・座席予約 無人受付 入退室 権限管理
エレベーター連携
ユーザーに共感するために 私たちが取り組んでいること
ユーザーに共感する方法は3つに分類できる 体験する 観察する 聞いてみる
ユーザーに共感する方法は3つに分類できる 体験する 観察する 聞いてみる 補う 一次体験 補う
自分がユーザーになって体験する 体験する 観察する 聞いてみる
体験 workhubをビットキーオフィス・ビルに導入 サービスの一連の流れを 毎日体験できる プロダクトに対する気づきが 日々生まれる! 顔認証で ゲートを通過 座席へ チェックイン
会議室予約 〜利用 来訪者受付 メンバーの 居場所を確認 他にも さまざまな機能
体験 現場でスマートロック設置作業を体験 アクティベート bitlock MINI Appでアクティベート 設置業者がドアに設置 想定外の業務フローや環境条件が たくさんあることに気づける 手の塞がり状態・通信が不安定など
新築の入居前のマンションに行き、 設置〜アクティベート作業を体験
体験 認知的ウォークスルーでオフィスの席予約 本当のユーザーじゃなくても、この方法ならユーザーになりきれる Appで体験 スプレッドシートに記録 席を予約
ビットキーでは、QAチームも 一次体験を業務に取り入れている!
体験 1ヶ月間スマートロック設置物件に住んでみる QAチーム 1ヶ月間 入居
体験 1ヶ月間スマートロック設置物件に住んでみる ↑QAチームが書いたレポートから抜粋→
観察する・聞いてみる 視野を広げる 自分の 体験
観察/聞く workhubを利用している他のオフィスへ訪問 ユーザーが悩んでいることや要望を直接聞く 利用中のひとを観察する 導入背景の違いによるニーズの違いを知る ビットキーオフィスとは規模・雰囲気が 異なる環境での使われ方を知れる
聞く 社内でユーザーヒアリング 社内の利用者 ・ざっくばらんにプロダクトが抱えている課題を聞く ・特定の機能について詳しく聞く 同じユーザーに定期的にヒアリングするのも効果的 お客様の担当者 ヒアリング対象 聞くこと ユーザーの行動の背景や意図を知ることができる!
観察 離れたところからプロダクトと人を観察 この操作で 迷うのか...! 客観的に見ることでユーザーのリアルな行動を知れる!
体験する 観察する 聞いてみる 誰にでもできる
共感を活かした プロダクトの改善事例
事例1:入退室時のアニメーションをプロトタイプ検証 何をするものなのか近づかないとわからない 体験・観察・ヒアリング 課題 いつも撮影されている感じがする 共感したことから 課題を見つける
事例1:入退室時のアニメーションをプロトタイプ検証 プロトタイプ 作成 検証 最終アウトプット 共感を活かして 良し悪しを判断
事例2:現場で確かめた聞き取れるアラート音 共感があったからこそ「利用環境で確かめる」という発想につながった デバイスから鳴るアラート音を作り、 実際の利用環境に近い場所で 音の聞こえ方を確認した
体験改善の定型化に向けた展望 共感 課題定義 アイデア創出 プロトタイプ 体験の検証 実環境でのテストにより新たなユーザー視点がもてる 作ることで新しいアイデアが浮かぶ
まとめ
一次体験は、誰にでもできる品質向上の一歩 まとめ
ユーザーに共感することで みんなでいっしょにプロダクトの品質を高めたい! 品質の高いプロダクト をつくる Designer QA
Designer QA 現状は・・・ とっても遠い存在
ブースでもお待ちしてます