『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「トップページはFlash！」は単なる迷信 目的に応じた使いわけを
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Gomez： 大学サイトランキング
ウェブサイトの使いやすさを評価するカテゴリです。ユーザーを迷わせないナビゲーション設計、ウェブ・アクセシビリティ、情報の探しやすさ、レイアウトの統一性などを総合的に評価しています。
ブログやサイトのブランディングを効果的に行う10の方法
「うんと、なんだったっけな～、ほら、あのFirefoxでGmail使うのに便利なツール紹介してたサイト。」 「あ、それってあのオレンジのサイトじゃね？ リアルな拡声器のロゴの。」 「えっと”マーケティングなんとかブログ”とかいうやつ？」 これもライトなブランディングと言えるのでしょうかねｗ 人って結構視覚的に覚えていたり、言葉よりも鼻歌で覚えているっていうこと多いですよね。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ブログやサイトのブランディングを効果的に行う方法 一例を挙げます。 昨日、私は結婚式の直前にネクタイとシャツに肉まんの汁をこぼしましたｗ 水で濡らしてこすってみても油なんだからシミが落ちるわけがないし、その上朝早いので開いてるお店もほとんどない。 そんなとき、頭に浮かんだのは「油
サイトのナビゲーションとしてサイドバーを採用すべきでない理由 (agenda)
サイドバーとは左側に位置するウェブサイトのナビゲーションのことである、とここでは定義する。擬似段組などによって主に左側に配置される。何年か前にも一度批判したことがあるが、当時は疑いを述べたにとどまっている（段組の利点 - 3つの情報ブロックがある場合 (agenda)）。その5年越しの「続き記事」といってもいいかもしれない。 第一に、サイドバーがナビゲーションバー（サイトロゴの下部に配置され、インライン方向に伸びるナビゲーション）と決定的に違うのは、それがナビゲーションかどうか分からないことである。サイドバーは今流行りの「ブログパーツ」かもしれないし、広告の塊かもしれない。自分のサイト内のコンテンツの宣伝である場合もしばしばだし、コンテンツに密接に関連した他サイトの記事へのリンクかもしれない。仮にナビゲーションであったとしよう。この時、サブカテゴリ内のリンクになっているケースもあればグロー
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
色盲の人の見え方をチェックしてみる：サイト運営をするプロのぼやき
富士通のサイトには、色盲の方の見え方をシュミレーションするフリーソフトが配布されています。 色盲の方は、男性20人に1人、女性500人に1人にいるらしい。 私は正常だからどういった感じで見えるのかシュミレーションしてみました。 第一と第二色覚以上の方が多いらしい。残りのグレースケールと第三色覚以上の方はまれだそうです。 by 色覚異常 - Wikipedia ColorDoctorのダウンロード : 富士通 http://jp.fujitsu.com/about/design/ud/assistance/colordoctor/download.html ColorDoctorというソフトです。現バージョンは2.1です。 グレースケール 第一色覚・赤 第二色覚・緑 第三色覚・青 の見え方をチェックできます。 ColorDoctor
【フォーム改善】意外と知らない申込フォームの超基本
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
クライアントを刺激する管理画面のインターフェース10選
バックエンドの管理画面のインターフェースをかっこよくしたい。 そんなときにおすすめなのが、『10 inspiring admin interfaces』。クライアントを刺激する管理画面のインターフェース10選だ。 以下にいくつかご紹介。 ↑のキャプチャは、AIGA CMS。 Mosso Movable Type 4 Symphony Reflect Expression Engine 2 その他のリストは以下から。 » 10 inspiring admin interfaces クライアントを刺激する管理画面のインターフェース、チェックしてぜひ参考にしてみてはいかがだろうか。 よぅし。最近早起きするのが快感になってきた。いろいろ作業を進めよう。 そうだ友人とのマッシュアップ大作戦が進行中だよ。
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
SiteSneaker2007 by UEI
(C)2007 UEI Makoto Kondo,Ryo Shimizu / Powered by PaperVision3D and hatena
ThemeRoller | jQuery UI
Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and
ここが変だよウェブマーケティング第1回 勘と経験に頼る流れにさようなら | Web担当者Forum
集客のためによかれと思ってやっている、さまざまなマーケティング手法。なのに結果がついてこない、アドバイスを聞いてもなんとなく納得いかない……とお悩みの方は多いのではないだろうか。もしかしたらそんなあなたと、あなたの周囲のウェブマーケティングは、どこかが「変」なのかもしれない。 デジタルフォレスト 清水昌浩氏が、実話をもとにウェブマーケティングの問題点とその解決策を読み解くシリーズ。 サイトの問題点を改善するとき、あなたは何を頼りにするだろう。過去の成功例、周囲のアドバイス……。いろいろあるが、それは本当にサイトにとって大きな効果を生むものなのだろうか？ そもそも、改善するべきその問題が生じた原因を明らかにしなければ、前には進めない。ここでは、適切な分析と施策の判断について、具体的な事例を挙げて紹介していく。 第1回となる今回のテーマは、「コンバージョン数の向上」。コンバージョン数の向上は多
ハンディがあっても利用できるページづくり：Webアクセシビリティについて
様々な環境に配慮して、どんなユーザーでも使いやすい方法で提供されている情報はアクセシビリティ (accessibility) が高いと言います。アクセシブルなコンテンツづくりとは、ウェブでのコミュニケーションに誰もが参加できるよう設計すること。情報の利用者であると同時に提供者でもある私たちは、常にこの点に配慮していきたいものです。 なぜアクセシビリティか コミュニケーションとしてのアクセシビリティ：WCAG 2.1 1. 全ての機能と情報が誰にとっても認識可能であること 2. 全ての機能は誰にでも操作可能であること 3. コンテンツの内容、および機能が誰にとっても理解可能であること 4. 将来にわたってコンテンツの力を最大限に発揮できる技術を用いること 元祖ガイドライン：WCAG 1.0 アクセシビリティのJIS規格（2004年初出時の情報） JISの改定：X 8341-3:2010と20
ウノウラボ Unoh Labs: 画像の遅延読み込み
yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
トップ-ウェブアクセシビリティチェックサイトHAREL
Web サイト上に表示されるメニューの位置、ページ「上部」が一番人気 - Japan.internet.com デイリーリサーチ
ユーザー目線のウェブデザインを実現する「ペルソナ」手法とは？インターネット-最新ニュース:IT-PLUS
ユーザーの目線を追え・ウェブツールで手軽に検証�インターネット-ウェブデザインの力（河内康和）:IT-PLUS
Vischeck: VischeckImage
teleradiology.jp