サイトオーナーやブロガーにオススメ！来訪ユーザーの行動を可視化する『User Heat』レビュー|ガジェット通信 GetNews
自分のウェブサイトやブログを持っている方は、来訪したユーザーがサイトのどこに注目しているのか、バナーをちゃんと見てクリックしてもらえているのかなど、その行動が気になりますよね。ユーザーローカルが提供している『User Heat』は、発行されたタグを埋め込むだけで、サイトを訪れたユーザーの行動を調査してくれるウェブサービス。従来はユーザーの目の動きを計測するアイトラッキングシステムを使ったり、マーケティング会社にユーザーを集めてグループインタビューしてもらうなど、調査にお金がかかりましたが、『User Heat』なら無料で調査できます。「これは便利そう！」ということで、実際にウェブサイトにタグを埋め込んで、調査してみました。 ・ユーザー登録してタグを発行 『User Heat』を利用するために、まずユーザー登録します。登録内容はメールアドレス、パスワード、性別とニックネーム、調査したいサイト
Adobe Labs - Adobe BrowserLab
Welcome to the limited free preview of Adobe® BrowserLab, the latest Adobe hosted service for web professionals.* BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences.
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
WordPressの設置後、すぐにやっておきたい10の作業 | コリス
WordPressの設置後、すぐにやっておきたい10の作業をPro Blog Designから紹介します。 10 Things to do After Installing WordPress 1. パスワードの変更 管理画面の[ユーザー]-[投稿者とユーザー]から、パスワードを変更できます。 訳者注： ユーザー名：adminはデフォルトのため危険なので、ユーザーを新規追加して運営するのがより安全です。 2. パーマリンク設定 管理画面の[設定]-[パーマリンク設定]で、URL構造を編集します。 訳者注： パーマリンクの設定方法は、「WordPressのSEO対策（その1）：個別URLの最適化」を参照ください。 運営の途中でパーマリンクを変更する場合は、「パーマリンクの変更後、旧アドレスでもアクセスできるWordPressのプラグイン」も参考になると思います。 3. テーマファイルの設定
Webデザイナーのためのフリーイメージギャラリー20選 – creamu
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
12 Standard Screen Patterns
2010 Update- 15 patterns and 80 new examples By Theresa Neil As Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section. In the spirit of that, I want to share an additional set of principles and patterns I have been using for RIA design. While the book takes a much more consu
web制作者の為の年末年始で見逃せないエントリまとめ「2009年度版」
もうお正月も終わり、仕事始めしている人も多いだろうと思います。 業界によってはお正月に仕事をしている人も沢山いる事でしょう。 そんなお正月に見逃してしまった良質なエントリがないかを発掘するまとめです。 ネタ帳が選んだフリーソフト KeyHoleTV & KeyHoleVideo－キーホールテレビ＆キーホールビデオ－ チューナーもってない私に神のソフト。ワンセグが届かなくてもテレビがみれます。 ただ、映像と音声がたまにとまる。うんざりする事もあるけど気にしない。。 窓の杜 - Foxit Reader PDFファイルをすばやく開くツール。便利。 SRWare Iron - The Browser of the Future おいおいｗｗｗってなるくらい高速ブラウザ。 Ｃｈｒｏｍｅより早くて吹いた。いや、同じくらいかな、いいすぎた。ネットワーク監視するとGoogleに接続するアクションが消えた
Web制作の需要はある。しかし、人が余るという不思議な状況 - tohokuaikiのチラシの裏
不況不況っていうけど、Web業界は受注が減るんだろうか？確かに減ると思う。 実際、うちも新規の受注は減っている。 じゃあ、仕事が無くなるかっていうとそうは思わない。 実感としては需要は相変わらず多い。ので、仕事自体は無くならない。 さっき「新規の受注は減った」って書いたじゃないか！っていう感じなんだけど、「なんとなくサイト作りましょ！」とか「キャンペーンサイト作りましょ！」とかなんかそういうお気楽な感じな案件が減った感じで、「あー、このサイト確かに直さないとやばいよね」っていう必然性のある仕事は相変わらずある。 んで、 泥臭いWEBの底から～WEBディレクター覚書～ 2009年を早くも投げ遣る。 2008年の傾向として ・新規案件が減り、運用業務が増えた ・クライアントのビジネスやコンセプト、ブランドイメージをより深く理解した上での動きを求められるようになった というのがあって、まあこれが
ウェブサイトの第一印象を決める大切な21のポイント
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
WordPressでRSSフィード購読者数を計測するプラグイン FeedLogger - EC studio 技術ブログ
WordPressを技術ブログで採用してからしばらくたちました。 カスタマイズにも随分と慣れ、プラグインを入れたり テーマを調整したりとWordPressを活用しています。 (また随時ブログの記事にしていきます) WordPressでは数多くのプラグインやテーマが公開されているので、 大抵のやりたいことは実現できるものが見つかるのですが、 どうしても見つからないものがありました。 それは、RSSフィードの購読者数を解析するプラグインです。 ブログを設置したことがある人なら、フィードの購読者数は アクセス解析以上に気になることだと思います。 FeedBurnerというサービスを使えば詳細な購読者解析ができるのですが、 FeedBurnerを使うとYahoo!のブログ検索に引っかからなくなる ので採用していません。 (会社のSEO担当からFeedBurnerを使ってはダメです！と止められました
固定リンクを変えずにスムーズにMovableTypeからWordPressに移行するまでの作業ログ | IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
WordPress をインストールしたら最初にしておくこと - わーどぷれすっ！
The Very First Steps After a Fresh WordPress Installからのヒントも入れつつ、自分が WordPress をインストールしたら最初にしておく設定等をご紹介。 デフォルトの “admin” アカウントの削除 デフォルトの管理者アカウントのログインユーザー名が決め打ちされてるのはやはりセキュリティ的にまずいので、管理者ユーザーをもうひとつ作ってからデフォルトの admin ユーザーを削除する。 管理画面の「ユーザー」→「新規追加」で管理者権限をもつユーザーを新しく作成 ログアウトして新しく作成したユーザーでログイン 「ユーザー｣→「投稿者とユーザー」で admin アカウント上にマウスをホバーさせると「削除」リンクが表示されるのでそれをクリック パーマリンクの設定 (設定 > パーマリンク設定) デフォルトの「/?p=nn」から「日付と投稿名」
[JS]画像の一部を拡大表示するスクリプト -jQZoom Evolution
以前紹介した画像の一部を拡大表示するスクリプト「jQZoom」の機能がバージョンアップしたjQZoom Evolutionがリリースしました。 jQZoom Evolution demo 主なバージョンアップは、ズームウインドウのカスタマイズ、タイトル表示、エフェクトなどです。 オプションでは、ズーム時のタイプ、ズームウインドウのサイズと位置、タイトルの有無、フェードの有無とスピードなどが変更できます。 jQZoom EvolutionはjQueryのプラグインのため、実装にはjquery.jsが必要です。
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
MOONGIFT: » 必見！怖くなるくらい優秀なCMS「concrete5」:オープンソースを毎日紹介
これまで多数のCMSを見てきたが、ここまで完成度が高いと言えるものに出会ったことはなかった…そう言えるくらい凄い。このどきどき感はDekiWikiに触れた時に感じたものに近い。 見たまま編集できるCMS CMSと言えば、ユーザ画面と管理画面に分かれていて、管理画面はモジュールやテーマの設定、各項目の並びを指定するのが通常だ。実際の出力結果はシステム任せで、その点が柔軟性に欠ける点でもあった。 しかしこれは違う。見たまま編集でき、さらに高い柔軟性を維持している。 今回紹介するオープンソース・ソフトウェアはconcrete5、デザイン、管理、コンテンツ作成全てが高度なCMSだ。 相当個人的な感情が入ってしまっているのは、同じようなシステムを構築する予定があったからだ。だがconcrete5は完成度も高く、多少の改造さえ施せば十分な気がする。やはり下手に開発コストをかけるよりもオープンソースで探
Strategic Design: 6 Steps For Building Successful Websites — Smashing Magazine
In order to combine all these elements of Web design together and achieve successful results you must have a clear direction, a direction that will guide each and every aspect of your design towards common goals. You must think strategically. Web design isn’t art. It involves a whole collection of different skills — from copywriting and typography to layout and art — all fused together to create a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チャリティや慈善事業サイトから学ぶサイトの重要な8つのポイント
IDEA * IDEA
光を効果的に使用したPhotoshopのチュートリアル集：Part 9 | コリス