5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える
2012年 08月 24日 5つのサイトストラクチャ（Webサイト情報構造）を実際のサイトと照らしあわせて考える カテゴリ： IAシンキング Webデザイン タグ：IAシンキングWebサイト構築 サイトストラクチャとはWebサイトの構造のことです。サイトストラクチャを考える際には、作るサイトの目的に合わせた設計が必要なのは言うまでもありません。では、その目的に合わせた設計とはどういうものでしょうか？それを考えていきたいと思います。 1.サイトストラクチャ（サイトの構造）パターンについて 2.5つのパターンの解説 3.サイトの全体像と部分的な構造 サイトストラクチャ（サイトの構造）パターンについて Webサイト制作にあたり、サイトの設計で多く採用されるものとして5つパターンがあります。 階層型分類構造 ファセット型構造 Web型構造 直線型構造 ハブ＆スポーク型構造 名称だけを見てもピンと来
Web制作者は変化についていけるか？ 変化についていくべきか？
みんなが働きたい場所で働ける「リモート開発チーム」を目指してやっていること - Cybozu Days 2017 大阪Yuki Okada
なぜwebデザインは「安い」ようにみられてしまうのか? -webサービスにおける、webデザインの費用対効果(1)
突然ですが。webサービスにおける、webデザインの費用対効果について、しばらくつらつらとかいて行こうと思う。 きっかけは、デザインについての「デザインは安くすませられるよね」という社内認識にあらためてふれたことだった。 「違う、違う、そうじゃ そうじゃなーいー！」と鈴木雅之ばりに私は叫びたいものの、ポジショントークにもうけとられかねない。唇ふさいで何もいわせない、とかできないしさ。感覚として大事さはわかってるけど、それは人に論理的に伝えないと組織なんて動かない。 ならば、webサービスで利益を得ている組織(弊社はEC)において「なぜデザインは大事なのか？なぜ費用をかける必要があるのか」を徹底的に考えようと思った次第である。 ※ここでいうwebデザイン＝成果物としては制作者側の納品データ。PSDやAI、htmlやCSS、jsや画像などを意図しています。 まず、前提にある問題意識「なぜ、we
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
WEB制作のIE対策いろいろ チートシートやHTML5/CSS3対応方法など | DECONCEPTER
かわいいあいつIEとの付き合い Internet Explorer 通称 IEはかわいいやつである。私の心を掴んで離さない。IEについて言及すれば火が燃え上がる、存在が燃えている最強の火種だ。 なぜこんなにIEはかわいいのか。テーブルタグでウェブサイトをレイアウトする時代からCSSでレイアウトする時代へ移行する際はIE5/IE5.5/IE6/Mac IE5.2でどうしたら同じレイアウトを実現できるかを苦悩させてくれた強敵（とも）だった。 昨今のHTML5バンザイWEB制作においては、最新機能を使ってWEBサイトを作る上でIEの表示や機能をどうするかという話題が常にモチキリだ。 そんな我々の心を離さないIEの対策をする上で一つ一つ表示を確認しながら作っていたら日がくれて定年を迎えてしまう。IE定年を迎えないためにある程度どういう対応が必要かよくまとまっているサイトを見ていこうと思う。 チート
レスポンシブWebデザインについてのまとめ - DESIGNMAP
端末の多様化がますます加速しています。ここ数ヶ月のニュースをみただけでも、AmazonのKindle、AppleのiPad mini、GoogleのNexus、MicrosoftのSurfaceなどの端末が紙面をにぎわしています。こうした端末「超」競争時代にどうやってWebサイトを構築したらよいのか。また、Twitterのように、モバイルユーザーがPCユーザーより増えているサイトも存在しています。 この対応策として、レスポンシブWebデザインという手法が生まれました。レスポンシブWebデザインは、１枚のHTMLで、あらゆる端末に適応させる手法です。一方で、従来から行われている手法に、最適化した専用サイトを用意する手法があります。 レスポンシブWebデザインをめぐる動き 2012年6月にGoogle ウェブマスター向け公式ブログで、『Google がお勧めするスマートフォンに最適化されたウェ
WEBディレクターの「いっぱい仕事してる。」は結構危険
ディレクターがいっぱい仕事してるってことは、 そのディレクターはいっぱい時間を使って「自分のことやってる」ってことで、 その分ほかのチームメンバーに負担がいってる可能性が高いってこと。 僕らの仕事は、極端な言い方をすれば「人の仕事（やりたいこと）の手助け」。 デキるディレクターってのは、多分よりいいサービスを生み出すために、自分以外の人のために時間を多く使える人のことだろう。なんて考えてみた。 ディレクターがいなくても案件は回る。でも・・・ 僕らディレクターは、案件の規模やチームの完成度により、 「自分では何もしなくてもWEBサービスが完成してしまう」 ということが起こりえる特殊な職種です。 たとえ客先との連携がうまくいっていなくても、頑張り屋のデザイナーが先行してイメージを作ってくれれば、それがきっかけになって話が進む。なんてよくあるし、 たとえばワイヤーが不十分だったとしても、残業を繰
ここがヘンだよRWD（レスポンシブWebデザイン） / Maka-Veli .com
定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト（PC表示時）はシンプルで良いんじゃないかなと思います。（この時のポイントは企画段階時のRWD導入の見極めかなと思います） しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280（共に横）などでの閲
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
初めてでも解る。最近注目のレスポンシブウェブデザインとは何か？なぜ重要か？ - あなたのスイッチを押すブログ
ウェブディレクターとしても、ブロガーとしても、ここ最近「レスポンシブウェブデザイン」という単語を頻繁に見聞きするようになりました。はてなブックマーク界隈でも人気のキーワードとなっています。 また、ブロガー仲間の@otaman517さんや@kouseipapaさんも、最近ブログテーマをレスポンシブウェブデザインに変えたようです。 これでiPhoneからでも見やすくなったはず！レスポンシブテーマ、Originに変更しました ブログデザインを変更。レスポンシブ対応のテーマを適用しました。 かく言う私のこのブログも、実はレスポンシブウェブデザインで作られています。 じゃあ、そもそもレスポンシブウェブデザインってなんなのか？。何故、そこまで重要視されているのか。これについてお話ししていきましょう。 レスポンシブウェブデザインとは？ とてもカンタンに言えば、「すべてのデバイスに対して適切な見え方をする
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザー エクスペリエンスの 5 原則 パート 2
http://www.cmmntr.com/m/58
in the looop | Looops communications