Internet Marketing BlogBlogs Trusted by business builders worldwide, the HubSpot Blogs are your number-one source for education and inspiration.
フロント・ページ - MarkupDancing
フロント・ページ 河本孝之のウェブサイトです。情報セキュリティから人種差別やタイポグラフィまで、個人としての趣味や関心にかかわるページを全て列挙しています。 https://www.markupdancing.net/ 2020-08-03 14:08:18 2020-08-03 14:08:18 2024-02-19 09:13:47 MarkupDancing,MD,Takayuki Kawamoto,philsci,河本孝之 Takayuki Kawamoto, 河本孝之 philsci Chief Privacy Officer, 個人情報保護管理者, general manager at department of infromation systems, 情報システム部長 Philosophy of Science Society, Japan: 日本科学哲学会 Graduat
新卒採用ページ、本当に学生視点ですか？ (ユーザビリティ実践メモ)
2011年の新卒採用活動に向けて、採用ページをリニューアルしたり、コンテンツを拡充したりする企業サイトが多くなっています。今回は、新卒採用ページを「学生視点」で作るためのポイントについて考えたいと思います。 ただその場合でも、掲載コンテンツを本当に有効なものとするには、学生の目線に立っているかどうかをチェックしてみる必要があります。 例えば、職種の紹介として、以下のような例があった場合、どちらがイメージしやすいでしょうか？ 例Aに関しては、その職種に関する業務知識がないと、内容をイメージすることは難しいですが、例Bについては、1日の流れをイメージできたのではないでしょうか。 学生は業務経験がなく、社会人にとっては常識的な業務知識もないことがほとんどです。そのため、業務知識がないユーザも理解できるような配慮が求められます。（上記では「タイムスケジュールにする」、「解説をつける」、「画像で補足
実用的なユーザビリティの10のポイント：ケーススタディ編
先日紹介した「実用的なユーザビリティの10のポイント」の中から、コンテンツやフォームやタイポグラフィなどの制作に役立つ実用的なケーススタディを紹介します。 10 Useful Usability Findings and Guidelines 以下の意訳は英語圏内のため、特にタイポグラフィなど日本語ではなく英語を想定したデータのためご注意ください。 タイポグラフィ 行間 ÷ フォントのサイズ = 1.48 ウェブサイトの英語フォントでは、一般的に「1.48」が読みやすいです。 クラシックなタイポグラフィの本では一般的に「1.5」が推奨されています。 行幅 ÷ 行間 = 27.8 一つのパラグラフの幅は平均538.64ピクセルです。 多くのウェブサイトのフォントサイズが12, 13ピクセルであることを考えるとかなり長いものとなっています。 パラグラフ間のスペース ÷ 行間 = 0.754 一
テキストと画像、どのように使い分けていますか？ (ユーザビリティ実践メモ)
ウェブサイトは、テキスト、画像、動画など様々な要素で構成されています。皆さんはそれらをどのように使い分けているでしょうか？今回は、ユーザがサイトを訪問する際の目的意識の強弱による使い分けのヒントをご紹介します。 弊社ではユーザ行動観察調査にアイトラッキングを用い、サイト利用時の視線の動きを調査していますが、そこで頻繁に見られる興味深い現象をご紹介しましょう。 あるメーカーサイトを題材として行った調査では、特定の情報を求めて訪問するケース（以下、探索モード）と、サイトのファンなど定期的にサイトを訪問しており、特に強い目的がないケース（以下、回遊モード）でユーザの目線の動きに明確な違いが見られました。（下図参照） 探索モード（図の左側）では、主にテキストリンクを中心に目的のコンテンツへのリンクを探す傾向があるのに対して、回遊モード（図の右側）では、バナーなどの画像を中心に見ていく傾向が強いこと
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
利用者がサイトを去るときの感情
アクセスしたウェブサイトから離脱する理由はいろいろあると思います。目的を達成したのであれば最高ですが、そうでない場合もあります。利用者がサイトを去る理由はサイトによって異なると思いますが、共通した思いを抱いていることもあります。ちょうど１年くらいの記事ですが「25 reasons users STOP using your product: An analysis of customer lifecycle」で、利用者がサイトを利用しなくなったときの感情や思いをリストアップしています。主にソーシャルサイトを意識したものになっていますが、ウェブサイト全般にもいえることで思い当たるところを以下にリストしてみました。 なぜこれが自分にとって価値があるのか分からない なかなか表示してくれない いろいろしたいわけじゃない 登録してまで利用したくない パスワード忘れてしまった そもそも何をしたら良いの
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
ECサイトで感じた不満トップ11 | カスタマーエクスペリエンスで道は開ける～フォレスター・リサーチのWebサイト方法論
[コラム]カスタマーエクスペリエンスで 道は開ける ～フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 「あなたが最近使ったECサイトでの経験を思い起こすと、そのサイトにどれくらい満足しましたか？」有名企業のWebサイトの利用に関する消費者の満足度について、フォレスターは2008年末に、ヨーロッパでアンケート調査を行いました。対象は英国、イタリア、ドイツ、フランス、オランダ、スウェーデン、デンマークの7か国です。 その調査結果から明らかになったことは、有名な会社のサイトを使っている消費者のほとんど
アイトラッキングから検証した、使いやすいフォームの10のポイント
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
Webデザインを向上させる8つのレイアウト | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Webデザインにおいて、コンテンツをどのようにまとめ、どのレイアウトで表現するかは大事な課題だ。すでによく使われているレイアウトと、それが何の目的で使われているのかは明かになっている。そうした人気のあるレイアウトとその目的を知ることは、Webページをデザインする際の資料として活用できる。 Matt Cronin氏がSmashing Magazineにおいて8 Layout Solutions To Improve Your Designsのタイトルのもと、使いやすい8つのレイアウトとテクニックについてまとめている。Webデザイナは一度チェックしておきたい内容だ。紹介されているレイアウトは次のとおり。 ス
Webページを速く見せるための5つのちょっとした工夫（1/3） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/4/30 ページ表示高速化をサーバの設定だけに任せていませんか？ HTMLやCSS、JavaScriptの書き方でも速くできます（編集部） 連載第1回の「Webサイトを“速く”表示させる7つの計測ポイント」では、YSlowを使って速度に関する問題を調査しました。 今回は、CSS・JavaScript・HTMLの工夫で速度を改善する下記5つの方法を紹介します。中にはYSlowの指摘に含まれないものもありますが、併せてチェックしていきましょう。 CSSはソースコードの上部に記述する JavaScriptはソースコードの下部に記述する CSSとJavaScriptを書く順番 JavaScriptを圧縮して読み込みを速くする 読み込みが遅いブログパーツには要注意 【1】CSSはソースコードの上部に記述する 連載第1回では、「CSSは
アクセス解析だけでは分からない、サイト上でのユーザー動向を追う「ヒートマップツール」10選（2017年版） - Real Analytics （リアルアナリティクス）
アクセス解析ツールは非常に多くのデータが取得できて便利なのですが、ユーザーが「どこまでスクロールしたか」「ページのどこをクリックしたのか」「サイトのどこを見ていたか」といった事はわからないツールが大半です。アクセス解析のデータを補完及び補強するという点において、多種多様なヒートマップツールを取り上げてみました。アクセス解析のお供にいかがでしょうか？ ご利用上の注意 ・2017年1月に全面改訂しました。 ・画像が見づらい場合はクリックして拡大してください。 ・アルファベット順です。 1.AppSee[有料][日本語][インストール型] サイト情報 www.appsee.net 特徴 アプリのヒートマップ分析ツールです。アプリ内で画面ごとにどこをタップしたかを見ることが可能です。またヒートマップ以外にも、利用分析・導線分析・コホート分析、そしてクラッシュレポートなどにも対応しています。無料トラ
フッターサイトマップのデザイン | blog / bookslope
6 Things To Include for a User Friendly Footer | UX Booth 「Key Footer Information」として、フッターの情報として重要な6つを取り上げています。もうどのウェブサイトを見てもこれらの情報は掲載されていると思いますし、ある意味デフォルト (標準値) であるとも言えます。 フッターに置く重要な要素 About Us Link/リンク (について)Contact Us Link/お問い合わせ (連絡先)Terms of Service/サイトの利用方法 (利用規約)Privacy Policy/プライバシーポリシー (個人情報の取り扱い)Site Map/サイトマップAddress and Phone Number/住所や電話番号 ただし、このうち「サイトマップ」については、単にサイトマップページへのリンクを置くこともそ
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
URLが見つかりませんでした｜株式会社スタジオエムディ
「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽
IDEA * IDEA
IDEA * IDEA
