これで完璧！Webサービスの情報設計をカンタンにする設計用テンプレート完全版
はいこんにちは。最近なぜか風邪が治らないナカムラです。何食ったら健康になれるんでしょうか。誰か教えてください。 さて、サイトを作って！とザックリ投げっぱなされた依頼について、何を掲載するべきで何をどう設計するべきなのか。悩みますよねぇ・・・。 今回は日本ディレクション協会の人気講座「0からのWebディレクション講座：設計編」で、DCHSの高瀬さんが非常に分かりやすい見解と考えまとめ用のテンプレを公開してくれましたので紹介してみます。 以前からこのサイトでもその重要性についてブツブツ言っている感情設計についての考えとも重なる部分多めでしたので、両方読んでいただけると理解が深まるかもしれません。 感動設計テンプレート＆講演資料 ユーザーが感動するウェブサイトを実現するために必要な情報設計とは？ 高瀬さんいわく全てのWebサイト、サービスは「ユーザーを感動させるため」に存在しているし、そうあるべ
知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ
調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。
売れるECサイト制作の法則と秘訣vol.3「売れるために必要な7つのコンテンツ」 – MARS DESIGN Co.,LTD.
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,129 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,779 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,661 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,426 views WordPressの導入からデザイン、プラ
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
"Viral"を生み出すための8つの手引き
Tweet Don't be lame blogger向けの情報に特化したブログ、『ProBlogger』に情報がweb上でものすごいスピードで広がっていく"Viral（バイラル）"という現象について分析した素晴らしいインフォグラフィックが掲載されていたのでご紹介。 Viralするコンテンツをつくるには、を考えるにあたってはまさに手引きといえる超大作でした。 早速以下より。 1. なぜViralは発生するのか：メトカーフの法則 メトカーフの法則というものをご存知でしょうか。 「ネットワークの価値はノード数（ユーザー数などの個体値）の二乗に比例する」という意味で提唱された法則なのですが、これがインターネットやSNS上でViralという現象が発生しうる理由とされています。 なぜならインターネットやSNSでは、関係性が広がり、関係性の間を繋ぐ方法が増えれば増えるほど、より容易に、より急速に、より
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
SEOの終わりとソーシャルとnanapiのコンテンツの未来 : けんすう日記
SEOはそろそろ終わる？ 最近、「SEOってもう終わるよね」と思っています。昔のブログを見たら、2005年にも同じこといってて恥ずかしかったわけですが、そろそろ本当に終わるんじゃないかと思ったので、もう一度まとめてみます。 あ、SEOの定義って何？という話にもなりがちなので、以下にも書いてみました。気になった方はどうぞです。 とても大雑把なSEOの言葉の定義と「SEOは終わる」議論のずれ - ロケスタ社長日記 @kensuu コンテンツビジネスの背景 まず、Webコンテンツビジネスの背景を説明してみます。 Webでコンテンツを提供している会社のビジネスモデルは、多くが広告料です。広告はいろいろな売り方がありますが、一番多いのが「ページビューの多さに応じて増えていく」というパターンです。ページビューとは、要は「そのページが見られている数」のことです。 広告には、クリック率や、効果（実際に紹介
効果的にコンテンツを配置する代表的な3つのレイアウトとは
ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象
なぜデジタルコンテンツが売れないか？DRMがダメか - はてなポイント３万を使い切るまで死なない日記
僕がデジタルコンテンツのプラットホームはどうあるべきと思っているかを説明するときに、最初に説明するネットスラングがある。 ”情報弱者”という言葉だ。 情報弱者は省略されて”情弱（じょうじゃく）”と呼ばれることのほうが多いかもしれない。 「みなさんのコンテンツをきちんとお金を払ってダウンロードしてくれるお客様のことをネットでは情報弱者と呼んでいます。お金を払わずに違法コピーを探してきてダウンロードするユーザは、ちゃんとネットの利用方法を知っている賢いひとたちですから情報強者です。わざわざお金を払ってダウンロードするひとはネットの利用方法をしらない頭の悪いひとたちですから情報弱者なのです。つまり馬鹿ということです。みなさんはお客様がお金を払ったら、まわりの友達とかに馬鹿呼ばわりされるような商品を一生懸命に売ろうとしているわけです。まずはこの現実を理解することが大事です。」 そんな説明をすると、
ゆとりでもわかるコンテンツの価格の決まり方 - はてなポイント３万を使い切るまで死なない日記
※11/22ブクマへのコメントを最後に追記 だいたいネットなんて使えない環境下のほうが人間の生産性はあがるものだ。ようするに飛行機の中で暇ということだ。 ネット時代にコンテンツの価格はゼロになるとかなるべきとかほざいている馬鹿は、いまだに世の中に多い。一般的にコンテンツの価格と制作費がどのように決まるものなのかについては以前のエントリでも書いた。前回のエントリの要点をまとめると、コンテンツの標準的な価格はプラットホームホルダーが任意に決めるものであるということと、コンテンツの制作費はそのプラットホームで回収できる売り上げによって決定されるということだ。しかし、ではプラットホームホルダーはどのようにコンテンツの価格を決定するか（できるか）については説明しなかった。 コンテンツの価格が他のものにくらべて市場原理で論じるのが難しいのは、すべてのコンテンツがそれぞれに独占商品であるという性質をもっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サウザンドメモリーズUIの秘密 - Akatsuki Hackers Lab | 株式会社アカツキ（Akatsuki Inc.)
Build and implement a single sign-on solution
http://webdesignmatome.com/webdesign/parallax_jp
Loading...