管理画面チラ見せナイトVol2 リアルタイム更新

未分類

今日は管理画面チラ見せナイトのVol.2 が開催されます。

せっかくなので、リアルタイムでお伝えしたいと思います！

IMG_0263

 

まずは運営の紹介から

ギャルからのおだんみつさん（19:30）

IMG_0266

 イノーバ三上さん

CloudCMOの管理画面についてチラ見せしてくれます！IMG_0268

コンテンツマーケティングのサービスですね。

http://innova-jp.com/service/cloud-cmo
innova-jp.com

Datadog使ってます！(Saas型のモニタリングソフトウェア）CloudWatchとも連携出来るんですね。

管理画面にユーザさんのDAUやキャパシティプランニング、サーバーリソースなんかも表示してるんですね。エラーログの統計、重要ですね。この辺りはDatadogですね。

管理画面はFlask、Bokeh、Pandas、gspread、botoなどを組み合わせて作成されているようです！

（19:48）

 ポケットコンシェルジュ川村さん

今日はポケットコンシェルジュのサービスで利用している管理画面についてチラ見せしてくれます！

IMG_0274

高級レストラン予約サービスです。みなさんもうご存知ですよね？

Pocket Concierge | A reservation service for high-end restaurants.
Pocket Concierge is an online reservation service for high-end restaurants in Japan. The tastes, atmosphere and service provided are all factors we take serious...
pocket-concierge.jp

オペレータ専門部隊がお店と連携して予約を確定したり、調整したりします。

お店の人はパソコンが苦手な方が多いので、オペレータがしっかりお客様とお店をwebを介してして最高の外食体験を作り上げます。つまり、オペレータが重要！

管理画面はオペレータが空席や予約を調整するために使う画面です。

bootstrapベースの独自管理画面です。zendeskとシステム連携して、予約などの運用を効率化しています。

オペレータきめ細かいサポートが行える管理画面で最高の外食体験を作り出しています( ｰ`дｰ´)ｷﾘｯ

（20:02）

Synapse（モバキッズ）田村さん

続いてSynapseの管理画面についてチラ見せしてくれます。

IMG_0277

Synapseは堀江さんやはあちゅうさんなど有名な方のサロンサービスを運営されています。

https://synapse.am/
synapse.am

出会いもあるとかないとか

サロン主催者向けの管理画面と運営側の管理画面で連携することで、うまく盛り上がるように運営されているようです。

コメントをチェックしたりやイベントの出欠管理の仕組みもあり、モバイルの会員証などもあるようです。KPIなども運営側から確認し、次のアクションにつなげているようです。ビジュアライズではなく一個人を見ていく

FacebookのGraphAPIについて、コメントのLIKE数なども取得して楽しいよーということです。仕様変更も結構ありますよね。私もシャチクのミカタで散々苦労しました。。

編集行為をテクノロジーで最適化するのがポイント！

（20:16)

グッドパッチ中村さん

グッドパッチさんが関わっている案件の管理画面をチラ見せしてくれます！

IMG_0281

グッドパッチさんはUIデザインにフォーカスしたデザイン会社さんです。

Goodpatch グッドパッチ｜デザインの力を証明する
新規事業立ち上げやプロダクトのUI/UX改善など、戦略策定〜グロースフェーズまで一気通貫でパートナーとして並走します。さらに、ブランド・エクスペリエンスの構築、デザイン文化の浸透を支援。本質課題にコミットし、ビジネスに貢献するデザインを提案します。
goodpatch.com

創業当初から管理画面を実はやられています。なぜやるか、

「日本の〇〇〇〇」。。

管理画面が軽視されていて、管理画面がどんどん使い勝手が悪くなり、リソース効率がどんどん悪くなっているなど。

管理画面を改修することでエンドユーザの為になる。

以下のプロセスで行っている

1. 課題抽出

  • テストアカウントをもらい、課題をあぶりだしていく
  • ヒアリング、課題確認
  • ユーザインタビュー　← ここ重要！

2. 作成

  • ワイヤー
  • プロトタイプ
  • 改善

ここからはクライアントさんの管理画面デモや改善についてチラ見せしてくれています。

（ちょっとどこまで書いていいか分からないので、一応伏せておきます。。）

まとめ

  • 課題にずれがないか
  • なぜ、その課題が発生したかを考える必要がある

（20:35）

じげん海野さん

様々なマッチングサービスを展開されています。

サービスを色々展開していくと、管理画面だらけになったようですｗ

IMG_0284

 

今回はじげんさんの管理画面を集約した管理画面のチラ見せを行ってくれます。

めちゃめちゃ便利になるはずが・・・

色々課題が露呈し・・・

閉鎖したようですｗ

で、

今までのサービス別の管理画面からKPIなんかをGAやKibanaに集約して便利ですね！っていうことでしたｗ

あと、オフィスの壁が黒板なので、KPIを書いてデイリー更新、アナログ回帰ですねｗw

一応ちゃんと作ってますｗ

（20:52）

フジテレビ加藤さん

今回はゲゲゲの鬼太郎のゲームの管理画面についてチラ見せをしてくれます。ゲゲゲの鬼太郎はYahooモバゲーの「ユーザーが選ぶベストタイトル賞」を獲得している人気ゲームのようです。

ゲゲゲの鬼太郎 妖怪横丁
「ゲゲゲの鬼太郎　妖怪横丁」は、プレイヤーが「妖力を持った人間」となり、ゲゲゲの森にある妖怪横丁で鬼太郎達とお店を繁盛させ、日本一の横丁を目指すゲームです。ガチャからでてくる商品を妖怪たちに販売して、仲間になろう！たまに襲ってくる悪い妖怪は仲間妖怪と協力して退治しよう！販売や退治で手に入れた人魂...
yahoo-mbga.jp

IMG_0287

管理画面の特徴

  • 管理ページを触る人はごく少数
  • データ参照がメイン（データ更新は直接更新）
  • ビジュアライズはCSV出力

APIの負荷状況のモニタリングが出来る！これ、重要ですね。

モニタリングページ。かっこいいモニタリングページがディスプレイにいつも表示されています。テンション上がりますよね（jqplotで作られたようです）

（21:07）

nanapi秋田さん

今回はアンサーの管理画面をチラ見せしてくれます。

IMG_0290

https://itunes.apple.com/jp/app/ansa-wu-liaochattode-ji-daq/id736545034
itunes.apple.com

「ぼくのかんがえたさいきょうのアンサー管理画面」

「社内向けの管理画面を作るのが大好きです！」

  1. リンクしまくる（一覧から詳細から一覧など）
    1. チャットなどにリンクが貼ったり便利
  2. 横幅は貴重な資源なので、リッチに表現
    1. 1画面で情報量を多く表示出来る
  3. アプリ画面を再現する
    1. アプリ画面そっくりに管理画面を再現
    2. アプリ開くの面倒ｗ
  4. まさかのレスポンシブデザイン
    1. アプリを直接開けるリンク（確かに便利！）
    2. ノリで最適化ｗ
  5. 反復作業はフルキーボード操作で完結
    1. まさかのvimキーバインドwwww

KPIは？

定量的なモニタリングはつけていない

TreasureDataやGoogle BigQueryを使っている

分析は専門家に

（21:22）

 まとめ

これだけ更新しておいてなんですが、

    1.  イノーバ三上さん
    2.  ポケットコンシェルジュ川村さん
    3. Synapse（モバキッズ）田村さん
    4. グッドパッチ中村さん
    5. じげん海野さん
    6. フジテレビ加藤さん
    7. nanapi秋田さん
    8.  まとめ
  1. このイベントはもう来ないと分からない！！

このイベントはもう来ないと分からない！！

IMG_0294

 

 

 

コメント

ホーム
トップ