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
モンストのお問い合わせフォームを支える技術 / Dive into mixi night 2018-08-22
Search
Jun Hashimoto
August 22, 2018
Technology
1
1.6k
モンストのお問い合わせフォームを支える技術 / Dive into mixi night 2018-08-22
Dive into mixi night! #3 の登壇資料です。
https://mixi.connpass.com/event/90827/
Jun Hashimoto
August 22, 2018
Tweet
Share
More Decks by Jun Hashimoto
See All by Jun Hashimoto
月1万件のデータ移行を 自動化するための3つの秘訣 / 3 tips for automating customer data transfer
hashijun
0
230
CSスタッフの能力を最大限に引き出すための3つの工夫 / 3 approaches for improving cs staff creativity
hashijun
2
530
一人ひとりに寄り添ったCRMツールによるカスタマーサポートの新しい形 / New kindly approach of customer support with CRM tool
hashijun
0
2.2k
Google PageRank勉強会#2 / Google PageRank 2011-07-06
hashijun
0
210
Google PageRank勉強会#1 / Google PageRank 2011-06-22
hashijun
0
180
Other Decks in Technology
See All in Technology
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
190
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
Classmethod Odyssey 登壇資料
yamahiro
0
390
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
950
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
710
地理情報とAPIのトレンド
nagix
0
160
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
380
What if...? 처음부터 다시 LLM 어플리케이션을 개발한다면
huffon
0
1k
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
How STYLIGHT went responsive
nonsquared
93
5k
Practical Orchestrator
shlominoach
185
10k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Done Done
chrislema
179
15k
Navigating Team Friction
lara
181
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Optimizing for Happiness
mojombo
373
69k
Code Review Best Practice
trishagee
58
16k
A designer walks into a library…
pauljervisheath
201
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Transcript
モンストのお問い合わせ フォームを⽀える技術 2018.08.22 橋本 淳 株式会社ミクシィ 統括管理本部 CS部 CREグループ
1 ⾃⼰紹介 • 統括管理本部 CS部 CREグループ所属 • 2012年新卒⼊社 • 〜2015年3⽉:
SNS「mixi」の開発 • サービス開発・保守 (ブラウザ・ネイティブアプリ) • 2015年4⽉〜: 現部署
2 CREとは • Customer Reliability Engineering • 顧客信頼性エンジニアリング • Googleが提唱した役割
(2016年10月) • 弊社でのCRE設⽴は2017年12⽉ • CS部門の開発チームとしては2011年4月頃から
3 XFLAG スタジオにおけるCRE • 顧客信頼性の向上のために動く • CSスタッフ向けの管理画面の開発・運用 • バージョンアップに沿って開発 •
お問い合わせの技術調査 • 不具合の修正 • 不具合で不利益を被ったユーザーの抽出・補填 • 関わるスタッフの作業効率化・⾃動化のために動く • 業務効率化ツールの開発 • Zendeskまもるくん • CREから主体的に動くケースも多い
4 今⽇の話
お問い合わせフォームについて • 技術的な話あるの? • 静的HTMLじゃないの? 5
6 あります
モンストにおけるお問い合わせ • データ移⾏に関するお問い合わせが最多 • アプリ内イベントに連動して増加する傾向 7 2018年7月1日 ルシファー獣神化発表
データ移⾏のお問い合わせフォーム • 専⽤のフォームを⽤意して、お問い合わせトップページ からリンクしている • 復旧したいアカウントを特定するための内容を⼊⼒して もらうようになっている • 他社さんも似たような傾向 8
パズドラのフォーム 9
Fate Grand Orderのフォーム 10
モンストのフォーム 11
モンストのフォーム 12
モンストのフォーム 13
メリット • ⼊⼒候補をajaxで取得しユーザーの⼊⼒を補助 • モンスター名・わくわくの実 • 4個の入力項目で採用 • ⼊⼒内容のブレがほぼ発⽣しない •
入力内容の確認作業を一部システムで自動化している • CSスタッフの労力を軽減 • ⼊⼒候補はアプリ内データと同期している • フォームはいつでも最新の状態! 14
実は台湾版でも! 15
アプリ内データとの同期の仕組 16
まとめ 17 • モンストのデータ移⾏フォームでは、アプリ内データを ⼀部引⽤している • ユーザーの⼊⼒補助とシステムによる⼀部⾃動化の両⾯ でメリットがある • 今回紹介した事例のように、ちょっとした⼯夫で効率化
できるシーンがCSの現場では多い
Thank you!