タグ

2013年9月27日のブックマーク (3件)

  • Webサイト開発にパワーを与えるデザインテンプレート·Semantic MOONGIFT

    SemanticはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。 Bootstrapはとても人気がありますが、より実践的に使われるであろうUIコンポーネントを多数提供してくれるデザインフレームワークがSemanticです。 ID、パスワード入力フォーム。 チェックボックス。 ローティング。これは良くある処理だけに便利ですね。 入力エラーも項目毎の表示がサポートされています。 ボタン。 押せる/押している/押せないといった各ステータスごとの表示ができます。 Bootstrap並に様々なカラー設定が用意されています。 こんなフィード表示も。 日付を表示したり、下に追加の画像を表示したり。 コメント。カード型で格好いいです。 多段のコメント。 アイテム。こういう表示も良くありますよね。 さらに複数並べた形。左右はつながっています。 最近多い背景を

    Webサイト開発にパワーを与えるデザインテンプレート·Semantic MOONGIFT
    zyakky
    zyakky 2013/09/27
    Bootstrapみたいな
  • IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 - とめちゃん's 本ログ

    IA100 —ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 SMC夏期集中ワークショップ2012 「では、どう伝えればよかったのか」リスクコミュニケーションの肝を考える 参加メモ : http://blog.goo.ne.jp/aki-nagi-kae/e/79f1780dfbe3773f4c0da389ce23da9f の講師だった、長谷川さんの著書です。Webサイトの設計をする方なら、机の上にあって良いだと思います。読むというより、必要な時に参照して使うだと思います。 以下、抜粋(INTRODUCTIONのみ)■ ★01 情報アーキテクチャ 複雑な情報を分かりやすく伝えるための技術 Information Architect 1)データの持っているパターンを整理し、複雑なものを明快にする人 2)人が知識への経路を見つけるための情報の構造や地図を作る人 3)時代の要

    zyakky
    zyakky 2013/09/27
    IA100まとめ
  • 【Information Architecture】01_What is IA? - TokyoHeadTerminal

    「IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。 01_情報アーキテクチャとは何か 情報をわかりやすく伝えるための技術、そして思いやり データの持っているパターンを整理し、複雑なものを明快にする人 人が知識への経路を見つけるための情報の構造や地図を作る人 時代の要請により21世紀に新しく生まれつつある、明快さ、理解そして組織化の科学を専門とした職業 02_なぜ情報アーキテクチャが必要なのか Webサイトにおける情報アーキテクチャの3つの役割 利用者が情報を探し、活用できるようにする 使い勝手が向上し、ユーザが欲しい情報にアクセスできる サイトを学習できる お問い合わせが減少する 情報提供者が自分の意図通りに情報を指示できる 意図しているメッセージ・コンテンツを適切に伝えられる ユーザに正しく見つけてもらえる どうして失

    【Information Architecture】01_What is IA? - TokyoHeadTerminal