ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ
こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め
さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」
デザイン設計時にワイヤーフレームを使って構成を確認・設計することで、完成までのイメージを頭に想像できるとともに、進行・作業をスムーズに行うことが可能となります。今回はそんな設計時に利用したい、さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」を紹介したいと思います。 シンプルなテイストのワイヤーフレームが多数まとめられており、設計するサイトに合わせ選択し活用することができそうです。 詳しくは以下 ランディングページやブログ、フォト・ビデオのギャラリーページ、カレンダー、チャット、プロフィールなど、種類が豊富。aiやPhotoshopデータといった形式があるので、使うメディアによって使い分けも可能。ベースがシンプルなので、いろいろなデザインに応用できるのも嬉しいところ。 個人・商用ともに利用可能とのこと。企画書への添付はもちろん、イメージ作成などにも場合によっては利用できるか
[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。 通常のセレクトボックスの挙動 セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。 そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。
![[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5062373ec67701c8d65ca6ffdfe6e9cb4dc3565f/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015110901.png)
レスポンシブデザインのプレビューをするために、ブラウザの最小幅を知っておこう | バニデザノート
レスポンシブでぐりぐり動かしたいときに、ブラウザの最小幅って実はすごく大事で。最小幅がスマホ幅より広いと（というか、0 > スマホ最小幅 > ブラウザの最小幅になったとき）、納品前に二度手間になることも・・！ もちろん各幅をエミュレーターで確認するのも大事なのですが、中間の動きも見られるのがレスポンシブなのですよね。調べたところブラウザのバージョンによってサイズが前後してるみたいですので、現時点で私の環境で主要ブラウザの状況を調べました。
和歌山県のホームページ制作・WEBサイト作成｜ウェブハーツ
To Be a Partner Who Continues to Support Your FutureTo Be a Partner Who Continues to Support Your FutureTo Be a Partner Who Continues to Support Your FutureTo Be a Partner Who Continues to Support Your FutureTo Be a Partner Who Continues to Support Your FutureTo Be a Partner Who Continues to Support Your Future ホームページのお悩み お聞かせください ウェブハーツは、紀南地方、和歌山県新宮市にあるホームページ制作事務所です。 開業して20年目を迎えました。 小さな事業所だからできる小
実は「7」じゃない。本当のマジックナンバーは「4」だった。 - 着ぐるみ追い剥ぎペンギン
アメリカの認知心理学者ジョージ・ミラーが提唱した心理学用語にマジックナンバー（正しくはマジカルナンバー）というものがあります。 人間が短期的に記憶できるのは7個前後（個人差により7±2）というものです。 この話は割と有名で、デザインの勉強を始めるとすぐに知ることになります。 デザインする時に沢山情報を並べても、情報を認知できないからマジックナンバーの7個くらいにまとめておけって感じですね。 マジックナンバー7は都市伝説?! 今回の情報元はO’Reilly発行の「インタフェースデザインの心理学」からです。 このマジックナンバーですが、ジョージ・ミラーが提唱した時は1956年だそうです。 この説に疑問を持ったアラン・バッドリーがミラーの論文を精査したところ、実際の研究に基づいて書いたものでなく、ミラーがある会議で行った講演の内容だったそうです。 ミラーが「人が一度に処理できる情報できる量には何
マジックナンバー７の誤解 : みんな、他人の頭を過大評価しすぎているんじゃないだろうか。それって不幸だ。 - たたたた。
マジックナンバー７という有名すぎる誤解 多くの人が持っている誤解は、マジックナンバー ７±２という奴である。アメリカの認知心理学者ジョージ・ミラーが1956年に提唱したもので、人間が短期的に大体７個くらいは記憶できる、というものである。この話はかなり多くの人が知っている*1が、これは2001年にネルソン・コウワンによって、否定された。今は４±１が定説となっている Cambridge Journals Online - Behavioral and Brain Sciences - Abstract - The magical number 4 in short-term memory: A reconsideration of mental storage capacity ミラーは短期記憶として人々は７チャンク憶えられる、と結論づけたがそれは荒い予測で、実際の容量を過大評価している。なの
「マジックナンバー7」とメニューの数 | Accessible & Usable
公開日 : 2008年4月25日 (2011年1月11日 更新) カテゴリー : 情報設計 (IA) 「マジックナンバー7（±2）」という言葉を聞いたことはありますか？何かを記憶するときに、その数が7つ（プラスマイナス2、つまり5個から9個）までであれば、記憶にとどめやすいという説です。心理学者G.A.ミラー氏が1956年に発表した論文の中で使われた造語ですが、人間が一度に記憶できる要素の限界数を示す基準として、広く知られています。最近では、「7±2」ではなく「4±1」という説もあるようですが...（私自身の記憶力は、この程度かもしれません）。 Webサイト（ホームページ）を設計するうえでも、この「マジックナンバー7」という概念はよく聞かれます。たとえば、「メニュー（情報のカテゴリー）の数は7つ以内にするのが望ましい」といった具合です。でも本当に「7つ以内にまとめないとダメ」なのでしょうか
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
概要 ▶ 2014年のA/Bテストの結果によれば、いわゆるハンバーガーメニューは使わない方が良いという結果に。本ページはプロモーションが含まれている場合があります スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現
あるある！Webデザイナーが話をつい盛ってしまった時の心の声（クライアントには見せられない）
クライアントに話をつい盛ってしまった、思わず罪のないウソをついてしまった、そんな経験はありませんか？ Web制作者がついてしまったウソと心の声のまとめを紹介します。 休憩中にでもゆっくり楽しんでください。
SVGを使用してる企業・団体のサイトを22ヶ国、160件以上調べてみた - 聴く耳を持たない(片方しか)
このダイアリーでは過去に何度かSVGの記事を書いているのですが、それに対する反響で SVGって未だに使ってるところを見たことが無い とか いつになったら使えるようになるのか 永遠に普及しなさそう みたいな意見をよく見かけます。 そうした反応にカチンときた……というほどではないのですが、納得してもらうには実例を挙げて反論するのが分かりやすいだろうな、と考えてSVGの利用状況を調査してみました。 かといって個人サイトの利用例を挙げるだけでは説得力がないでしょうから、著名な企業や団体でのSVG採用事例をリストアップしてみた次第です。 そしてもう一つの動機として、Webサイトの制作現場でSVGの導入を検討する際に、同僚や上司、またクライアントからの同意を得る・説得する手段としても、既に実際に利用している企業や団体を提示できれば話を進めやすいだろうな、……といった狙いもあります。 例えば あの有名な
【Webデザイン10選】これはスゴい！クオリティの高い2016年度新卒採用サイトを厳選｜エムハンドブログ｜大阪のホームページ制作会社｜創業21年のエムハンド
優秀な人材の確保。これは、どの企業にも共通するとても重要なテーマの1つだと思います。エントリーが開始された2016年新卒採用サイトでも、Webのトレンドを盛り込んだデザイン性の高いサイトが多く見受けられ、各社ともかなり力が入っていることが伺えます。 特にターゲットが就活生ということもあり、若者に響く今っぽいデザインのサイトや、レスポンシブWebデザインなどでスマホ対応を重視したサイトが多いのもこの分野の特徴です。今回のWebデザイン10選では、そんな中から選んだ、特にクオリティの高い2016年度新卒採用サイトをご紹介したいと思います。採用サイトの制作事例としてはもちろんですが、Webサイト制作全般の参考になるものも多いので、ぜひサイトにアクセスしてご覧いただければと思います。 住友商事株式会社 2016年度新卒採用 http://www.sumitomocorp-recruiting.co
JA共済RECRUIT2022 / 2022年度新卒者採用情報
一部地域を除き、4月開催のセミナーを中止させていただくこととしました。詳細は「セミナー情報」および「採用窓口」をご覧ください。
野村総合研究所（ＮＲＩ） 新卒採用ホームページ
2015.01.06追加コンテンツを掲載しました！ 2014.12.01新卒採用ホームページ「ＮRＩ Recruit 2016」をオープンしました！
WordPressでかっこいいページが簡単に作成できる！レイアウトを組み合わせて直感的に作成できるテーマ -Layers
WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。
Create CSS3 - Easy CSS3 Generator & SASS Compass CSS3 Generator
Knowing your way around CSS is absolutely necessary if you want to have a half-decent looking website. In a lot of ways, having good CSS fundamentals is the great equalizer - if you know your stuff, your sites will look good, regardless of whether you're a freelancer or a bigger agency. Think about it this way: You could be one of the best SEO agencies in the world, but if the sites you're ranking
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントサイズpx,em,%,pt
Flipsblog.jp
グロナビもサイドバーも必要なし！ 離脱要因となるリンクはフォームでは外す／15か条の9 | 勝手にEFO分析-エントリーフォーム改善
Loading...