Soumettre la recherche
Mettre en ligne
社内サービスのUI改善
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
1,802 vues
gree_tech
Suivre
Battle Conference U30にて発表された資料です https://bcu30.jp/
Lire moins
Lire la suite
Ingénierie
Signaler
Partager
Signaler
Partager
1 sur 40
Télécharger maintenant
Recommandé
TB / Day規模のゲーム向けデータパイプラインを開発運用する日々
TB / Day規模のゲーム向けデータパイプラインを開発運用する日々
gree_tech
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
Google Cloud Platform - Japan
グリーにおけるAWS移行の必然性
グリーにおけるAWS移行の必然性
gree_tech
アナザーエデンにおける非同期オートセーブを用いた通信待ちストレスのないゲーム体験の実現
アナザーエデンにおける非同期オートセーブを用いた通信待ちストレスのないゲーム体験の実現
gree_tech
OSS強化学習向けゲーム環境の動向
OSS強化学習向けゲーム環境の動向
gree_tech
行ってみよう、やってみよう!
行ってみよう、やってみよう!
gree_tech
kukai: 省エネ世界2位のディープラーニング・スパコン
kukai: 省エネ世界2位のディープラーニング・スパコン
Yahoo!デベロッパーネットワーク
インフラエンジニアの楽しい標準化活動
インフラエンジニアの楽しい標準化活動
gree_tech
Recommandé
TB / Day規模のゲーム向けデータパイプラインを開発運用する日々
TB / Day規模のゲーム向けデータパイプラインを開発運用する日々
gree_tech
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
グリー株式会社『私たちが GCP を使い始めた本当の理由』第 9 回 Google Cloud INSIDE Game & Apps
Google Cloud Platform - Japan
グリーにおけるAWS移行の必然性
グリーにおけるAWS移行の必然性
gree_tech
アナザーエデンにおける非同期オートセーブを用いた通信待ちストレスのないゲーム体験の実現
アナザーエデンにおける非同期オートセーブを用いた通信待ちストレスのないゲーム体験の実現
gree_tech
OSS強化学習向けゲーム環境の動向
OSS強化学習向けゲーム環境の動向
gree_tech
行ってみよう、やってみよう!
行ってみよう、やってみよう!
gree_tech
kukai: 省エネ世界2位のディープラーニング・スパコン
kukai: 省エネ世界2位のディープラーニング・スパコン
Yahoo!デベロッパーネットワーク
インフラエンジニアの楽しい標準化活動
インフラエンジニアの楽しい標準化活動
gree_tech
大規模ライブ配信の苦労ポイント
大規模ライブ配信の苦労ポイント
gree_tech
Datadog monitoring with HashiCorp
Datadog monitoring with HashiCorp
Masatomo Ito
KubernetesでPHPを動かした話
KubernetesでPHPを動かした話
gree_tech
ネットワークエンジニアがWeb開発をやってみて思ったこと
ネットワークエンジニアがWeb開発をやってみて思ったこと
gree_tech
AWS re:invent振り返りServerlessでサーバコスト以外もいろいろ削減
AWS re:invent振り返りServerlessでサーバコスト以外もいろいろ削減
gree_tech
GREE 流!AWS をお得に使う方法
GREE 流!AWS をお得に使う方法
gree_tech
プランニングツールにおけるインタラクティブな可視化を支えるバックエンド
プランニングツールにおけるインタラクティブな可視化を支えるバックエンド
Yahoo!デベロッパーネットワーク
Yahoo! JAPANのOSS Cassandra貢献の今までとこれから
Yahoo! JAPANのOSS Cassandra貢献の今までとこれから
Yahoo!デベロッパーネットワーク
【デブサミ夏AL】グリーのboxの使い方
【デブサミ夏AL】グリーのboxの使い方
Developers Summit
広告における機械学習の適用例とシステムについて
広告における機械学習の適用例とシステムについて
Yahoo!デベロッパーネットワーク
インターネットの維持 近況
インターネットの維持 近況
gree_tech
PHP Version Up と AWS への移行
PHP Version Up と AWS への移行
gree_tech
Keynote
Keynote
gree_tech
OSC2019 LT 運用レコメンドプラットフォーム開発におけるマイクロサービス構成の実現
OSC2019 LT 運用レコメンドプラットフォーム開発におけるマイクロサービス構成の実現
Daisuke Ikeda
Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例
Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例
gree_tech
RPKIやってみませんか?
RPKIやってみませんか?
gree_tech
AMPと広告とOpenRTBと #yjmu
AMPと広告とOpenRTBと #yjmu
Yahoo!デベロッパーネットワーク
[SAPPORO CEDEC] サービスの効果を高めるグリー内製ツールの技術と紹介
[SAPPORO CEDEC] サービスの効果を高めるグリー内製ツールの技術と紹介
gree_tech
決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu
Yahoo!デベロッパーネットワーク
ターン制コマンドバトルにおける強化学習効率化
ターン制コマンドバトルにおける強化学習効率化
gree_tech
データプロダクトを支えるビッグデータ基盤
データプロダクトを支えるビッグデータ基盤
Google Cloud Platform - Japan
データ分析基盤におけるOpsのためのDev with event driven + serverless
データ分析基盤におけるOpsのためのDev with event driven + serverless
Shoji Shirotori
Contenu connexe
Tendances
大規模ライブ配信の苦労ポイント
大規模ライブ配信の苦労ポイント
gree_tech
Datadog monitoring with HashiCorp
Datadog monitoring with HashiCorp
Masatomo Ito
KubernetesでPHPを動かした話
KubernetesでPHPを動かした話
gree_tech
ネットワークエンジニアがWeb開発をやってみて思ったこと
ネットワークエンジニアがWeb開発をやってみて思ったこと
gree_tech
AWS re:invent振り返りServerlessでサーバコスト以外もいろいろ削減
AWS re:invent振り返りServerlessでサーバコスト以外もいろいろ削減
gree_tech
GREE 流!AWS をお得に使う方法
GREE 流!AWS をお得に使う方法
gree_tech
プランニングツールにおけるインタラクティブな可視化を支えるバックエンド
プランニングツールにおけるインタラクティブな可視化を支えるバックエンド
Yahoo!デベロッパーネットワーク
Yahoo! JAPANのOSS Cassandra貢献の今までとこれから
Yahoo! JAPANのOSS Cassandra貢献の今までとこれから
Yahoo!デベロッパーネットワーク
【デブサミ夏AL】グリーのboxの使い方
【デブサミ夏AL】グリーのboxの使い方
Developers Summit
広告における機械学習の適用例とシステムについて
広告における機械学習の適用例とシステムについて
Yahoo!デベロッパーネットワーク
インターネットの維持 近況
インターネットの維持 近況
gree_tech
PHP Version Up と AWS への移行
PHP Version Up と AWS への移行
gree_tech
Keynote
Keynote
gree_tech
OSC2019 LT 運用レコメンドプラットフォーム開発におけるマイクロサービス構成の実現
OSC2019 LT 運用レコメンドプラットフォーム開発におけるマイクロサービス構成の実現
Daisuke Ikeda
Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例
Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例
gree_tech
RPKIやってみませんか?
RPKIやってみませんか?
gree_tech
AMPと広告とOpenRTBと #yjmu
AMPと広告とOpenRTBと #yjmu
Yahoo!デベロッパーネットワーク
[SAPPORO CEDEC] サービスの効果を高めるグリー内製ツールの技術と紹介
[SAPPORO CEDEC] サービスの効果を高めるグリー内製ツールの技術と紹介
gree_tech
決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu
Yahoo!デベロッパーネットワーク
ターン制コマンドバトルにおける強化学習効率化
ターン制コマンドバトルにおける強化学習効率化
gree_tech
Tendances
(20)
大規模ライブ配信の苦労ポイント
大規模ライブ配信の苦労ポイント
Datadog monitoring with HashiCorp
Datadog monitoring with HashiCorp
KubernetesでPHPを動かした話
KubernetesでPHPを動かした話
ネットワークエンジニアがWeb開発をやってみて思ったこと
ネットワークエンジニアがWeb開発をやってみて思ったこと
AWS re:invent振り返りServerlessでサーバコスト以外もいろいろ削減
AWS re:invent振り返りServerlessでサーバコスト以外もいろいろ削減
GREE 流!AWS をお得に使う方法
GREE 流!AWS をお得に使う方法
プランニングツールにおけるインタラクティブな可視化を支えるバックエンド
プランニングツールにおけるインタラクティブな可視化を支えるバックエンド
Yahoo! JAPANのOSS Cassandra貢献の今までとこれから
Yahoo! JAPANのOSS Cassandra貢献の今までとこれから
【デブサミ夏AL】グリーのboxの使い方
【デブサミ夏AL】グリーのboxの使い方
広告における機械学習の適用例とシステムについて
広告における機械学習の適用例とシステムについて
インターネットの維持 近況
インターネットの維持 近況
PHP Version Up と AWS への移行
PHP Version Up と AWS への移行
Keynote
Keynote
OSC2019 LT 運用レコメンドプラットフォーム開発におけるマイクロサービス構成の実現
OSC2019 LT 運用レコメンドプラットフォーム開発におけるマイクロサービス構成の実現
Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例
Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例
RPKIやってみませんか?
RPKIやってみませんか?
AMPと広告とOpenRTBと #yjmu
AMPと広告とOpenRTBと #yjmu
[SAPPORO CEDEC] サービスの効果を高めるグリー内製ツールの技術と紹介
[SAPPORO CEDEC] サービスの効果を高めるグリー内製ツールの技術と紹介
決済金融から始めるデータドリブンカンパニー #yjmu
決済金融から始めるデータドリブンカンパニー #yjmu
ターン制コマンドバトルにおける強化学習効率化
ターン制コマンドバトルにおける強化学習効率化
Similaire à 社内サービスのUI改善
データプロダクトを支えるビッグデータ基盤
データプロダクトを支えるビッグデータ基盤
Google Cloud Platform - Japan
データ分析基盤におけるOpsのためのDev with event driven + serverless
データ分析基盤におけるOpsのためのDev with event driven + serverless
Shoji Shirotori
TREASUREDATAのエコシステムで作るロバストなETLデータ処理基盤の作り方
TREASUREDATAのエコシステムで作るロバストなETLデータ処理基盤の作り方
Kentaro Yoshida
20150905 stream analytics
20150905 stream analytics
一希 大田
Cloud Identity-Aware Proxy
Cloud Identity-Aware Proxy
Kumano Ryo
20170705 apiをつくろう
20170705 apiをつくろう
CData Software Japan
DX Suite & UiPath さっくり読み取りさっくり連携
DX Suite & UiPath さっくり読み取りさっくり連携
Chuki ちゅき
インドのインターネット環境との戦い方
インドのインターネット環境との戦い方
健一 辰濱
渋谷エンジニア朝会@Bizreach 20141123
渋谷エンジニア朝会@Bizreach 20141123
Yasuhiro Suzuki
Dataflow(python)を触った所感
Dataflow(python)を触った所感
Ryo Yamaoka
JDBCで繋がるクラウドDB・NoSQL連携
JDBCで繋がるクラウドDB・NoSQL連携
CData Software Japan
Hueによる分析業務の改善事例
Hueによる分析業務の改善事例
Masahiro Kiura
リモートチームとふりかえり改善フレームワーク
リモートチームとふりかえり改善フレームワーク
Maehana Tsuyoshi
データ分析基盤を支えるエンジニアリング
データ分析基盤を支えるエンジニアリング
Recruit Lifestyle Co., Ltd.
渋谷エンジニア朝会@Bizreach 20141123
渋谷エンジニア朝会@Bizreach 20141123
Yasuhiro Suzuki
ソーシャルコーディング革命が変える受託開発の現場(QA@ITの事例)
ソーシャルコーディング革命が変える受託開発の現場(QA@ITの事例)
Ken Nishimura
Microsoft Search - Microsoft Graph connector と Search Federation の概要
Microsoft Search - Microsoft Graph connector と Search Federation の概要
Ai Hirano
どうなる?SharePoint 2016 最新事情!
どうなる?SharePoint 2016 最新事情!
Hirofumi Ota
JDBCで繋がるSaas連携
JDBCで繋がるSaas連携
CData Software Japan
わんくま同盟 大阪勉強会 #46
わんくま同盟 大阪勉強会 #46
Atsuo Yamasaki
Similaire à 社内サービスのUI改善
(20)
データプロダクトを支えるビッグデータ基盤
データプロダクトを支えるビッグデータ基盤
データ分析基盤におけるOpsのためのDev with event driven + serverless
データ分析基盤におけるOpsのためのDev with event driven + serverless
TREASUREDATAのエコシステムで作るロバストなETLデータ処理基盤の作り方
TREASUREDATAのエコシステムで作るロバストなETLデータ処理基盤の作り方
20150905 stream analytics
20150905 stream analytics
Cloud Identity-Aware Proxy
Cloud Identity-Aware Proxy
20170705 apiをつくろう
20170705 apiをつくろう
DX Suite & UiPath さっくり読み取りさっくり連携
DX Suite & UiPath さっくり読み取りさっくり連携
インドのインターネット環境との戦い方
インドのインターネット環境との戦い方
渋谷エンジニア朝会@Bizreach 20141123
渋谷エンジニア朝会@Bizreach 20141123
Dataflow(python)を触った所感
Dataflow(python)を触った所感
JDBCで繋がるクラウドDB・NoSQL連携
JDBCで繋がるクラウドDB・NoSQL連携
Hueによる分析業務の改善事例
Hueによる分析業務の改善事例
リモートチームとふりかえり改善フレームワーク
リモートチームとふりかえり改善フレームワーク
データ分析基盤を支えるエンジニアリング
データ分析基盤を支えるエンジニアリング
渋谷エンジニア朝会@Bizreach 20141123
渋谷エンジニア朝会@Bizreach 20141123
ソーシャルコーディング革命が変える受託開発の現場(QA@ITの事例)
ソーシャルコーディング革命が変える受託開発の現場(QA@ITの事例)
Microsoft Search - Microsoft Graph connector と Search Federation の概要
Microsoft Search - Microsoft Graph connector と Search Federation の概要
どうなる?SharePoint 2016 最新事情!
どうなる?SharePoint 2016 最新事情!
JDBCで繋がるSaas連携
JDBCで繋がるSaas連携
わんくま同盟 大阪勉強会 #46
わんくま同盟 大阪勉強会 #46
Plus de gree_tech
アナザーエデンPC版リリースへの道のり 〜WFSにおけるマルチプラットフォーム対応の取り組み〜
アナザーエデンPC版リリースへの道のり 〜WFSにおけるマルチプラットフォーム対応の取り組み〜
gree_tech
GREE VR Studio Laboratory「XR-UX Devプロジェクト」の成果紹介
GREE VR Studio Laboratory「XR-UX Devプロジェクト」の成果紹介
gree_tech
REALITYアバターを様々なメタバースで活躍させてみた - GREE VR Studio Laboratory インターン研究成果発表
REALITYアバターを様々なメタバースで活躍させてみた - GREE VR Studio Laboratory インターン研究成果発表
gree_tech
アプリ起動時間高速化 ~推測するな、計測せよ~
アプリ起動時間高速化 ~推測するな、計測せよ~
gree_tech
長寿なゲーム事業におけるアプリビルドの効率化
長寿なゲーム事業におけるアプリビルドの効率化
gree_tech
Cloud Spanner をより便利にする運用支援ツールの紹介
Cloud Spanner をより便利にする運用支援ツールの紹介
gree_tech
WFSにおけるCloud SpannerとGKEを中心としたGCP導入事例の紹介
WFSにおけるCloud SpannerとGKEを中心としたGCP導入事例の紹介
gree_tech
SINoALICE -シノアリス- Google Cloud Firestoreを用いた観戦機能の実現について
SINoALICE -シノアリス- Google Cloud Firestoreを用いた観戦機能の実現について
gree_tech
海外展開と負荷試験
海外展開と負荷試験
gree_tech
翻訳QAでのテスト自動化の取り組み
翻訳QAでのテスト自動化の取り組み
gree_tech
組み込み開発のテストとゲーム開発のテストの違い
組み込み開発のテストとゲーム開発のテストの違い
gree_tech
サーバーフレームワークに潜んでる脆弱性検知ツール紹介
サーバーフレームワークに潜んでる脆弱性検知ツール紹介
gree_tech
データエンジニアとアナリストチーム兼務になった件について
データエンジニアとアナリストチーム兼務になった件について
gree_tech
シェアドサービスとしてのデータテクノロジー
シェアドサービスとしてのデータテクノロジー
gree_tech
「ドキュメント見つからない問題」をなんとかしたい - 横断検索エンジン導入の取り組みについて-
「ドキュメント見つからない問題」をなんとかしたい - 横断検索エンジン導入の取り組みについて-
gree_tech
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
gree_tech
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
gree_tech
コードの自動修正によって実現する、機能開発を止めないフレームワーク移行
コードの自動修正によって実現する、機能開発を止めないフレームワーク移行
gree_tech
「やんちゃ、足りてる?」〜ヤンマガWebで挑戦を続ける新入りエンジニア〜
「やんちゃ、足りてる?」〜ヤンマガWebで挑戦を続ける新入りエンジニア〜
gree_tech
法人向けメタバースプラットフォームの開発の裏側をのぞいてみた(仮)
法人向けメタバースプラットフォームの開発の裏側をのぞいてみた(仮)
gree_tech
Plus de gree_tech
(20)
アナザーエデンPC版リリースへの道のり 〜WFSにおけるマルチプラットフォーム対応の取り組み〜
アナザーエデンPC版リリースへの道のり 〜WFSにおけるマルチプラットフォーム対応の取り組み〜
GREE VR Studio Laboratory「XR-UX Devプロジェクト」の成果紹介
GREE VR Studio Laboratory「XR-UX Devプロジェクト」の成果紹介
REALITYアバターを様々なメタバースで活躍させてみた - GREE VR Studio Laboratory インターン研究成果発表
REALITYアバターを様々なメタバースで活躍させてみた - GREE VR Studio Laboratory インターン研究成果発表
アプリ起動時間高速化 ~推測するな、計測せよ~
アプリ起動時間高速化 ~推測するな、計測せよ~
長寿なゲーム事業におけるアプリビルドの効率化
長寿なゲーム事業におけるアプリビルドの効率化
Cloud Spanner をより便利にする運用支援ツールの紹介
Cloud Spanner をより便利にする運用支援ツールの紹介
WFSにおけるCloud SpannerとGKEを中心としたGCP導入事例の紹介
WFSにおけるCloud SpannerとGKEを中心としたGCP導入事例の紹介
SINoALICE -シノアリス- Google Cloud Firestoreを用いた観戦機能の実現について
SINoALICE -シノアリス- Google Cloud Firestoreを用いた観戦機能の実現について
海外展開と負荷試験
海外展開と負荷試験
翻訳QAでのテスト自動化の取り組み
翻訳QAでのテスト自動化の取り組み
組み込み開発のテストとゲーム開発のテストの違い
組み込み開発のテストとゲーム開発のテストの違い
サーバーフレームワークに潜んでる脆弱性検知ツール紹介
サーバーフレームワークに潜んでる脆弱性検知ツール紹介
データエンジニアとアナリストチーム兼務になった件について
データエンジニアとアナリストチーム兼務になった件について
シェアドサービスとしてのデータテクノロジー
シェアドサービスとしてのデータテクノロジー
「ドキュメント見つからない問題」をなんとかしたい - 横断検索エンジン導入の取り組みについて-
「ドキュメント見つからない問題」をなんとかしたい - 横断検索エンジン導入の取り組みについて-
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
「Atomic Design × Nuxt.js」コンポーネント毎に責務の範囲を明確にしたら幸せになった話
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
コードの自動修正によって実現する、機能開発を止めないフレームワーク移行
コードの自動修正によって実現する、機能開発を止めないフレームワーク移行
「やんちゃ、足りてる?」〜ヤンマガWebで挑戦を続ける新入りエンジニア〜
「やんちゃ、足りてる?」〜ヤンマガWebで挑戦を続ける新入りエンジニア〜
法人向けメタバースプラットフォームの開発の裏側をのぞいてみた(仮)
法人向けメタバースプラットフォームの開発の裏側をのぞいてみた(仮)
社内サービスのUI改善
1.
社内サービスのUI改善 #bcu30 #client_10 2018/04/21
2.
自己紹介 • 名前/Twitter • 松岡
紀行/@nemupm • 略歴 • 2016/03 大阪大学大学院 修了 • 2016/04 グリー株式会社 新卒入社 • 業務 • データ分析基盤の開発・運用 尾道で撮った猫
3.
社内サービス使ってますか?
4.
社内サービスとは のことではなく 内製で運用している独自サービス
5.
グリーの分析基盤サービス Powers-of-Ten(PoT) • 社内の様々なプロダクトのログを分析するための基盤サービス •
有名な分析基盤サービスの例 • Treasure Data • Google BigQuery • Amazon Redshift
6.
グリーの分析基盤サービス Powers-of-Ten(PoT) • グリーでは様々な理由によりPoTを内製している •
分析のクラウドサービスが少なかった時代に 内製されたサービスの後継であるため • 社内の要求を満たすように開発されてきた全ての機能を 外部のサービスで提供することが難しいため • コストの削減のため • 使用人数規模:300人以上、使用プロダクト数:約40
7.
この分析基盤サービスPoTが 抱える問題
8.
UIのユーザビリティが低い
9.
ユーザビリティが低い例① 分かりにくいUI
10.
分かりにくいUI例(実際のPoTの画面)
11.
分かりにくいUI例(実際のPoTの画面) メニューが多く アイコンも無い
12.
分かりにくいUI例(実際のPoTの画面) よくわからない沢山のフォームが 乱雑に置かれている
13.
ユーザビリティが低い例② 最低限のUI
14.
最低限のUI例(実際のPoTの画面)
15.
最低限のUI例(実際のPoTの画面) PoTをよく使う人にとっては物足りない(非効率な)UI
16.
なぜUIがなかなか改善されないのか • 各メンバーの考える問題点・改善案が異なるため • もとのUIが昔の内製サービスの継ぎ接ぎであり、 根本的なUIの設計を変えづらいため •
UIに詳しいエンジニアがチームに居ないため
17.
なぜUIが大事なのか UIが分かりにくいと • 初学者にとってサービス利用のハードルが高くなる →ユーザ数が増えない UIが最低限しか無いと • 熟練者にとって冗長な操作が多くなる →ユーザの業務効率を下げてしまう
18.
そこで、UI改善プロジェクトを 立ち上げました
19.
今日話したいこと UIのプロが居ないチーム、という立場から、 UIを改善するプロジェクトを進める上で • やってよかったこと • 苦労したこと を話します 注:プロジェクトはまだ終わってないため、あくまで現時点での所感です
20.
プロジェクト概要 • 目的 • データ分析基盤サービスPoTのフロントエンド部分について 利用者視点からUI/UXを再考してリプレイス •
システム構成 APIサーバ リプレイス部分 EMR, S3などの データ基盤 バックエンド
21.
やってよかったこと5つ
22.
1.スクラム開発 • バックエンドだと最初に設計をすべて決めることが多い(多分) • 今回のようにフロントエンドのUIを真面目に考えた時、 最初に理想的なUIをすべて決めるのが難しかった •
考えたUIが良いか悪いか判断できない • そもそも具体的な案が出づらい 仮UIを触りながら仕様を考えることで、 納得感をもって仕様を議論できた
23.
2.仕様チームと開発チームに分割 工数を考えない議論の場を仕組みとして担保できるため 実装しやすい仕様に偏ることを防げた 仕様チーム 理想的なUIを議論 仕様チーム 開発チーム 全員で改めて 実現可能性も含めて 議論
24.
3.定期的な社内公開 • 1ヶ月に1回ほど、社内のいくつかのチームに向けてβ版を公開 • 途中でだれない •
フィードバックが貰える • 開発のアピールになる β1公開 β2公開 クエリ機能の開発 グラフ機能の開発
25.
4.β版公開ごとにKPTの実施 • スクラム開発に則り KPT(Keep, Problem,
Try)を実施 • 楽しく議論できるように お菓子やコーヒーも導入 プロジェクトの進め方について 合意形成しながら改善できた お菓子を買いすぎた図
26.
5.デザイン面は社内の専門チームに相談 • 定期的に相談して フィードバックを貰う 見た目・UIの品質が大幅に上がり ユーザに印象良く触ってもらうことが出来た プロジェクト初期に参考として→ 作ってもらった画面イメージ
27.
一方で、苦労していることもあります
28.
開発チームのエンジニアの立場から見て、 フロントエンドについて 苦労したこと2つ データ 注:フロントエンドに限らない問題ではありますが悪しからず
29.
1.ベストプラクティス分からない問題 • (SPAの)設計ベストプラクティスが分からない • みんな言ってることが違ったりする •
ライブラリが多すぎて選定が難しい • 同じようなライブラリが乱立してたりする 現状の対策 • 関連記事を徹底的に探す・OSSを参考にする • Githubのスター数やGoogle trendsを参考にする
30.
2.工数見積が難しい問題 • 今回、仕様チームにUIの仕様ごとにチケットを作成してもらった 仕様1を実装するタスクA チケットごとにかかる時間がばらばら(数十分〜数日) 仕様2を実装するタスクB 仕様チームが作成したチケット 開発チームが考える実際のタスク •
モデルの設計(Rails/Angular) • APIの作成 • データベース作成 • JSライブラリの検証・選定 • レイアウト作成 粒度のずれ … …
31.
2.工数見積が難しい問題 結果、進捗の遅れの検知が困難になる 現状の対策 • 開発チーム側でもチケットを作成する • 開発しやすい粒度で小目標を立てる
32.
このように工夫・苦労しながら 進めているプロジェクト その現状について
33.
画面例① BEFORE
34.
画面例① AFTER(開発中)
35.
画面例② BEFORE
36.
画面例② AFTER (開発中)
37.
慣れてない分野のために つまずくことは多々ありますが
38.
大事なのは日々改善する意識と、 そのための仕組みづくりだと感じます
39.
皆さんの手で身の回りの『当たり前』を 改善していきましょう!
40.
ありがとうございました
Notes de l'éditeur
0.5
1
1:30
これはログデータからグラフを作成する画面ですが、、、
2:05
2:30
3:00
3:45
4:30
05:10 このプロジェクトでは分析サービスを普段から良く使っている非エンジニアの方々に仕様チームとなってもらい、理想的なUIについて議論してもらい、
なっていると思います 5:48
振り返りもやってて ネガティブな気持ちにならないようにお菓子 06:35
07:10 これは飛び道具的なのでちょっとせこいですが、
8:00 1つ目は これはチームにフロントエンド得意な人が居なくて聞けないのもあって、特に苦労しました
9:00
これは最初に紹介したクエリを投げるための画面ですが、
このようにUIが代わり、タブ機能やプレビュー機能など、クエリを投げるための便利な機能が幾つか追加されました。 09:20
これも最初に紹介したグラフ作成のための画面ですが
09:40
10
Télécharger maintenant