Webサイトの改善に役立つアクセス解析とは
アクセス解析とは、Webサーバーに記録されるアクセスログデータからWebサイトの傾向やユーザーの行動を分析する、効果測定の方法の1つです。Webサイトを訪れるユーザーが「いつ」「どこから」「どのページに」アクセスし、サイト内でどう行動したのかを把握することで、Webサイトやマーケティング施策の改善につなげられます。 Webサイトの運営や各種マーケティング施策にROI（投資収益率）が強く求められるようになったことから、近年、アクセス解析の重要性がますます高まっています。 アクセス解析の実施方法 アクセス解析を効果的に実施するには、ログデータを見やすく加工し、レポートにまとめる「アクセス解析ツール」の利用が一般的です。アクセス解析ツールには、ログデータの収集方法によって、サーバーインストール型、パケットキャプチャ型、Webビーコン型などの種類があります。それぞれ長所・短所、向き・不向きがあるの
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
Twitterで見かけたSEOの疑問・質問に物凄い勢いで答えてみる | パシのSEOブログ
以前、 「YahooのSEOに関する疑問・質問に物凄い勢いで答えてみる」という記事を書きましたが、今回はTwitterで見かけたSEOに関する疑問や質問に勝手に答えてみたいと思います。 例の如く、ネタ的な要素も含んでいますので、全体的に生温かい目で見てくれると嬉しいです。記事を書いている途中で物凄い量になってしまいましたので、リンクに関する項目は次の記事に回しています。 SEOに関する質問・疑問に独断と偏見で答えます。 YahooとGoogleは同じ検索結果なの？ 同じ検索結果になっています。 2010年12月にYahooの検索エンジンがGoogleに切り替わった事で、基本的にはYahooとGoogleの検索結果は同じになっています。当初はYahooが独自のフィルタを導入するのではないかと言われていましたが、今の所その兆候はありません。 ※Yahoo・Google独自のサービスや、それぞれ
Webデザインってなんでしょうね？（笑） | gaspanik weblog
なんかこちらの記事が燃えあがるほど人気のようです。なにやらマーケティング専門の方が Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！ と豪語されていたことに対する反論のようですが…。 んと、人間っていうのは、自分の置かれてる立場や得意とする分野を中心として（良きものとして）考える癖がありますからね。おそらく皆さんそうではないでしょうか。自分の意見と反対のことを言われると「カチン」ときてしまう。 そこで「脊髄反射的に反応する＝どうしても自分の視点からの意見だけを述べてしまう」のであまり良くありません。むかつきながら書いたメールは一晩おいて読み直しましょう、ってよく言いますね。 まぁまぁ短絡的に反論するのはあまり良くないです（笑）。 なぜWebサイトの視覚表現が必要なのか？Webデザイナーさんの中には見た目を作ることが仕事の方もいらっしゃるでしょうし、そ
「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは？
2017年7月14日 Webデザイン マーケティング専門の人が「Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！」と豪語していたのでそれに反論を。もちろん彼の言っている事はWebサイトを世に広めるためにはとても大切な要素です。でもだからといってデザインが全く関係ないというのは極論すぎます。という事でWebデザインの重要性について考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ なぜWebデザインは重要なのか？ 以前「ECサイトの色やデザインと購買意欲の関係」という記事で触れたとおり、ECサイトにおける約半数のオンライン消費者が、全体のデザインを理由にそのサイトを再訪問しないようです。この結果から、多くのユーザーがWebサイト上のデザインを重要視している事がわかります。では具体的にWebデザインはどのような役割があるのでしょうか？ ユ
今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。
みなさんこんにちは、カッシーです。 先日6月8日に26歳になりました。充実した26歳にできるよう頑張っていきます！ 今回は手軽に実践できる効率アップTIPSをご紹介したいと思います。 WEB業界のデファクトスタンダードっていうよりは僕が実践しているものがメインです。 こういう効率アップTIPSとかは共有してどんどん仕事の効率を上げれば ・コストダウン（人件費） ・定時に上がってアフターを楽しむ ・費用は下がるし仕事は早くできるしモチベーションは上がるはいいこといっぱい！ なんでどんどん情報をシェアしたいですね！ もしこんなのものあるよーって方はコメントなりtwitterなりメッセージ頂けると嬉しいです。 目次 ・WEBサイトの新規作成キットを利用する ・拡張機能を利用する ・コード共有・アセット ・よく使う単語は辞書に登録 ・素材や過去のデータは整理しておく ・効率の高いファイルの送受信
おしゃれな街神戸からデザインのインスピレーションを受ける28個のwebサイト ｜https://wp.yat-net.com/name
2011年 06月 09日 おしゃれな街神戸からデザインのインスピレーションを受ける28個のwebサイト カテゴリ： Webデザイン タグ：インスピレーションデザイン おしゃれな街「神戸」というキーワードをもとにWEBサイトを集めたのでポストしたいと思います。私自身神戸には6年ほど住んでいましたので非常に思い入れのある街です。 神戸の色彩 神戸の色彩としては青や白をイメージする人が多いのではないでしょうか？おそらくそれは海や港などのイメージが強いところから来ていると考えられます。 他にも山のイメージから緑を連想したり、主張にもなっているポートタワーの赤を連想する人も居るかと思います。 主なイメージカラーとしては以下になるのではないでしょうか？ これらは主にベースからに置かれることが多いため、これらにあった背景色やアクセントカラーを合わせる事が多いです。 ただしホワイトに関してはやはり背景色
グリッドレイアウトでWebサイト構築したい時にはGrid calculator and generatorが手軽で良さそう - かちびと.net
なかなか手軽で自分向きだったのでメモ。 グリッドレイアウトを意識したWebサイトの 構築の際に、希望の幅を入れれば、その 幅に応じたグリッドレイアウト用のcssが 生産されます。ファイルはフレームワークの Blueprint cssが生成されます。 手軽で自分好みだったのでメモがてらご紹介。いわゆるグリッドレイアウト用の計算機です。 幅を入れるだけで、作れるレイアウトを自動で計算してcssも出してくれます。cssはBlueprintベースのようですね。 この設定だけでＯＫ。 例えば、960pxで164～200pxくらいのカラムを10px以内の感覚で開けて並べたいという時の設定値だと3通りのレイアウトがあるようです。 条件の幅を広げれば、作れるグリッドの種類も増えます。 レイアウトが決まったら Preview & Download CSSをクリックすればプレビューとDLが可能です。 コンテン
ユーザビリティの原則と現場で使えるユーザビリティテストの方法
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ
シンプルなデザインのWebサイト - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
webサイトのボタンデザインに重要な7つの要素「Common elements used in interface button design」
TOP > Design > webサイトのボタンデザインに重要な7つの要素「Common elements used in interface button design」 webサイトを制作する際、全体的なデザインの決定も重要ですが、サイト内を自由に動くための動線をしっかりと設計することが、ユーザーを引きつける為にも必要ではないでしょうか？そこで今回は、それぞれのページのドアとなるボタンのデザインに重要な7つの要素を解説した「Common elements used in interface button design」を紹介したいと思います。 （Dribbble – Upload button by kailoon） 的確な解説、さらに実制作に役立つチュートリアも紹介されているので、すぐにボタン作りに活かすことができそうです。 詳しくは以下 ボタン作りに重要な要素として、「T
【Webサイト制作】独学素人がjQueryで、ドラクエ画面を作ってみた
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 １年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。 仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。 htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。 で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。 ああいうのを書いてくださる人に、ちょっと言いたい。 あの、独学素人ノンプログラマーの俺をなめてませんか？ あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！ 「簡単に分かる入門」にさえ入門できません助けて先生！ と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。 ですが、jQueryと出会い、
S3 今日こそわかる、安全なWebアプリの作り方2010 - JPNIC
日時 2010年11月24日 13:00～15:30 会場 富士ソフト アキバプラザ プログラム紹介ページ (敬称略) タイトル 講演者 配布資料 (PDF)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
料理の写真を美味しそうに加工して共有〜周辺の飲食店もさがせるアプリ『Spoon! – グルメ写真共有』
新着記事
PC
WEBディレクターなら知っておきたいWEBサービス25選｜designaholic -Creative Column-
http://designaholic.cc/2011/05/web-7.html