タグ コンテンツデザイン
人気順 5 users 50 users 100 users 500 users 1000 usersSEO専門家 渡辺隆広氏に訊く「コンテンツデザインの思考法」 - はてなビジネスブログ
はてなでは、オウンドメディアのトータル支援「はてな MediaSuite」やオウンドメディアCMS「はてなブログMedia」の導入企業様にご案内するためのクローズドイベントを定期開催しています。 本記事では、先日開催したクローズド勉強会にてSEO専門家の渡辺隆広氏にお話しいただいた 「コンテンツデザイン」の思考法で学ぶ... 続きを読む
コンテンツデザインとSEO:デザイナーも意識したい検索のUX | UX MILK
コンテンツデザインに欠けがちな要素として、検索意図(Search Intent)というものがあります。 SEOの話題に少しでも触れると、不快に感じる方もいるかもしれません。SEOばかり指摘するのは、自分のアジェンダを押し通し、うぬぼれた指標を追い、ユーザーニーズをまったく考慮しないスパムのようなものです。最悪の場合... 続きを読む
新R25編集長に聞く、最後まで読まれるコンテンツに必要な2つのこと (1/3):MarkeZine(マーケジン)
2017年秋より新体制でスタートしたWebメディア「新R25」。若手ビジネスパーソンの成長を応援するメディアとして支持を広げているという。「文字離れが進む中、どうやって読ませるかというコンテンツデザインが重要になる」と話すのは、新R25編集長の渡辺将基氏。Webメディアの常識を覆す同メディアの運営方針、そしてコ... 続きを読む
Webサイトの成熟へ導くシンプルな視点 : could
コンテンツデザイン Webサイトの成熟へ導くシンプルな視点 システムができる範囲で自分には何ができるのかを考えるという視点が必要です。システムの文法・言葉遣いに寄り添った Web サイト設計・構築は、自己アピールの次の段階へ成長するための足がかりになるでしょう。 11月7日に Jimdo で作成された年間ベストページを決定する「Jimdo Best Pages 2015」が開催されました。このイベ... 続きを読む
脱ダミー文字から始めるコンテンツデザイン : could
コンテンツ 脱ダミー文字から始めるコンテンツデザイン ちょっとした手間がコンテンツを「あとで流し込むもの」ではなく「ユーザーとのコミュニケーションのためにあるもの」という考え方に変えることができます。 ダミー文字はリスク ユーザーは読まないと言われているものの、言葉はユーザーとコミュニケーションをするための基盤です。流し読みでも理解できるような設計がされているか。次のアクションへ結びつく動機が提供... 続きを読む
ユーザーを補助するための「見せる」コンテンツ : could
コンテンツデザイン ユーザーを補助するための「見せる」コンテンツ 従来は明確なテキストや、スクリーンショットを通して説明することが多かったですが、最近では動画が使われる機会が増えています。ユーザーに説明するのも、静止画面ではなく動画にするケースが増えてきました。 語るより見せたほうが早い スマートフォンをはじめとしたタッチデバイスが世の出回って 5 年以上経つわけですが、タッチ & ジェスチャーを... 続きを読む
Webのコンテンツ配信はマークアップから : could
コンテンツデザイン Webのコンテンツ配信はマークアップから 媒体を限定し、そこでの見た目が良いのであれば、どういったマークアップでも気にすることはないでしょう。しかし、ひとつでも多くのデバイスにコンテンツを配信したいという想いがあるならば、マークアップを無視するわけにはいきません。 異なるマークアップの意味 コンテンツを校正・編集・デザインするという意味合いが Web になると少し異なるのですが... 続きを読む
認知の違いから分かる効果的な情報の見せ方 : could
コンテンツデザイン 認知の違いから分かる効果的な情報の見せ方 人が情報をどのように認知しているのかによって、分かりやすいと感じる情報も変わってきます。どのように違うのかを理解することでコンテンツをどのように提示したほうが効果的なのかを知るキッカケになるでしょう。 情報は単に配信すれば伝わるというわけではありません。仕様書を読んで理解できる人もいれば、噛み砕かれた解説書を読むことで理解できる人もいま... 続きを読む
CSSデザインできるスクロールバー表示JavaScript (fleXcroll) - youmos
通常のスクロールバーデザインはブラウザやOS環境に依存するため、コンテンツデザインに合わない場合があります。コンテンツ内に表示するスクロールバーをCSSでデザインできるようにしてくれるのが、fleXcroll。 ダウンロードサンプルに含まれるデザインスクロールバーは2種類となっている。あまり良いデザインではないので、自身で作成するのが良いだろう。デザイン用のイメージ素材とスタイルシートを作成すれば... 続きを読む