タグ

designに関するrgfxのブックマーク (164)

  • 100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ

    こんにちは、ウェブサービス部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。 自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。 今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔 まずはLINEの自

    100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ
  • シリコンバレー101(482) Skeuomorphismデザインを推進するAppleの功罪

    Fast CompanyのCo.DISIGNに掲載された「Will Apple's Tacky Software-Design Philosophy Cause A Revolt?」(Apple趣味の悪いソフトウエア・デザイン理念で反乱が起きる?)という記事をきっかけに、「AppleがSkeuomorphismデザインを積極的に採用する傾向はいかがなものか?」という議論がわき起こっている。 記事によると、Apple社内でiOS開発を率いるScott Forstall氏がSkeuomorphismの採用を推進している。ただし、デザインチームのボスJonathan Ive氏を含む多くの幹部は否定的で、社内でもSkeuomorphismを巡る激しい議論が続いているという。 Skeuomorphismとは耳にしたことがない言葉だと思うが、パソコンやWebにおいては現実のオブジェクトをエミュレート

    シリコンバレー101(482) Skeuomorphismデザインを推進するAppleの功罪
    rgfx
    rgfx 2012/09/20
  • Stock Android Isn't Perfect: These Are The Things I Can't Stand About Jelly Bean

    In my reviews, I frequently abuse and pick apart TouchWiz, Sense, and MotoBlur. I point out flaws, say "that's stupid," and wonder what the heck was going on when someone approved whatever half-baked change they've come up with. A lot of the UIs shipping on phones today are bad. But it's not just the 3rd-party skins. Stock Android isn't perfect either, and that's what we're here to talk about toda

    Stock Android Isn't Perfect: These Are The Things I Can't Stand About Jelly Bean
    rgfx
    rgfx 2012/09/19
    "No Two Icons Are The Same Size" の項は漢字グリフのサイズバランスと同じ理由じゃなかろか
  • 勘違いだらけのAndroid UIデザイン

    【増員!→370名】 開発者、デザイナー必見! アプリ制作勉強会 / 勘違いだらけのAndroid UIデザイン 発表資料(2012年8月21日) http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.

    勘違いだらけのAndroid UIデザイン
  • 質感がたまらないiOSのデザインアイコン - RyoAnna

    ボクシンググローブ 世界のデザイナーが集まるDribbbleで、質感がたまらないiOSアイコンを見つけた。どれも作り込みが素晴らしい。 ウイスキー Nikon 一眼レフカメラ レコードプレイヤー 日記 ミリタリーヘルメット 海水パンツ アクアリウムボトル アコーディオン コカコーラ キャップ プレイステーション マニラ封筒 BRAUN 時計 Amazon Kindle ホイール ヴィトンバッグ ピル カセットテープ スーツケース Minox カメラ マルボロライト ゴルフバッグ 洗濯機 ラジオ 特に、ボクシンググローブのKonstantin Datzさんと、マルボロライトのDavid Imさんのデザインが好きだ。 可愛いアイコンはどれだけ見ていても飽きない。 関連記事 iPhoneで最も美しいアプリアイコンは? - #RyoAnnaBlog ハッピーマックをデザインしたスーザン・ケアのスケ

    質感がたまらないiOSのデザインアイコン - RyoAnna
    rgfx
    rgfx 2012/08/20
    skeumorphic designをどこまで是とするかは競争の中でTPOが作られ続けていくんだろうなぁとほげふが。
  • Amazon流の開発術では、まずプレスリリースを作る | fladdict

    Amazonでは製品開発をするとき、まず最初にプレスリリースを書くらしい。これは”Working-Backwards“と言うデザイン手法。面白げなので色々と調べてみた。 Working-Backwards法の商品開発では、お客様の視点をスタート地点にするため、開発前にプレスリリースを作成する。プレス内容は、既存プロダクトの問題点と、それを新製品がどう解決するかが中心になる。 プレスがユーザーに響かなかった時点でプロジェクトはボツ。そもそもその商品は作らない。これにより見当違いな商品を作るリスクを、一番最初の段階で低コストに回避できる。 このWorking-Backwards法で書くプレス内容は主に以下のとおり。 見出し 顧客が商品を理解できるタイトル 副題 ターゲット層と、彼らのメリットを1行で。 概要 商品の特徴と利点をまとめる。この段落で全てを理解できるように。 課題 このプロダクトが

    rgfx
    rgfx 2012/08/10
    「パワポは非推奨(口答プレゼンは話術依存のため)。最終出力であるプレスやQ&Aに落とし込むことで、商品価値を中立的に見極める」/ここで社内力学向けのリリースを元に突き進むとSPモードができ(ry
  • Wikipedia Redefined - A favorite of many

    The Brand We started with the world is a puzzle of knowledge logo. ...and decided to eliminate, ahem, everything except... …the letter W, which is/could be the most famous W in the whole web. W is enough for Wikipedia to be recognized. The compound word wiki-pedia, is divided into italic and regular. The italic wiki part will later be used as a prefix for other sub-brands. A huge family of various

  • 「とりあえずUI直せば、どうにかなるんじゃないか病」になった話

    「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。 この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ!UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。 共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。 もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。 「とりあえずUI直せばどうにかなるんじゃないか病」の主症状2点 根拠が主観的すぎて説得力がなく、社内を巻き込めない 人が

    「とりあえずUI直せば、どうにかなるんじゃないか病」になった話
  • New Work: DevExpress WinForms Metro Demo App | The Wire

    Dashboard of upcoming Demo app from DevExpress available soon with their DXv2 Tools Coming out of //build earlier this fall the entire Microsoft ecosystem was supercharged with the introduction of the Metro design language for the desktop/tablet paradigm.  An area where this new design language is sure to have an impact is in line of business applications.  One of the leaders in this space is DevE

    rgfx
    rgfx 2012/07/10
    メトロなダッシュボード作例
  • The Next Microsoft — Minimally Minimal

    &nb

    rgfx
    rgfx 2012/07/04
    なんだこのAcecombat3を見た時のような高揚感は/宇宙か。「アーキテクチャ宇宙飛行士」上等なんてメッセージも感じる。いいな。体力のある企業にふさわしい。
  • Ligature Icon フォントセットの自作方法とWebFont - くらげだらけ

    去年の10月に「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」というタイトルのエントリーで、Web Symbols TypefaceというWebFontを使って、タイプフェイスでアイコンを表示する方法について紹介しました。それ以来、似たようなFontが作成され公開されていますが、つい最近知ったsymbolsetというサイトで紹介しているsymbol fontには感心しました。 それまでのSymbol Icon Webfontには、それを使用する際の表現としてあまり適切でない部分がありました。アルファベットの「t」などに直接アイコンを割り当てていたため、code上では意味を成さない(コンピュータに理解できない)文字が並ぶことになってしまいました。そのため私が使用するときは、HTMLでは意味のあるの文字列(Twitterなど)を記し、CS

    Ligature Icon フォントセットの自作方法とWebFont - くらげだらけ
  • 例外設計における大罪 - 契約

    1. 例外設計 における大罪 和田 卓人 (a.k.a id:t-wada or @t_wada) Jun 27, 2012 @ java-ja 12年6月28日木曜日 2. 自己紹介 名前: 和田 卓人 (わだ たくと) ブログ: http://d.hatena.ne.jp/t-wada メール: takuto.wada@gmail.com Twitter: http://twitter.com/t_wada タワーズ・クエスト株式会社 取締役社長 12年6月28日木曜日

    例外設計における大罪 - 契約
  • 「ピンク=女性向け」?

    さかの原稿海 @HAUEHKA 以前「女性向け」製品はピンクか白ばっかで「男性向け=スタンダード」とかなんなんだよ携帯の需要見ろよっつう愚痴を書いて絶大な反響(当社比)があった件、知人の派手かつ上品なデザイン好きディレクター♀がそういう女性向け携帯プロジェクトを進めてることが判明したので周知しときまん。 2012-06-13 11:51:20 さかの原稿海 @HAUEHKA 企画には私もかなり口出したので、時間かかっても反映されるといいなー。女性向け携帯ってギャル系か超狭い範囲の上品清楚系しかなかったから、ニッチでも確実に需要があるとこは攻めるべきだと話し合ってる横でそこの上役のおっさんが「女性ならピンクだろ」とかクソ言い出したけど無視した。 2012-06-13 11:59:58 さかの原稿海 @HAUEHKA ペールピンク(上品地味系モテ清楚)でもフューシャピンク(ギャル文化寄り)でも

    「ピンク=女性向け」?
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    rgfx
    rgfx 2012/06/08
    なぜYRP野比 / Frutiger多いな
  • y.s.memoirs weblog:【新・雑食工房10】みなとみらい線全駅名標おまけつき - livedoor Blog(ブログ)

    G・W の後半は仕事そして趣味で金土 2 連続の横浜となった。それを記念し,みなとみらい線の駅名標を全駅分 Word で再現。鉄道業界史上初,駅ごとにフォントを変えている独特の駅名標をチェックしてみよう。 東急東横線との接続駅で,東急デザインの駅名標。書体は新ゴとHelveticaの標準構成で,ラインカラーのみみなとみらい線の青。さて,乗換案内でクリステルは「横浜市営地下鉄」を「Yokohama Municipal Subway」と言っているが,大多数は何と言っているのかわからないだろう。筆者も,友人刹氏が路線図にこの表記があるのを発見してくれたおかげで漸くわかった。 ■新高島駅 各駅停車のみが停車する駅で,みなとみらい線唯一の対面式。そして地上は広大な空き地という神奈川版安中榛名。特徴がないため駅名標でも特徴を出しようがない模様である。よって,これがみなとみらい線の標準形と言えるだろう。

  • Visual Studio 11 User Interface Updates Coming in RC - Visual Studio Blog

    Supercharge Visual Studio 2022 with GitHub Copilot Building new functionality, writing unit tests, and learning new technologies has never been easier or more fun. With the release of Visual Studio 11 Beta back in February of this year, we introduced changes to the user experience based on two core design principles, the first being to give you more space for your content and the second being to d

    Visual Studio 11 User Interface Updates Coming in RC - Visual Studio Blog
    rgfx
    rgfx 2012/06/03
    色と形の複数チャネルで伝えるのって大事よな。大体は健常者が使うわけで。色弱者向けの表現しか提供しないのは、そりゃまぁ、叩かれるというか。
  • eBay でヒドいデザインの方がコンバージョン率が高かった、という話

    先日日WEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は?」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい

    eBay でヒドいデザインの方がコンバージョン率が高かった、という話
    rgfx
    rgfx 2012/05/18
    視覚・認知に大雑把な化学調味料じみた刺激を与えることによるコンバージョン向上について。「ゲームではなく射幸心」の「ショーウィンドウではなくドンキ」への応用というか。
  • ニコニコ超デザイン-Metro考察編-

    ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです, 元々は社内勉強会の資料として作成しました 死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてあります より実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っていますRead less

    ニコニコ超デザイン-Metro考察編-
    rgfx
    rgfx 2012/05/04
    「Metroどうなの?:テクスチャ,Fxなし。1pxズレ,サイズ違いがデザインの質に直に反映される。デザイナーとしての底が露呈する。こわい。けど、とてもやりがいはある。」
  • Windows の新しいデザイン!Metro UI の参考になるサイトまとめ

    こんにちは!デザイン担当の福島です。 Windows 8 Consumer Preview が発表されましたね!Windows Phone 7 でも使われている Metro UI が採用されてタッチパネルを意識したつくりになっています。Nokia で Windows 8 のタブレットがでるとかでないとか。 Windows 8 の新ロゴも発表されて Windows デザインの流れもどんどん変化していきそうです。たのしみですね。 そこで今回は Metro デザインについてデザイナーが押さえておくとよさそうな情報やテンプレートをまとめてみました!わたし個人ではまだデザインしたことがないので、個人的なメモ程度ですが。。何か他にもいい情報があれば教えてください。 そもそも Windows 8 ってなに? 年内には正式版がリリースされるという Windows 8 、Developer Preview

    Windows の新しいデザイン!Metro UI の参考になるサイトまとめ
  • 若手エンジニアたった1人のメーカー経営(後編)

    「日のデザイン家電は、外観のみをかわいくしたような物が目立ち、テクノロジーまでデザインされた製品が少ないんです。私は、外観だけではなく、テクノロジーも含めてデザインされた製品を作りたいと思っていました」(八木氏)。 “最高の光”を阻害しないために筺体は、限りなく最小限にした。光があれば、それでよい。極力、無駄を排除した結果が、1のパイプ形状だった。空間に溶け込むように、色は「つや消しの白」とした。 ACアダプターの端子は、パイプの下側の先端にある。配線は、この複雑な曲げを施したパイプの中をずっと通り抜け、上側のLEDモジュールまで続く。この曲がりくねった配線を通すのは結構面倒な作業だ。それでも、この“パイプ一体の形状”を譲ることはできなかった。八木氏は、この面倒な作業をするために、簡単に配線できる治具を用意した。 「大手メーカーだと、あり得ない設計です。普通は、作業性やコストを考えて、

    若手エンジニアたった1人のメーカー経営(後編)
    rgfx
    rgfx 2012/03/17
    品質とは。