誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
突然だがEmacs を始めよう - Qiita
2016/06/06 : 誤字脱字など細かいところを修正 目次 突然だがEmacs を始めよう 1章：Emacs の基本概念 2章：Emacs の基本操作 3章：window / buffer操作 4章:パッケージ管理 Tips 感想 参考資料 この文章の目的 「一生楽しく使えるエディタは何がいいかな？」と模索している人（私）が、「そういえばemacs ってどうなんだろう？苦手意識があったけどちょっと触ってみようかな」と思いたち、Emacs の練習と自分用チートシート作成を兼ねて作ったものです。参考にしたURL等は、最後に記載するので、そちらを参考にしてください。 これを書いている人のバックボーン Windows でvisual Stduio でC++を長年（中学から高校にかけて）書いていた。 Mac に乗り換え、Xcodeでアプリを書いたり、webのためにSublime Text でra
もうはじめよう、ES6~ECMAScript6の基本構文まとめ(JavaScript)~ - Qiita
JavaScriptにおける、ECMAScript6についてのまとめの前編です。またこの記事では、実践で使える情報のみまとめています。網羅的にすべてをまとめている情報ではありません。 基本構文の続き、アロー関数やPromiseはこちらの記事で。 ECMAScript6のアロー関数とPromiseまとめ - JavaScript 技術情報のみつぶやくアカウント作成しました。ECMAScript6などの最新情報も追っていきます。 Twitter: @takeharumikami RSSはこちら Feedly: Feedlyをフォロー RSS: http://qiita.com/takeharu/feed letによるブロックスコープ JavaScriptの他言語との違いで、悩めるポイントとしてスコープの範囲があります。ECMAscript6から、let命令により関数スコープではなく、ブロックス
コンバージョン率が120％改善！ECサイトでABテストをおこなうコツとは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、株式会社ウィルゲートの水野と申します。 ゼネラルマネージャーとして、新規事業の企画やプロモーションなどをいろいろやっている元魚屋です。今回からWebプロモーションに関する寄稿記事を書かせていただきますので、よろしくお願いします。 早速ですが今回は、弊社で行っているサイト内部改善のためのA／Bテスト事例をご紹介します。 Webプロモーションの費用対効果を上げていくためには、サイトへの集客も重要ですが、サイト内部の改善によってコンバージョン率を高めていくことも重要です。 そんな中でA／Bテストは最も始めやすく、現実的な手段の一つです。 A／Bテストをまだやったことがないという方も、ぜひ改善事例をご覧いただき、A／Bテストに興味をもっていただければ幸いです。 A／Bテストの概要 今回のテストでは弊社コンサルタントによる定量分析と第三者視点での導線、デザイン分析を行い、A／Bテストを
弊社エンジニアが入社1発目に書くブログエントリの為の社内向け資料を公開してみる | DevelopersIO
ようこそｸﾗｽﾒｿｯﾄﾞへ｡ このﾚｯﾄﾞﾌﾞﾙは私のｵｺﾞﾘだ ∧_∧ (`･ω･) ｼｭｯ (つ と彡 / ／ / ／ / ／ // / ／ 目 / ﾂﾂｰ ／ / ...という訳で改めまして、宜しくお願い致します。ようこそクラスメソッドへ！ このエントリでは新しくクラスメソッドに加わった皆さんが入社1本目のブログを書く際の参考になるような情報をまとめて説明・解説して行きたいと思います。(※この他にも付け加えた方が良い内容がありましたら適宜追加・修正を行って行きたいと思いますのでフィードバックを宜しくお願いします！) こちらの内容については社内向けの情報として外向きには『非公開』状態としてましたが、せっかくなので『公開』状態としてみました。(※きっかけは以下エントリ) CM re:Growth 2014 Tokyoで弊社ブログ事情・執筆環境について話してきました #cmde
【今すぐ役立つ行動心理学】サイトの売上に繋がる手法28選！ | LISKUL
マーケティングでは、顧客心理を読み解くことが戦略策定のもっとも大切なポイントの一つです。 その顧客心理を読み解く一つの方法として「心理学」が応用され、人間の「性質」や「本質」をもとにしたマーケティング戦略が考えられてきました。 ただ、この心理学がWEBマーケティングにおいて活用されることはまれでした。 そこで、今回はWEBマーケティングに役立つ行動心理学の手法を8つに厳選してピックアップ。 それらが実際に活用されている企業サイトを集めて重要エッセンスを抽出しました。 そしてさらに勉強したい方に向けて、もう20個の行動心理学の効果と実用方法をまとめました。 ウェブサイト上で行動心理学がどのように使われているのか、実例を参考にしながら、ぜひ自社サイトやブログにも導入してみて「ついクリックしてしまう」サイトを目指していきましょう！ Webサイトの改善策を”自動”で提案！売上向上に繋げるサービス『
説得力がグンと上がる！UIデザインの心理学
オライリーから出ている「ユーザーインターフェースデザインの心理学」から使えそうなものを実例を踏まえピックアップ！これでUIデザイン説明の説得力をあげよう！ 情報は一度にすべて見せるのではなく、そのとき必要なものを段階的に開示させた方がよい。 デザイナーが犯しがちな失敗は一度に大量の情報をユーザーに与えてしまうことです。 情報は一度に大量に与えるのではなく、その時点で必要としている情報だけを与えるほうが様々なニーズに対応することができます。 ユーザーの中には大まかな説明でよい人もいれば、詳細を知りたがっている人もいます。 つまりどういう事？ 情報は一度に見せるのではなく段階的に見せる 重要なのはクリック回数ではない。クリックのたびに必要な情報が手に入るのであればユーザーは喜んでクリックする 誰がいつ何を必要としているかを理解する。各段階で何を必要としているか的確に把握していないと、この手法は
『コーポレートデザインにおけるマルチデバイス対応』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさん、こんにちは。 アメーバ事業本部のHR戦略室でデザイナーをしております安西謙之(@anjilina_nolie )です。 今回は、コーポレートサイトのマルチデバイス化を踏まえつつ、半年程前にリリースしました(だいぶ前ですが…)スマフォ版コーポレートサイトについて、ご紹介したいと思います。 コーポレートサイトのマルチデバイス化 弊社のコーポレートサイトでは、国内版PCサイト・フィーチャーフォンサイト・そして今回ご紹介するスマートフォンサイトはMobableTypeを使って、海外版PCサイトはWordPressを使ってを制作、運用しています。 【
画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？ この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
誰とでも 15分以上 会話がとぎれない!話し方 66のルール (すばる舎) の要点まとめ～ブクペ～
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
『派手なだけじゃ意味が無い！魅力を伝える訴求デザイン』
皆様はじめまして、2013年新卒入社の小笠原と申します！ 現在アメーバゲーム部門にて、県vs県のカードバトルゲーム・天下統一クロニクルのデザイン全般を担当しています。 今回は、ソーシャルゲームの運用には欠かせないガチャの訴求デザインについて、 天クロが大切にしている考え方やノウハウをご紹介出来ればと思います。※この先登場するガチャはこの記事の為に用意したサンプルなので、実際にゲーム内で引く事は出来ません…！ご容赦下さい。 天下統一クロニクルとは 「坂本龍馬」「日光東照宮」「ぬらりひょん」など、各地の名物や偉人をテーマにしたカードを武器に、全国47都道府県が戦いを繰り広げるバトルゲームです。 全国の皆様に支えて頂き、この9月にめでたく2周年を迎えます！ ガチャの訴求デザインとはソーシャルゲームの中で販売されるガチャの魅力を伝えるための、 バナー等のデザインの事を指します。 ゲームのテイストや
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/420112875c05dcaadf2a5dd3f98760dc35d7162b/height=288;version=1;width=512/https%3A%2F%2Fimage.nanapi.com%2Fr%2F2014%2F07%2F14%2F11%2F20140714113641_53c34239cea08.jpg)
高広伯彦氏「コンテンツマーケティング論」で押さえておくべきスライド４枚 | The Startup
今日はアドテック九州のようですね。高広ボスが興味深いスライドを登壇前に共有していたので、このスライドとマッシュアップして僕も高広氏の登壇前に記事を出しておきましょう。他のイベントでもやりましたが、イベントの事後レポートではなく、（ほぼリアルタイムに）セッションと連動した記事を出し、セッションを聞きながら読むことで、参加者のユーザー体験の質は上がると思っております。＊僕は現地で参加していません。 既に公開されているセッションのスライドシェアは下記。 その中で押さえておくべき４枚を僕の見解を交えて解説しましょう。 １：広告と異なるコンテンツマーケティング視点 広告（オラオラ！夜露死苦！）とコンテンツ（この情報でお役に立てますと幸いです）極論するとこれくらい異なるかなと。広告は自社が伝えたい情報を盛り込んで伝える。そこに相手にとって役立つか否かという視点はあまりない気がします。これは僕がThe
これから始めるJavaScriptの基礎と全体像 ーー「非エンジニアの起業家が知っておくべきプログラミングの知識 #06」【ゲスト寄稿】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
編集部注：本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy（テックアカデミー）による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから photo credit: nyuhuhuu via photopin cc 「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第6回目のテーマは「JavaScriptの基礎」です。 前回は「これからプログラミングを学び始める方へ」というテーマでお送りしました。今回はより具体的にプログラミングを学んでいただくために、JavaScriptについてご紹介していきます。本連載は、インターネット業界で、これまで技術的なバックグラウンドを持たないまま起業した
Evernoteのノートブックとタグと保存された検索の使い方をすべて披露します | jMatsuzaki
Evernote歴3年以上で2万以上ノートがある私のノートブックとタグと保存された検索の構成をすべて晒します 2014年6月20日投稿 2014年8月7日更新 カテゴリ：エバーノート活用 著者: jMatsuzaki 私の愛しいアップルパイへ ひらめいたアイデアや参画したプロジェクトの資料、自分が発信した情報や執筆した記事に至るまで、自分に関するあらゆる情報を私はEvernoteというサービスに保存しています。 Evernoteにすべてが保存されていて、そこ以外には無いという状態はいつになく気分を爽やかにしてくれますが、記録できる情報が増えた分だけ整理が大変になるのは考えものです。 私はもう3年以上Evernoteを使っており、Evernoteには2万を超えるノートが保存されています。これらの膨大なノートを必要最低限の労力で「使える書庫」にするために試行錯誤を繰り返してきました。 今日はそ
グロースハッカーが知っておくべきユーザー継続率改善戦略Part2 | SIROKグロースハックブログ
シロクグロースハックブログは、アプリ開発者・プロデューサ向けに、サービスを成長させるための情報をまとめたサイトです。 今回は前回のPart2です。グロースハッカーとして、ユーザーの継続率を挙げていくことはとても重要なことで。そのことについて詳しく書かれていた、Growth Hack Proの”21 User Retention Tactics You Need To Know“というタイトルで実際の例を踏まえて詳しく書かれていました。とても興味深い部分が多かったので著者の、Jacek Blautさんに許可をいただいて翻訳しています。 Part1はこちらにありますので見逃した方はこちらを読んでください： グロースハッカーが知っておくべきユーザー継続率改善戦略Part1 （2014年5月30日にJacek Blaut氏によって書かれた、“21 User Retention Tactics Yo
ビジネスをマーケティング視点で考えるための5つのステップ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
元トリマーのWEBディレクター、はるきです。犬の中で1番好きなのはミニチュア・シュナウザーです。 普段の仕事ではクライアント様のECサイト運営を行っておりますが、その際にはサイト分析や広告運用だけでなく、一緒に今後のWEB戦略を考えることがあります。そこで必要になってくるのがマーケティングの視点です。 クライアントのニーズがわかっていなければ、どれだけデザインが美しくても、クライアントが満足するサイトはできません。また、ユーザのニーズを読み間違えれば、サイトは制作側のひとりよがりなものになってしまうでしょう。 WEBディレクターはある意味で「企業」と「顧客」とを結ぶ存在です。そこで今回は、自分の日頃のアウトプットも兼ねて、ビジネスをマーケティング視点で考えるための5つのステップについて考えてみたいと思います。 1. マーケティングの概念を知る 2. ビジネス的な思考力を身につける 3. 因
グロースハッカーが知っておくべきユーザー継続率改善戦略Part1 | SIROKグロースハックブログ
シロクグロースハックブログは、アプリ開発者・プロデューサ向けに、サービスを成長させるための情報をまとめたサイトです。 グロースハッカーとして、ユーザーの継続率を挙げていくことはとても重要なことで。そのことについて詳しく書かれていた、Growth Hack Proの”21 User Retention Tactics You Need To Know“というタイトルで実際の例を踏まえて詳しく書かれていました。とても興味深い部分が多かったので著者の、Jacek Blautさんに許可をいただいて翻訳しています。内容が濃いので、Part1とPart2という形で分けて取り上げたいと思います （2014年5月30日にJacek Blaut氏によって書かれた、“21 User Retention Tactics You Need To Know”の翻訳記事です） 目次 ユーザーの継続率を上げるために ア
効果が3倍あがる！ コピーライティングのテクニック【完全保存版】 | LISKUL
商品をより魅力的に伝える。それがコピーライティングの技術です。 実際の商品・サービスはすごく良いものだったとしても、その良さをすべての人に口頭で伝達していくには限界があります。 そこで、DMやチラシ、広告等、色々な方法で大勢の人へ広めていくわけですが、そのときにきちんと商品・サービスの魅力が伝わらないと、消費者があなたの提供する商品やサービスを手にとることはないでしょう。 そこで必要なのが、より魅力的に魅せる文章。つまりコピーライティングの技術です。 例えば、あなたは下記のどちらの効果が高いと思いますか？ →上記「A」「B」で比べたとき、効果は「B」の方が3倍程度、高い結果となりました 「A」は美容整形を受けたい人の心情を表しており、コピー的にもキャッチーな印象ではありますが、具体性に欠けるところがあります。 一方、「B」はつまらないコピーに感じるかもしれませんが、ユーザーに対しメリットを
逆襲のSWOT分析 | 沈黙のWebマーケティング
「言葉の力」により、サイトリニューアルを完了させたボーンたち。 生まれ変わったサイトは、驚異的な売上げを記録し、マツオカの経営状態は改善するかのように見えた。 しかし、売上げが向上したのも束の間、突如、大量の「比較サイト」が現れる。 都内のオーダー家具店に関する情報を集めたそれら比較サイトのすべてに、マツオカの名前は無かった・・・！ 家具の市場をも操り、暗躍するガイルマーケティング社を前に、 ボーンたちはいかにして立ち向かうのか・・・！？ な、なんだこの比較サイト・・・！？ こんなサイト今までなかった・・・！ このサイトも、そのサイトも・・・！ どこもうちのことを書いてない・・・！ 「東京のオーダー家具店一覧」・・・って、なんでうちが載ってないんだよ！？ ボーン・・・。 これって・・・。 ・・・おそらく、ガイルマーケティングが仕込んだサイトだろう。 ガイルマーケティング！？ ガイルマーケテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
