佐藤可士和さんのデザインの失敗から学ぶベネフィット（お客様にとっての価値）の重要性
東京都出身のグラフィックデザイナー佐藤可士和さんのデザインがセブンイレブンのセブンカフェに引き続き、今度はウイダーインゼリーのパッケージデザインの件でも叩かれていますね。誰にも失敗はあるわけですが、どこで失敗してしまったのか？共通する１つの大きな原因をみつけたので、マーケティング的観点からここで述べさせていただきます。 答えは簡単、ベネフィットに重点が置かれていない 「ベネフィット」とは、お客様が手に入れることによってもたらされる価値、成果、効用のことです。今回のセブンカフェで言えば、「アイスコーヒーを飲んで喉を潤したい」ということになりますが、早く喉を潤したいのに、どのボタンを押したらいいのかわからない。。。 L？R？レフト？ライト？レギュラー？ラージ？もちろんかっこつけたいのはわかるのですが、初めて買う人が迷ってしまうような、わかりづらいものは意味ないのです。 この件は、セブンイレブン
新規事業サービスのトーン＆マナーを設計するときに考えたこと - クックパッド開発者ブログ
こんにちは、ユーザーファースト推進室の坂本（@kanako29）です。 昨年12月に新規事業サービス「クックパッドおいしい健康」のトンマナをリニューアルしました。クックパッドに入社してから初めての大きなトンマナ変更を担当したので、その時に気をつけたことや考えたことなどをまとめてみました。 なぜ変えるのか？ 今回のトンマナ変更の理由として、以下がありました。 ターゲットの拡大 メッセージの伝達の明確化 それぞれについて、詳しく説明していきます。 ターゲットの拡大について これまでのターゲットは、「30代後半〜40代の病気の夫を持つ女性」だったのですが、新たに女性の悩みを解決するコンテンツの追加により、肌荒れや体の不調に悩んでいる20代〜30代前半の女性もターゲットになりました。 以前のトンマナだと新たにターゲットとなった女性たちをカバーできないので、新しいターゲットにも使ってもらえるよう変更
デザインには直感とデータどちらを採用すべきか？ デザイン会社 ビートラックス: ブログ
求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？ このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的
デザインスプリントとブルーボトルのプロトタイピング（翻訳）
本記事は、最近日本にも上陸したBlue Bottle Coffeeが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。Googleはオンラインでの売り上げが伸び悩むBLUE BOTTLE COFFEEと彼らのエージェンシーに対し、一週間のデザイン／プロトタイピングワークショップを行い、大きな成果を出した。以下、そのプロセスとなる。 BLUE BOTTLE COFFEE 私たちはブルーボトルコーヒーの新しいサイトデザインを手伝い、売り上げと滞在時間を伸ばしました。 ブルーボトルは美しいカフェと精緻なコーヒーにより、熱狂的なファンを生み出しました。しかし彼らのサイトは、そのブランドを表現しきれず、ウェブによる売り上げは全体利益のたった10%でした。 チャレンジ ブル
モバイルデザインパターン 第2版
モバイルアプリのUIパターンを手軽に参照できるリファレンスの第2版。デザイントレンドの変化に対応して全面改訂。主要なプラットフォームで動くモバイルアプリの画面例を1,000点以上使いながら、ユーザーインタフェースの定番パターンをグラフィカルに解説します。本書で紹介する83個の基本パターンと7個のアンチパターンが、使いやすいモバイルアプリをデザインするうえでクリアしなければならない設計上の課題を解決してくれます。 掲載UIパターン：ナビゲーション、フォーム、テーブル、検索、並べ替え、フィルター、ツール、グラフ、誘導、ソーシャル、フィードバック、アフォーダンス、ヘルプ、アンチパターン 監訳者まえがき 序文 まえがき 第1章 ナビゲーション 1.1 主要なナビゲーションのパターン（永続的） 1.1.1 Springboard（スプリングボード） 1.1.2 Cards（カード） 1.1.3 Li
ニッセンがTwitterで誤字→公式アカウントがよってたかって協力して1日で「激怒Tシャツ」商品化決定
カタログ通販のニッセンが「激怒Tシャツ」を発売することになりました。デザインをパインアメのパインが務め、モデルはガールズファッション誌の「Popteen」が担当。さらにシャープやキングジムといったメーカー陣も協力する豪華なバックアップ体制が特徴です。なにそれすごい！ 実はこれ、ニッセンのTwitter担当者・スミスさんが1月8日に「激怒した」を「激怒Tした」と誤投稿したことがきっかけ。これにパインの公式アカウントが、「激怒Tって激怒Tシャツみたいですね」とつぶやき、なぜかデザインのイラストまで考案します。すると、愉快な企業アカウントでおなじみの「キングジム」「森田アルミ工業」らが参戦。Popteen編集部も「モデルはPOPモデルがやってもいいですか？(前のめり)」と協力を申し出るなど、わずか1時間で一大プロジェクトに成長します。 当初は「ちょっとまって」を連呼していたスミスさんですが、やが
意外！女子の理想の葬儀は散骨だった!?
額に蛾がとまってますよ。 そう、博士くらいになると額に蛾がとまることもままあるんじゃ。 すごい！ さすがさんこつ博士…。 どうやったらうまく散骨できるか、知りたいかね？ はい！ 私、自分の骨を自分で散骨するのが夢なんです！ それは無理なんじゃないかのう。そもそも散骨とは、火葬後の遺骨を粉末状にし環境に配慮したうえで合法的に海や山などの自然に還す葬送の形式を言うんじゃ。 一瞬、すごく怖い顔しませんでした？ ド素人の、えーと君…。 エリコです。 ド素人のエリコちゃんが散骨をうまくやるには、実はカンタン…。「博士の散骨5,000箇条」を守れば、それでいいんじゃ。 は、博士の散骨5,000箇条!? なに、構えることはないぞい。どれも初歩的でカンタンなことばかりじゃ。 教えて教えて！ ざっと紹介すると…。 散骨5,000箇条その1
【翻訳】デザインエンジニアリング - MOL
Original：Design Engineering（2014-11-25）by Jonathan Snook JavaScriptだけがフロントエンド開発ではない。それはデザインとディベロップメントの技術が人種のるつぼのように融合したものである。それはアクセシブルなUIを実装するためであり、Web標準を受け入れるものである。 — Matt Hill Shopify Adminの開発に関して言えば、最近まで2つの専門職、つまりデザイナーとエンジニアを受け入れていた。今では3つめの専門職がある、しかしながらそれが確かなものとして認識されるまで時間がかかった、フロントエンドデベロッパーである。フロントエンドデベロッパーのスキルはデザインとエンジニアリング両方にまたがっている。これまでクオリティの高いフロントエンドコードをフロントエンドデベロッパーの助けもなしに書けるデザイナーを雇えて、私たち
マテリアルデザインのガイドラインが最高に実践的だった
「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか？ マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン
「Web制作時の考え方」に良い影響を与えるおすすめのTED動画まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 10月か11月頃から TED（Technology Entertainment Design）Talks に完全にハマっています。隣のデザイナーからは「回し者じゃないか」と言われたりします。 毎日パソコンの前に座ってインターネットをうろちょろしていても、結局は自分の知っている分野の知識を取り入れるくらいしかできないのですが、TEDを適当に漁っていると、そんな研究してる人いるの？っていうくらいマニアックな研究と出会うことができます。 油断して観始めた動画に某害虫の話が出てきた時は本当に後悔しましたが、研究の着想を得る対象は無限大だと学びました。涙 ということで、毎日いろんな分野の動画を観ている中で、Web制作時の考え方に良い影響を与えてくれるんじゃないかなあと感じた動画をいくつかご紹介したいと思います。 あなたの（そして何十億人の）ための巨大なウェブデザ
続・「ダサピンク現象」について―だから、「ピンクが嫌い」って話じゃなくてさぁ… - yuhka-unoの日記
前回記事『残念な女性向け商品が作られてしまう「ダサピンク現象」について』を書いたところ、思いの外反響があって驚いた反面、私の言ってることを誤解している人もチラホラいるようなので、続きを書いておく。 そう？元記事の人からはピンクに対して憎しみすら感じたけど おっさんが勝手に決めてるだけで女性はピンクなんて好きじゃないくらいの勢い 実際は女性が好むから用意してるってことを主張したかった、嫌がらせで出してるわけじゃなくてマーケティングもした結果なんだと http://anond.hatelabo.jp/20141124040100 この人に限らず、チラホラこういう捉え方をしている人がいたけど、あの内容でなんで私がピンクを憎んでるっていう話になるんだろう… 「『ピンク＝ダサい』という意味ではない」「肝心のデザインがダサいから」「ピンクで可愛くてフェミニンなものを好む層は一定数いる」「でもそういう人
「妖怪ウォッチ」クロスメディア戦略の功と罪
妖怪ウォッチは、ゲーム開発会社レベルファイブが手掛けたゲームソフト、およびそのアニメや漫画のことを指します。ゲームソフトとしては、2013年7月に1作目の“妖怪ウォッチ”が発売されました。 ある日、妖怪執事ウィスパーと出会い、妖怪を見ることのできる妖怪ウォッチを手に入れた主人公が、至る所に出没する妖怪達と友達になり、彼らと協力し、町の人々の悩み・問題を解決しながら物語の裏に潜む謎に迫る。 （公式サイトから引用） 妖怪ウォッチは2014年夏に続編である妖怪ウォッチ2（本家／元祖）を発売しました。2014年11月19日時点でニンテンドー3DS歴代ソフトにおいて、1位のポケットモンスターX・Y（累計販売444万459本、2013年10月12日発売）、2位のとびだせどうぶつの森（累計販売419万4911本、2012年11月08日発売）、3位のモンスターハンター4（累計販売353万2662本、201
第2回 なぜ、楽天の商品ページはものすごく縦に長いのか？ | gihyo.jp
みなさんはオンラインショッピングモールの「楽天市場」に出店しているの店舗の商品ページをご覧になったことがありますか？ その中で「何で、楽天のお店の商品ページは、こんなに縦長いんだ？」と思われたことはありますか？ おそらく、楽天市場を利用したことのある方のほとんどは、「ものすごく縦長い商品ページ」を見たことがあるのではないかと思います。 ではなぜ、このように縦長いページが多いのでしょうか。そこにはネットショップで売上を上げるためのポイントが多く含まれていたのです。 ショッピングモールの商品ページが「ものすごく縦長い」理由 前回の記事「ネットショップに訪れるお客様の意識」にて、楽天市場やYahoo!ショッピングなどのオンラインショッピングモールを利用するお客様は「お買い物がしたい」という気持ちが強い、と解説しました。 モールに出店している店舗は、このお客様の高い購入意欲をより一層高め、商品を
3限目：「看板」から学ぶ「見出し」の基本設計とは!?
紙媒体とWebのちがい……「読まれ方」の構造的な差 「見出し」のつくり方が今回のテーマです。一口に「見出し」といっても、広告やメルマガの中にあるテキストの小見出し、リスティング広告の見出し、ニュースサイトの見出し、それからポータル上に表示されるリンクテキストなど多岐にわたりますが、ここでは「本文が後に続くもの＝本文を読ませるための短いコピー」をまとめて「見出し」として定義します。ではさっそく、見出しづくりの基本的なメソッドから触れていきましょう……とはならないのがこの教室であることは、みなさんもそろそろお気づきのはず。まずは、「その手前にある余談」から入って行きましょう。 僕はセミナーなんかで余談を挟みすぎて持ち時間をパンクさせがちなので、担当者からは「余談少なめで」と釘を刺される講師なんですが、こうした余談を通じて、対話する相手とイメージや世界観を共有することは、セミナーであっても、文章
早稲田大学のサイトリニューアルがなぜこんなにひどいのか。 - 隣り合わせの灰と青春
久しぶりにセミナー以外でブログ書きます。 このたび早稲田大学のWebサイトがリニューアルされました http://www.waseda.jp/top/ が、かなり論議になりそうなリニューアルなので、 情報設計専門家として内容を見てみます。 1.なにがグローバルなサイトなの？ 今回のリニューアルではIE10以降を対象外としていて、 普通に使っているIE7や8では見ることができません、 これはアクセシビリティ上かなり問題だと思います、 多くの人が目にする大学というサイトでノンアクセシビリティを貫くというのは、 いまの時代にそぐわないのではないでしょうか。 わざわざIE10にアップデートまでしてみるサイトでもないですしね。 ぜんぜんグローバルじゃありません。かっこ悪いです。 2.レスポンシブデザイン？ スマートフォン、タブレットに対応したサイトになったみたいですが、 そもそものとこ
UIデザイナー不要説 / LSD LAB
2014/10/26 UIデザイナー不要説 最近UIについてもやもやしていることがあるので書く。間違った知識もあるかもしれない。 先日UI CrunchというUIの勉強会のようなものが開催され、僕はschooの動画配信を見ていたのだが、どうも根底に「UIデザインの重要性が日本では認知されていない」という共通認識が流れているように思える発表が多かった。デザイナー生存戦略やエンジニアとうまく付き合う方法等…。 僕も前のブログ(UID Lab)でそのようなことを訴えてきたので、あぁ、やっぱりみんな不安なんだなあと思ったが、逆説的に「僕らデザイナーが信じているUIデザインの価値なんて、本当は虚像なんじゃないか？」ということを疑ってみたい。 そもそも、なぜみんな「UIデザインが重要視されていない」と感じるのだろう？自分が日頃感じることを列挙してみる。 UIデザインが重要視されていないと思う理由 1.
Yahoo!クリエイティブスタジオ
インターネット広告クリエイティブの制作に最適な環境を提供するクラウド型のワークフロー管理ストレージシステムですYahoo!クリエイティブスタジオは 広告クリエイティブ制作管理の効率化を実現し、最適な制作環境を提供する クラウド型のワークフロー管理およびストレージシステムです※1 クラウド上の管理による制作の効率化とクオリティーの向上 デジタルコンテンツ制作における、様々な関係者との膨大な情報のやりとりやデザインデータの共有の手間や時間を軽減 クリエイターや広告制作関係者が活用しやすい価格体系 Yahoo! JAPANの保有するビッグデータやメディアとしての知見を活用し、質の高いクリエイティブを作る上での有益な情報を提供予定 Yahoo! JAPAN 広告出向者向けのパッケージサービス 広告管理者（代理店） 効率的な素材の制作クリエイティブツールの一元管理作業の合理化 クリエイター 広告
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
digihows.com -
Amazon.co.jp: コミュニケーションをデザインするための本 (電通選書): 岸勇希: 本
WEB DESIGN WORKSHOP「正しいウェブデザイン」 記事一覧 | gihyo.jp
