クックパッド開発者ブログスマートフォン用の表示で見るクックパッド開発者ブログ2015-02-23新規事業サービスのトーン&マナーを設計するときに考えたことこんにちは、ユーザーファースト推進室の坂本(@kanako29)です。昨年12月に新規事業サービス「クックパッドおいしい健康」のトンマナをリニューアルしました。クックパッドに入社してから初めての大きなトンマナ変更を担当したので、その時に気をつけたことや考えたことなどをまとめてみました。変えるのか?今回のトンマナ変更の理由として、以下がありました。ターゲットの拡大メッセージの伝達の明確化それぞれについて、詳しく説明していきます。ターゲットの拡大についてこれまでのターゲットは、「30代後半〜40代の病気の夫を持つ女性」だったのですが、新たに女性の悩みを解決するコンテンツの追加により、肌荒れや体の不調に悩んでいる20代〜30代前半の女性もターゲットになりました。以前のトンマナだと新たにターゲットとなった女性たちをカバーできないので、新しいターゲットにも使ってもらえるよう変更する必要がありました。そのイメージとして、「可愛らしさ」、「親しみやすさ」が良いのではないかと考えました。それと同時に、サービスとして毎日使っても疲れないように「シンプルさ」も必要な要素としました。「可愛らしさ」と「親しみやすさ」について現在のサービスは病気の色が強く、普段の健康を意識する女性が訪問したときに違和感を覚えるのではないか、またそれにより使ってもらいづらくなるのではないか、という懸念がありました。それを少しでも和らげて、使ってみたい、という気持ちを持ってもらうために、「可愛らしさ」と「親しみやすさ」のイメージを選択しました。これらのイメージはパッと見たときの印象になるので、20〜40代の社内メンバーにデザインを見てもらって感想をもらいました。概ね「可愛くて良い」、「やわらかくて良い」という良好な反応だったのですが、「グレーの色が渋くて固い」などの感想をもらうこともあり、その場合はグレーをベージュに近づけるなどの修正を都度行いました。色、フォント、形状などで「可愛らしさ」、「親しみやすさ」を表現します。(これらの要素は、ターゲットの方が普段読んでいると思われる雑誌や、使用している生活用品などからヒントを得ます)「シンプルさ」について「シンプルさ」は、過度な装飾が判断の邪魔をしていないか、何度も使っているうちに色がきついと感じたりしないか、などに留意しました。これがきちんと達成できているかは実際に使ってみてもらわないとわからないので、公開前、社内のメンバーに1週間程使ってもらって判断してもらいました。サイトを開いてから、レシピ検索や献立作成などのコア機能のタスクを行ってもらいます。1週間後にレビューのミーティングを開き、気づいた点などを言ってもらいます。この時出てきた内容として、「濃い色の帯が目立ちすぎる」、「色が少しきついのではないか」などの声がありました。これは紐解くと、他の必要な情報が見えづらくなる、目に痛い、ということなのだと思い、色の彩度を下げて白に近づけたり、濃い色の面積を少なくするようにしました。修正したものは再度使って問題がないか確かめてもらい、都度改善を行いました。メッセージの伝達について今回サービスが伝えたいメッセージとして、「夫の病気や、自信の不調や肌の悩みなどでネガティブになりがちな気持ちの女性に、少しでも明るい気持ちで使って欲しい」というのがありました。マナを明るい、ポジティブなイメージにすることで、ユーザーのタスクである献立作成に取り組みやすくなってもらえるのではないかと考えました。これまではそのメッセージの伝達がはっきりとしていない、また明るいイメージが足りなかったため、今回の変更でより伝わるようにしました。具体的には、明るいイメージを表現するには色による影響が大きいと考え、白をベースとして差し色で明度と彩度の高めの色を複数使用することにしました。レシピ追加数で判断しました。結果は、献立確定数が約1.35倍の増加、献立帳へのレシピ追加数が約1.2倍の増加となりました。これにより、今回のトンマナ変更は概ね成功だったと言えるのではないでしょうか。まとめクックパッドでは、Webサービスのトンマナ変更をこのような考え方、フローで行っています。公開前の社内メンバーのフィードバックという定性的な面と、公開後の実際の数値という定量的な面でみて、品質の向上に努め、本当にユーザーの役に立っているかを判断しています。このように定性的・定量的な面でみれるのは、Webサービス、もしくはクックパッドならではだと思います。マナ設計に携わる方のお役に立てれば幸いです。MTGのすゝめこんにちは。投稿開発部エンジニアの土谷(@taihaku0415)です。...2015-04-21200万品のレシピデータから感謝を伝えるインフォグラフィックを制作した話ユーザーファースト推進室のデザイナー倉光です。今回はクック...2014-10-06クックパッドでのユーザ調査こんにちは、ユーザファースト推進部デザイングループの長野で...2014-09-30『健康レシピ』スマートフォンサイトのデザインプロセスについてユーザーファースト推進部の坂本です。使ったセキュリティログ検索基盤の構築サービス特性にあった検索システムの設計戦略クックパッド採用説明会「クックパッドはサービスの作り手を採用したいんです。/*}*/スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。