読者です 読者をやめる 読者になる 読者になる

品質の向上に対する取り組み

こんにちは。ユーザーファースト推進室ディレクターの大黒です。
私が所属しているユーザーファースト推進室では、「クックパッドに訪れた全てのユーザーが、期待する以上の品質に常に触れている状態にする」というミッションを持っています。今回はその中の取り組みの一つである「気になる!報告」という仕組みをご紹介します。

「 気になる!報告」とは

スタッフが普段、何気なくクックパッドを使っている中で、気になったことを簡単に報告することができる仕組みです。休日や外出先などでは、気になったことを後で担当部署にフィードバックしようと思っていても、ついつい忘れてしまいます。そこでサイト内に「気になる!報告」のリンクを設置し、いつでもどこでも報告できるようにしています。

f:id:kotsuru0812:20151014193717p:plain

スタッフアカウント*1でログインすると、クックパッドのフッターエリアにスタッフにしか見えないリンクがあり、どのページにいてもすぐに報告をすることができます。

f:id:kotsuru0812:20151014193847p:plain:w500

報告画面に遷移すると、閲覧していたページのURL、その時のUser agent が自動で入力されます。これはどいう環境でスタッフが「気になる!報告」を送ったのかが分かるため、不具合や表示崩れの場合に原因が特定しやすく、すぐに対応できるからです。

報告内容は全てユーザーファースト推進室に集約され、各担当部署へフィードバックされます。

この仕組みは、2012年11月にデザインの不具合報告を簡単にできる仕組みとして、主にデザインに携わっているスタッフが使っていました。2014年5月に報告内容の範囲を拡大し、ユーザーにとって使い勝手が悪い、混乱しそう、不適切な表現では?と思ったことをスタッフ全員が報告できるように変更しました。今ではサービス開発に携わっていないスタッフもこの仕組みを使い、ユーザー体験の向上に寄与することが可能となっています。

事例

ここで「気になる!報告」によってユーザー体験が改善された事例とともに、運用方法をご紹介します。

スタッフからの報告

スタッフから報告があると、ユーザーファースト推進室に「気になる!報告」の内容がメールで送付されます。送付された内容は全て、Googleスプレットシートに自動的に保存され、そこでステータスの管理などを行います。

f:id:kotsuru0812:20151014194215p:plain:w500

スタッフが気になった点

スマートフォンウェブの検索結果画面において、一部、スワイプの動きがスムーズではない箇所がありました。実際に確認してみたところ、動きにひっかかりがあり、もたつくような感じがありました。

f:id:kotsuru0812:20151014194405p:plain:w320

担当部署へのフィードバック

報告の内容を確認し、対応が必要な場合と内容を検討する必要がある場合は、担当部署へフィードバックを行います。フィードバックでは特別なツールは使わずに、誰でも使うことができるメールでやりとりをしています。

f:id:kotsuru0812:20151014194445p:plain

担当部署からどのように対応するかの明確な返答がきたら、その内容を報告者に伝えるため、BCC.に報告者を追加し、担当部署にお礼のメールを送信します。報告者に対応内容を伝えることにより、ユーザー体験の向上に寄与できたことを意識付け、また「気になる!報告」をしてもらうためです。

みんな良いものを作ろうと思っている

フィードバックを行う際に気をつけている点が一つあります。それは「みんな良いものを作ろうと思っている」ということを強く意識することです。何も考えずにフィードバックしてしまうと、意図せず相手を傷つけてしまう場合があります。お互い気持ち良く仕事をするためにも、相手の気持ちを思いやることがとても大切です。

最後に

今回はスタッフが普段サービスを使っている際に、気になったことをいつでも簡単に報告できる仕組みについてご紹介しました。この仕組みの良いところは

  • ユーザーに近い環境で発見した問題をいつでもどこでも報告することができる
  • ユーザーからご意見がこないような小さな問題でも発見することができる
  • 小さな問題をフィードバックすることにより、開発段階から品質に対する意識が高まる
  • 普段サービス開発に携わっていないスタッフでも「気になる!報告」をすることによってサービス開発への理解が深まる

だと思います。まだまだ運用方法などは改善できると思うので、これからも試行錯誤しながら品質の向上に取り組んでいきたいと思います。

*1 入社すると付与されるスタッフ権限がついたアカウント

/* */ @import "/css/theme/report/report.css"; /* */ /* */ body{ background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/c/cookpadtech/20140527/20140527163350.png'); background-repeat: repeat-x; background-color:transparent; background-attachment: scroll; background-position: left top;} /* */ body{ border-top: 3px solid orange; color: #3c3c3c; font-family: 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS Pゴシック', sans-serif; line-height: 1.8; font-size: 16px; } a { text-decoration: underline; color: #693e1c; } a:hover { color: #80400e; text-decoration: underline; } .entry-title a{ color: rgb(176, 108, 28); cursor: auto; display: inline; font-family: 'Helvetica Neue', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS Pゴシック', sans-serif; font-size: 30px; font-weight: bold; height: auto; line-height: 40.5px; text-decoration: underline solid rgb(176, 108, 28); width: auto; line-height: 1.35; } .date a { color: #9b8b6c; font-size: 14px; text-decoration: none; font-weight: normal; } .urllist-title-link { font-size: 14px; } /* Recent Entries */ .recent-entries a{ color: #693e1c; } .recent-entries a:visited { color: #4d2200; text-decoration: none; } .hatena-module-recent-entries li { padding-bottom: 8px; border-bottom-width: 0px; } /*Widget*/ .hatena-module-body li { list-style-type: circle; } .hatena-module-body a{ text-decoration: none; } .hatena-module-body a:hover{ text-decoration: underline; } /* Widget name */ .hatena-module-title, .hatena-module-title a{ color: #b06c1c; margin-top: 20px; margin-bottom: 7px; } /* work frame*/ #container { width: 970px; text-align: center; margin: 0 auto; background: transparent; padding: 0 30px; } #wrapper { float: left; overflow: hidden; width: 660px; } #box2 { width: 240px; float: right; font-size: 14px; word-wrap: break-word; } /*#blog-title-inner{*/ /*margin-top: 3px;*/ /*height: 125px;*/ /*background-position: left 0px;*/ /*}*/ /*.header-image-only #blog-title-inner {*/ /*background-repeat: no-repeat;*/ /*position: relative;*/ /*height: 200px;*/ /*display: none;*/ /*}*/ /*#blog-title {*/ /*margin-top: 3px;*/ /*height: 125px;*/ /*background-image: url('http://cdn-ak.f.st-hatena.com/images/fotolife/c/cookpadtech/20140527/20140527172848.png');*/ /*background-repeat: no-repeat;*/ /*background-position: left 0px;*/ /*}*/