タグ

webに関するNoveのブックマーク (133)

  • 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

    【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか? ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの? ・結局一番言いたいことはなんなの? ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

    誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
    Nove
    Nove 2017/01/25
  • 検索順位チェックツールというSEO対策で必須のツールはどれが良いか?

    www.flickr.com Googleの検索結果でキーワードの順位を追い続ける事は有効なSEO対策を調べる上で最も重要な事である。どういった施策がSEO対策上有効なのかは検索順位を見ることでしか、表面上わからないからだ。 自身の所有するサイトならGoogleのサーチコンソール等でもキーワードの検索順位を追うことは可能だ。しかし、検索順位が相対評価(他と比較した評価)である以上、検索結果が動いた際には、自身で保有するサイトの動きだけでは判断できない。他のサイトの動きもチェックしなければならないだろう。 こういった他者の所有するサイトの登録も可能な検索順位チェックツールは国内外にいくつかある。日ではGRCは以前から有名だった。ただ最近は無料で使う事が出来るSerposcope利用者が最も増えているかと思う。 どの検索順位チェックツールを選ぶかは登録キーワード数による部分が大きいと思うが、

    検索順位チェックツールというSEO対策で必須のツールはどれが良いか?
    Nove
    Nove 2017/01/15
  • NAVERまとめに無断転載を抗議したら、衝撃的な回答が来た

    2016年12月17日NAVERまとめ対策,著作権侵害対策 普通の会社なら、写真やイラストをWEB担当者が軽い気持ちで自社サイトに無断転載していたとしても、それを指摘すれば総務部門がすぐに謝罪と使用料の支払いに応じてくれる。責任あるものなら著作権侵害が犯罪であると知っているからだ。 それがキュレーションメディアとなると犯罪であることを知りながらパクリサイトを運営しているからであろう、ごたくをならべて言い逃れをする。とはいってもぼくが請求書を送った6社は、悪あがきをするものの結局は写真使用料を支払ってくれた。 一社を除いて。 その一社とはNAVERまとめを運営するLINE株式会社だ。 もともと悪評の高いNAVERであるが、悪質なキュレーションメディアの中でももっともたちが悪い媒体であることがこれで確認できた。 ぼくがNAVERにパクられた写真はこれ。 NAVERまとめに抗議文を送る NA

    NAVERまとめに無断転載を抗議したら、衝撃的な回答が来た
  • 【○×】Q.ユーザが画像をざっと見て良し悪しを判断する商品の詳細ページでは、「左:画像、右:文章」、その下は「左:文章、右:画像」と、画像と文章を交互に配置したレイアウトとする方が、そうでない場合に比べて文章にも目を通してもらえる可能性が高い。○か×か?: beBit.Q

    【解説】写真画像で良し悪しを判断しようと考えているユーザの視線は、自然と画像と画像をつなぐ形で流れます。画像と文章を交互に配置することでユーザの視線が散らばり、スクロール速度も遅くなりやすいため、比較的文章にも目を通してもらいやすいレイアウトとなります。 解説詳細 例えば、セオリー通り情報が整理されたきれいなレイアウトを達成しようとすると、以下のようになります。 この場合ユーザは、気になる画像があれば横にある文章にも目を移しますが、基的にはすーっと下に向かって画像だけを眺めてスクロールするといった行動をとりがちです。 また、単調なレイアウトであるためにユーザのスクロール速度も速くなりがちです。 一方、画像と文章を交互に配置したレイアウトでは、ユーザの視線は以下のように散らばってくれる可能性が高くなります。 この場合はユーザが画像から画像に視線を移すタイミングで自然と文章が視野に飛び込んで

    Nove
    Nove 2016/12/14
  • 数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常

    なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様(謎) そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸12年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

    数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常
    Nove
    Nove 2016/12/14
  • サービス終了のお知らせ - NAVER まとめ

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

    サービス終了のお知らせ - NAVER まとめ
    Nove
    Nove 2016/12/13
  • 炎上中のDeNAにサイバーエージェント、その根底に流れるモラル無きDNAとは(ヨッピー) - エキスパート - Yahoo!ニュース

    こんにちは。ヨッピーです。普段は「銭湯の神」として主にインターネットでは銭湯の普及活動にいそしんでおります。銭湯は、いいぞ。 DeNAパレット構想さて、ご存知の方も多いかもしれませんが、横浜DeNAベイスターズのオーナー企業であり一部上場企業であるところのDeNAが運営する「DeNAパレット構想」傘下のキュレーションメディア群が盛大に炎上、稼ぎ頭のMERY、炎上の発端となったWELQを含む10媒体全てが運営を停止、記事が非公開になるという局面を迎えており、DeNAの株価にも影響を与えている模様です。 DeNAが「MERY」全記事の非公開化を発表「厳正かつ公正な調査」のため https://www.buzzfeed.com/keigoisashi/dena-mery 更に件がリクルートやYahoo!サイバーエージェントなど大手各社に飛び火したことで新聞雑誌地上波問わず各所の注目を集めてお

    炎上中のDeNAにサイバーエージェント、その根底に流れるモラル無きDNAとは(ヨッピー) - エキスパート - Yahoo!ニュース
    Nove
    Nove 2016/12/09
  • これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋

    公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

    これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋
    Nove
    Nove 2016/08/29
  • ituore.com - ituore リソースおよび情報

    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.

    ituore.com - ituore リソースおよび情報
    Nove
    Nove 2016/05/20
  • まるで辞書!探したいWordPressおすすめプラグインがすぐに見つかるページ【厳選39個】

    WordPressには『プラグイン』っていう便利な機能があります。プラグインっていうのは、拡張機能の事です。プラグインを適切に選んで使う事ができれば、例えば集客の効果を高める事ができたり、アクセスアップなどにもつなげられます。

    まるで辞書!探したいWordPressおすすめプラグインがすぐに見つかるページ【厳選39個】
    Nove
    Nove 2016/05/12
  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

    Nove
    Nove 2016/04/20
  • javascriptを使ったSEO対策まとめ - Qiita

    一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です) クリックやスクロールでDOMを生成するコンテンツはインデックスされない ページロード時点ではhtml内に生成されていないが、あるイベントが起きた時にDOM要素を生成するパターン。 Qiitaで言うとTOPページ下部にある「もっと見る」とかがそうですね。 Googlebotはjavascriptを実行することはできるのですが、clic

    javascriptを使ったSEO対策まとめ - Qiita
    Nove
    Nove 2016/03/29
  • コンバージョン率を劇的にアップさせるための30の心理作戦

    By Tim Franklin Photography マーケットリサーチアナリストとして働き、SEOやPPCのスペシャリストであり、かつ心理学をたしなんでいるというニック・コレンダさんが、心理学の視点から導き出した「コンバージョン率を劇的にアップさせるための30の心理作戦」を公開しています。「フムフム、なるほど」というものから、「恐ろしあ……」となる戦略まであり、広告運用やSEOの知識がない人もサービスを使うユーザーとして知っておくべき内容になっています。 Conversion Optimization: An Enormous List of Psychological Tactics http://www.nickkolenda.com/conversion-optimization-psychology/ 30の戦略を見る準備として、運営しているサービスをCTA別に分けてじょうご状

    コンバージョン率を劇的にアップさせるための30の心理作戦
    Nove
    Nove 2016/03/18
  • デザインの確かな知識が身につく!Webサイトやアプリのデザインの勉強になるスライドのまとめ

    実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f

    デザインの確かな知識が身につく!Webサイトやアプリのデザインの勉強になるスライドのまとめ
    Nove
    Nove 2015/12/14
  • PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ

    スマートフォンの普及で、PCで閲覧するWebサイト(以下、PCサイト)に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

    PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
    Nove
    Nove 2015/12/03
  • そのサイトリニューアルちょっと待った!既存サイトを改善してお問い合わせを4倍にした話 | 中小企業経営者のための名古屋コンテンツマーケティング塾

    WEBコンサルティングが失敗しやすいケース 社員に丸投げケース:コンサルを依頼しておいて面倒だから「あとはよろしく!」と社員に丸投げ。最後の最後に口出し現場を荒らす。「聞いてないぞ! どうなってるんだ!(だいたい説明している)」 魔法を求める:勉強しないで東大合格する裏技や、辛い事制限や面倒な運動なしで30キロ痩せる方法、「ほら? あるでしょ? ぱぱっとやっちゃってよ!」など。 丸投げで成果出るんでしょ?:アクセス解析や改善施策には毎月お金がかかるし、競合比較をして自社のダメな所が明るみになるなど精神的なダメージも大きく、「あ!勉強やダイエットみたいに自分でやんないとダメヤツ! 丸投げで金だけ払えば自動的に良くなるんじゃなかったの!?」で結果が出ないケース。(契約前からさんざん説明しているのに) 「事制限・運動なしで-30キロダイエット」「勉強しないで東大合格」的な魔法は使えません。「

    そのサイトリニューアルちょっと待った!既存サイトを改善してお問い合わせを4倍にした話 | 中小企業経営者のための名古屋コンテンツマーケティング塾
    Nove
    Nove 2015/11/05
  • Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

    作成:2012/10/29 更新:2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか?そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の2つご覧ください。(※ 2015/06/25 2015/06/28追記) Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

    Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ
    Nove
    Nove 2015/06/25
  • Gitでやらかさないための事前予防策 - Qiita

    Gitでやらかした時に使える19個の奥義を書いてやらかしたときになんとかリカバリできるようにした。 今回は、そもそもやらかさないようにしたいよねっていうお話。 コミット編 .gitignoreを細かく指定しておく .gitignoreを指定しておけば余計なファイルをコミットしちゃうことを予防できます 過去に似たようなプロジェクトがあるのならそれを流用しましょう。 ないのであれば.gitignore.ioで生成してそれをカスタムしましょう。 ワイルドカード指定やディレクトリまるごとの指定は副作用ある可能性があるので慎重に。 コミットメッセージのフォーマットを決めておく コミットメッセージのフォーマットを決めておけば書き直したいということも減ります コミットメッセージをやらかして直したいと思うことはよくあります。 そういうのって案外コミットメッセージが自由すぎることが問題だったりします。 ある

    Gitでやらかさないための事前予防策 - Qiita
    Nove
    Nove 2015/04/13
  • 無料でダウンロードできるマーケティング資料【おすすめ12選】

    マーケティング会社が無料で自社のノウハウを公開している資料を集めました。 Webサイトでは公開されていないような中身の濃いものが多数ありますので、ぜひ参考にしてみてください! おすすめ無料で使える!Webマーケティングツール&サービス【厳選39選】 【サイト名】バズ部 【資料名】 ・バズ部式コンテンツマーケティング SEOの上位表示を独占しPPC広告費を1/10にして売上を倍増させるための全手法 【資料ダウンロード先】http://bazubu.com/bazubu-marketing-manual 【資料カテゴリ】コンテンツマーケティング、SEO 【おすすめ度】★★★★★ バズ部のクライアントが実際に結果を出したコンテンツマーケティングの手法が全94ページに渡って解説されています。施策内容も非常に具体的で、無料とは思えないほど高いクオリティです。 SEO HACKS お役立ち資料 【サイ

    無料でダウンロードできるマーケティング資料【おすすめ12選】
    Nove
    Nove 2014/12/03
  • 【2021年最新版】パパ活アプリおすすめランキング!

    パパ活を始める人が増えており、それにともなってパパ活アプリも増えてきています。 どのアプリでもパパ活はできるものの、たくさんあると迷ってしまいますよね。 この記事では、パパ活歴6年の私が各パパ活アプリの特徴、パパ活アプリおすすめランキングについて紹介しています。 これからパパ活を始める人、パパ活中のベテランさんにも役立つように情報をまとめていますので、参考にしていただければと思います。

    【2021年最新版】パパ活アプリおすすめランキング!