The Secret to Building Large Websites: Website Architecture
What is website architecture?Website architecture is the hierarchy of your pages and information. This organization is closely related to information architecture (IA), but this hierarchy applies to your overall website instead of smaller pages and posts. Website architecture covers how every single page on your website fits into the overall structure. For example, say you sell lawn care equipment
[HTML] パンくずリンクについてのまとめと考察
パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。 ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。 パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、 よくあるデザインパターンは次の通りである。 1行テキスト テキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。 ページタイトルを > で繋いだもの ページタイトルを > 以外の文字で繋いだもの シンプルなリンクの羅列 区切り文字を入れずに画像やCSSで階層を表現する。 マルチステップ 開始から完了までの行程を表示する。 サブナビゲーションつき 各ページリンクに属するページを
![[HTML] パンくずリンクについてのまとめと考察](https://cdn-ak-scissors.b.st-hatena.com/image/square/d43d21ea93cda04d99f538309d396c15d2b3bb3f/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F12%2Fdelicious.png)
画面展開の表記方法 – capeknote
iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる？ 構造化寄りの表記方法は「情報アーキテクチャ、インタラクションデザイン記述のためのビ
きっと皆好きになる！手書きで作るモックアップ·DENIM MOONGIFT
Webサイトのモックアップ（ワイヤーフレーム）を作る作業は面白い。実際の開発とは異なり、想像の羽を羽ばたかせてどんどん試すことができる。そうしたツールはこれまでにも幾つか紹介してきた。 手書き風モックアップ作成 この手のツールはあまり奇麗なインタフェースであってはならない。むしろ雑さが残るくらいがちょうど良い。そこで手書きで作るDENIMを紹介しよう。 DENIMはJavaで作られたモックアップ作成ソフトウェアだ。単一ページだけでなく、Webサイト全体を構築できるのが特徴だ。 DENIMはWindows、Mac OSX、LinuxやSolarisといったマルチプラットフォームに対応したソフトウェアだ。若干特殊なインタフェースで、まるでホワイトボードに書いていくかのようにモックアップを作成できる。 まずすることは鉛筆ツールで四角を描くことだ。これが自動的にページになる。メニューから選んで奇麗
第45回 サイトマップの代表的な三つの型とそのバリエーション
今回は，サイトマップについて考えてみます。実はサイトマップの定義は余り明確ではなく，プロジェクトや開発部隊によって，その意味するところは微妙に異なるように思えます。ただし，本来の目的は，ほぼ一致していて，「プロジェクト全体を俯瞰する」ために存在すると言ってもいいように思えます。代表的な三つの型とそのバリエーションの例を示していきます。 サイトマップ基本形三種 サイトマップは，その構造から，大きく三つに分けられると思います。 一つ目は，階層型（hierarchy[階層]から「Hiermap」と略したりします）。二つ目は，2.5次元型（三次元の表示ではないけれど，平面的ではない立体的な描画方法を採っているもの）。そして，（同心）円状にページを配置した同心円型です。 これは構造上からの分類で，用途別に分類したりする方法も存在しますが，「定説」的なものが見当たらないので，ここではこの三つの分類で話
Web標準時代に求められるサイト構築法 | Web標準Blog | ミツエーリンクス
Web Designing様の主催、株式会社アドミラルシステム様の後援と協賛のもと、「Web Designing Live Seminar / Web標準」が去る5月26日に竹橋・毎日ホールで開催されました。 イベントの前半では、当Blogの運営にも携わっております弊社WEB開発チームの木達が、「Web標準時代に求められるサイト構築法」をテーマに講演させていただきました。後半では木達を含む弊社スタッフ4名が出演させていただき、会場の皆さまとQ&Aやディスカッションを行いました。 ご出席いただいた皆さまには、この場をお借りし、改めて厚く御礼申し上げます。ありがとうございました。 当日会場でお配りした資料のPDFファイルをダウンロードできるようにしました。今回の講演の資料は、以前Web Designings誌2006年3月号の「特集1：Web標準への移行のススメ」で「Web標準に準拠したサイト
The Web KANZAKI -- Japan, music and computer
こんにちは。音楽に関するいくつかのメモや、ウェブ上での情報の共有や活用に関する参考情報があります。 The English only TOC page also available. 音楽の話 ロジャー・ノリントンの話 交響曲に関するいくつかの情報 歌詞／テキストと音楽（レクイエム、ミサ曲、第九、大地の歌、ツァラトゥストラなど） NMLで聴いてメモした曲リスト 古いもの ... show 音楽雑記帖 コントラバスの話 インターネットやコンピュータの話 セマンティック・ウェブ (ジャパンサーチ非公式サポート、グラフ視覚化、画像注釈とIIIF、LD Browser) いくつかの講演スライドそして専門誌/論文誌記事など アクセシビリティおよびごく簡単なHTMLの説明 OWL語彙の実験・提案、その他いろんな試みの記録 古いもの ... show ちょっとしたメモ（主に2003～2008） ハイパー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
HugeDomains.com
Garrett『ウェブ戦略としての「ユーザーエクスぺリエンス」―5つの段階で考えるユーザー中心デザイン』 - はてなダイアリー