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
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだ...
Search
Hideyuki Takeuchi
October 11, 2018
Business
1
750
UZABASE創業期から10年いるエンジニアから見た「BtoB SaaSのUI/UXってなんだろう?」
2018/10/11のUX Bridge vol.7で発表した資料です。
広義の意味でのUXについて話してみました。
Hideyuki Takeuchi
October 11, 2018
Tweet
Share
More Decks by Hideyuki Takeuchi
See All by Hideyuki Takeuchi
Exposed 応用編 〜内部実装 と 魔拡張〜
chimerast
3
1.7k
Delegatesと拡張関数・拡張プロパティその合わせ技
chimerast
0
690
Kotlin Coroutines と Ktor HTTP Client で作るスケールするタスク実行
chimerast
1
1.7k
暗号通貨の鍵を安全に管理するアーキテクチャを作ってみようとしている話
chimerast
0
370
WhitestormJSを触ってみた
chimerast
0
500
この素晴らしい Vue.js に祝福を!
chimerast
16
11k
RxJava + Vert.x + jOOλ で Microservice的な何かを作ってみた
chimerast
0
2.6k
40億レコード以上のSPEEDA大規模データを超高速に表示するElasticsearch活用法
chimerast
1
3.8k
もっとデータ可視化をカジュアルに!OSSプロジェクト「E2D3」
chimerast
1
2.7k
Other Decks in Business
See All in Business
ノーコード・ローコストで進めるDX
tokyo_metropolitan_gov_digital_hr
0
380
merpay-overview_en
mercari_inc
1
17k
受託開発のアジャイル奮闘記
mifujita
1
10k
merpay-Overview
mercari_inc
7
160k
ファブリカホールディングス_2025年3月期 第2四半期説明資料
fabrica_com
0
2.7k
la belle vie Inc. Company Introduction for Engineers
recruiting
0
820
ビジネスの変化に迅速に反応 質・量どちらも追及する 星野リゾートのノーコード戦略
junkokotake
0
260
la belle vie Inc. Company Introduction for Merchandiser
recruiting
0
2k
株式会社BFT 会社紹介資料|エンジニア&セールス職向け
bft_recruit
2
11k
M&A Cloud Advisory Partners 採用ピッチブック
macloud
1
13k
エンジニア向けオープンワーク会社紹介資料 / company profile
openwork
1
17k
akippa株式会社 - 会社紹介資料
akippa
3
58k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Designing for Performance
lara
604
68k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
GitHub's CSS Performance
jonrohan
1030
460k
How GitHub (no longer) Works
holman
310
140k
Designing for humans not robots
tammielis
250
25k
Bash Introduction
62gerente
608
210k
Transcript
UZABASE 創業期から10 年いる エンジニアから見た 「BtoB SaaS のUI/UX って何だろう?」 たけうち ひでゆき
@chimerast @chimerast 1
自己紹介 たけうち ひでゆき @chimerast 株式会社ユーザベース 社内ニート チーフテクノロジスト 全方位型エンジニア 物理レイヤーからフロントエンドまで 全職種の人と大体話を合わせられる
@chimerast 2
だいたい金から逆算して考える人間 @chimerast 3
一応会社紹介 株式会社ユーザベース ( 東証3966) ユーザベースは、「経済情報で、世界を変える」ことをミッションに掲 げ、2008 年に設立しました。 「世界中のビジネス情報をテクノロジーと専門家の力で整理し、ビジネ スパーソンの生産性を高め、創造性を解放する事で世界に変革を起こし たい」という志をもって、企業・業界情報プラットフォーム
「SPEEDA 」と、ソーシャル経済メディア「NewsPicks 」、日本最大級 のスタートアップデータベース「entrepedia 」、B2B マーケティング プラットフォーム「FORCAS 」など を開発・運営しています。 @chimerast 4
UZABASE でのお仕事遍歴 その1 過去 CTO 的ななにかとしてプロダクト立ち上げ担当 SPEEDA をゼロから作る NewsPicks をゼロから作る
FORCAS をゼロから作る @chimerast 5
UZABASE でのお仕事遍歴 その2 現在 CIO 的ななにかとして プロダクトや会社の整理整頓後始末 社内のIT による業務改善 内部統制・セキュリティ関連
ベンチャーキャピタリスト UB Ventures @chimerast 6
エンジニア / UI(?) / UX(?) 遍歴 小学校1 年生の時に親にPC-8801 を与えられN88-BASIC で遊ぶ
高校1 年生の頃(90 年代後半) 、DTP に目覚め 学校のお金を使って運動会・文化祭のパンフレットを作り 同高校として初めてデジタル入稿して業者を困らせる 組版の話とか分かる 高校2 年生の頃、本格的にプログラムを作る事に目覚める 修士1 年生の頃、受託開発会社を起業してBtoB 、BtoC 、IoT 等々 多数のプロダクトをゼロから作る仕事をする 修士4 年生の時にUZABASE 創業期に参画 @chimerast 7
いわゆるパソコン大好き少年でした @chimerast 8
今日のお話 1. BtoB SaaS におけるUI/UX って何だろう? 2. 社員も知らないUZABASE UI/UX 以前裏話
@chimerast 9
第一部 BtoB SaaS における究極の UI/UX ってなんだろう? 副題: UI/UX 以前のお話し (
広義でのUX) @chimerast 10
BtoB SaaS において 顧客は何に対してお金を払ってるか? @chimerast 11
便利な機能? 使いやすいインターフェース? かっこいいインターフェース? @chimerast 12
便利な機能? 使いやすいインターフェース? かっこいいインターフェース? @chimerast 13
時間を買っている 情報・知見を買っている @chimerast 14
UZABASE の プロダクトにおける例 @chimerast 15
企業・業界情報プラットフォーム「SPEEDA 」 SPEEDA は、ビジネスパーソンの情報収集・分析における課題を解決す る最先端のプラットフォームです。世界中の企業情報、業界レポート、 市場データ、ニュース、統計、M&A などあらゆるビジネス情報をカバ ーしています。 @chimerast 16
@chimerast 17
@chimerast 18
@chimerast 19
@chimerast 20
@chimerast 21
創業者 梅田・新野のお言葉 高い給料をもらってる投資銀行の新人達が ただ情報を集めてExcel/PowerPoint 作ってるの ほんとお金と時間の無駄だと思うんだよねー @chimerast 22
@chimerast 23
ソーシャル経済メディア「NewsPicks 」 NewsPicks は、経済ニュースを業界人や専門家のコメントとあわせて読 むことができるサービスです。国内外100 メディアのニュースのほか、 NewsPicks 編集部が作成するオリジナル記事も配信しています。 @chimerast 24
@chimerast 25
@chimerast 26
@chimerast 27
創業者 梅田のお言葉 なんかもっと気軽に専門家の ダイレクトな意見が聞きたいなー そんな場所を作りたいんだよねー @chimerast 28
@chimerast 29
BtoB SaaS における 究極のUX を考えてみる @chimerast 30
ボタンを押したら 仕事が全て終わっている @chimerast 31
簡単にはとれない情報がそこにある @chimerast 32
@chimerast 33
@chimerast 34
1. ボタンを押したら仕事が全て終わっている 2. 簡単にはとれない情報がそこにある この二つのどちらかが満たされていれば 顧客はお金を払ってくれる @chimerast 35
BtoB SaaS ではUI/UX を考える時に この二つの条件はすごく大事 @chimerast 36
第二部 UZABASE 社員も知らない UZABASE UI/UX 以前の裏話的事例 @chimerast 37
事例1 SPEEDA には非常に長い間 デザイナーはいなかった @chimerast 38
SPEEDA にデザイナーはいなかった 2008 年創業以来2015 年2 月まで SPEEDA にはデザイナーはいなかった エンジニアやプロダクト企画がお気持ちで デザインをやっていた
注意 一応、自己紹介でも書いたとおり、僕は組版の話とかわかるレベル 別のエンジニアもデザインルールの勉強はしていた @chimerast 39
ここで得た知見(???) 条件を満たしていれば、プロフェッショナル向けBtoB SaaS は多少UI がアレでも売れる SPEEDA は、1 アカウントを十数万円/ 月で 昔からほぼ同じ価格値引き無しで絶賛販売中
@chimerast 40
待望のデザイナ採用 とはいえ、プロフェッショナル以外に対しては、 わかりやすいUI/UX が必要 2015 年2 月にUX Bridge vol.1 に登壇した
広田が入社してくれてSPEEDA が綺麗になった プロではない事業会社向けに拡販のタイミング @chimerast 41
プロフェッショナル向けと それ以外は求められるUI/UX が違う プロフェッショナル以外はシンプルなUI が必要 それこそボタンを押したら答えが返ってくる プロフェッショナルは、複雑な使い方をしたいので 様々な項目が必要 @chimerast 42
@chimerast 43
@chimerast 44
事例2 NewsPicks は足で営業して 初期コアユーザ獲得をしていた @chimerast 45
NewsPicks は足で営業していた 初期プロダクトは実はiPad 版しかなかった 梅田の考えた初期ペルソナが朝食を食べながら 優雅にソファーで新聞を読む層 梅田はiPad を担いで業界著名人に 使ってPick してくれとお願いしに行っていた
人によってはiPad そのものをプレゼントしてた @chimerast 46
でも実はとても重要なこと 忙しい人はそれくらい熱意を持って営業しないと 使ってくれない NewsPicks は業務で活躍している忙しい人に コメントをたくさんして欲しかった ちなみにSPEEDA というプロダクトがあったから、 その忙しい人たちに話に行けたという事実は、 今の社員はほとんど知らない(
と思う) 梅田も忘れてる @chimerast 47
ここで得た知見(???) UI/UX 改善だけに頼りすぎない UI/UX 以外も獲得や継続率を上げる方法は沢山ある コミュニティ形成は対面も非常に重要 ちなみに初期iPhone 版NewsPicks も エンジニアが考えた奇抜なデザインだった
でもそこでしかとれない情報があったので コアユーザは使い続けてくれた @chimerast 48
事例3 最終的なUX を上げるために 一時的にUX を下げる @chimerast 49
NewsPicks 実名登録 サービス開始から2 年半ほどたった、2016 年2 月、NewsPicks で自分 のコメントを人に読んでもらうのに 実名を登録確認する作業を追加 当然UX
に大きく影響を与えるのは認識していた 様々な肯定的・否定的なご意見もいただいた @chimerast 50
それでもなぜ踏み切ったか ビジネスの世界は誰が何を言っているのかが 非常に重要な世界 長い目でユーザの体験を考えると 全員実名でコメントしてもらうことが 良い結果になると判断した 今の状態を見るに正しい決断だったと思う @chimerast 51
ここで得た知見(???) プロダクトが最終的にどういう世界を 目指したいのかを考えることはとても重要 その世界でしか得られない体験は何かを考える @chimerast 52
本質的に伝えたかったこと @chimerast 53
「あったら便利」ではなく 「ないと困る」体験の設計を目指す @chimerast 54
「ないと困る」サービスは それが必要なユーザは離脱しない @chimerast 55
「ないと困る」は 当事者になると見つけやすい @chimerast 56
ご静聴ありがとうございました @chimerast 57