HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
User Experience Design
I’ve been practicing information architecture since 1994, and from Gopher to Google have seen dramatic changes in the landscape of organization, search and retrieval. Through these ten tempestuous years, I’ve found the infamous three circle diagram to be a great tool for explaining how and why we must strike a unique balance on each project between business goals and context, user needs and behavi
セミナー「ソーシャルメディア時代の企業Web戦略」の資料を公開: DESIGN IT! w/LOVE
見ない夢は叶わない。だから、夢見ることも僕たちの仕事です今回のセミナーでは、現在のようなソーシャルメディアが隆盛の「つながった時代」を、企業が生き抜いていくために取りうる戦略を、さまざまな企業の事例を集めて、それを「共感・共創・共有」の３つに分類して捉えながら紹介しています。 もちろん「共有」の戦略の部分では、リサ・ ガンスキーの『メッシュ すべてのビジネスは〈シェア〉になる』やレイチェル・ボッツマン＆ルー・ロジャースによる『シェア <共有>からビジネスを生みだす新戦略』<共有>からビジネスを生みだす新戦略などで紹介されたシェア＝メッシュのビジネスの事例を紹介しつつ、これから来るグランズウェル（大きなうねり）に際して企業がどう立ち向かえばよいかを考えるヒントもお話させていただきました。 ソーシャルメディアに限った話ではありませんが、何か新しいトレンドがあると「それを使うことでどんな効果があ
1991年の資料から学ぶ情報デザインチェックリスト
Web デザインをきっかけに知ることになった方も多いと思いますが、IA (Information Architecture) の歴史は長く 30,40 年ほど遡ることが出来ます。IA と明確に書かれていない書籍でも IA に関わる資料が昔からたくさんあるわけですが、当時はどのようなことが書かれていたのでしょうか。今と変わらないもの、そして今とは違う事柄はあるのでしょうか。Volkside の「17 guidelines for better information architecture…from 1991」という記事で Kent L. Norman が執筆した「The Psychology of Menu Selection: Designing Cognitive Control at the Human/Computer Interface」という書籍が紹介されています。 1991
関係作りとしての IA の役割
IA (Information Architecture) において「関係」は重要なキーワードです。ページを構成する情報と情報との関係、サイト内のページとページとの関係。コーポレイトサイトであれば、メインサイトとサテライトサイトというサイトとサイトの関係も考慮します。これに加え、利用者という別の軸の関係も考慮して情報を組み立てて行きます。こうしたことから、IA の専門家達は、建築、情報科学、インダストリアルデザイン、認知学など様々な分野の知識に長けている方が少なくありません。彼等はその広い知識を活用することで様々な情報とコンテキストを繋ぎ合わせている（関係を作り上げている）といえるでしょう。 近年、情報とコンテキストが多様化し初めています。 情報の種類はテキストから動画まで様々ですし、サイズや扱われ方もたくさん出てきました。また、利用者が情報にアクセスする背景を考えてみると、自社の Web
SEOと情報アーキテクチャ: 定義・サイト構造・ドメイン最適化 ｜ SEOモード
情報アーキテクチャ（IA）とSEOはどのような形で関わり合うのでしょうか。適切にIAを実践できればSEOは必要ないという意見もあるかも知れませんが、IAが内部情報の適切な設計に関わる役割を果たす一方で、トラフィックを生むSEOを必要としているサイトは決して少なくありません。 ここでは、Adam Audette氏の『The SEO Guide to Information Architecture』の全訳を3回に分けてお届けいたします。 Audette氏は、SEOの視点から情報アーキテクチャを考え、そこからいわゆる内部SEOを実践することの重要性を説いています。しばしばクローラー対策一辺倒のサイト制作になりがりなSEOにおいて、今日、ユーザーに配慮した情報設計や導線設計が不可欠と考えられていることは周知の通りですが、それをいかに実践するかのヒントを、ある程度の分量で提供してくれているこの記事
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX&D For more information on the Global Experience Language visit bbc.co.uk/gel 11 Image Ratio 16:9 10 Footer BBC © MMX The BBC is not responsible for the content of external internet sites. BBC Help Accessibility Help Parental Guidance Jobs About the B
GVL3.0StyleguideVersion01|April2010 Building a Global Experience Language for the BBC Global Visual Language 3.0 UX&D GVL3.0StyleguideVersion01|April2010 UX&D 2 00 Introduction 01 Philosophy 02 Foundations 03 Building Blocks 04 Patterns 05 Thanks GVL3.0S
adaptive path » podcasts
Boxes and Arrows - the design behind the design
http://www.cms-ia.info/products/wc2-ia2010/