タグ

uiに関するmstk_knifeのブックマーク (4)

  • パターン・ランゲージとUI設計 | OVERKAST ROUGHKUT

    WebサイトのUI設計のアナロジーとして、建築家クリストファー・アレグザンダーのパターン・ランゲージについて考えてみたい。 ツリー構造とセミ・ラティス構造 まずはアレグザンダーの最初の気付きから。 長い年月にわたりともかく自然に出来上がった都市を<自然都市>、又デザイナーやプランナーによって慎重に計画された都市やその部分を<人工都市>と呼びます。(中略)今では多くの人々がなにか質的なものが<人工都市>には欠けていると感じている。 クリストファー・アレグザンダー「都市はツリーではない」 アレグザンダーは人工都市と自然都市の差異、そして人工都市のあり方を考えた末に、引用元のタイトルでもある「都市はツリーではない」という結論に至る。そして人工都市をツリー構造として計画してしまう問題を次のように考察している。 我々がツリーを考えているときは、デザイナー、都市計画家、行政当局、開発業者だけに適合の

    パターン・ランゲージとUI設計 | OVERKAST ROUGHKUT
    mstk_knife
    mstk_knife 2011/12/18
  • プログラマのためのUXチートシート — ありえるえりあ

    はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ

    mstk_knife
    mstk_knife 2010/11/22
  • サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」:phpspot開発日誌

    サイトのサイトマップページをCSSJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 2007年10月11日- Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript I believe that it isn't necessary to point out the benefits of having a sitemap somewhere on your site.サイトのサイトマップページをCSSJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 スタイルなしの状態のリストを美しくツリー状に整形できます。 JavaScript によってツリーがクリックで開閉できます。 3種類の違うスタイルのサンプルが公開されているのでお好みのサンプ

    mstk_knife
    mstk_knife 2007/10/12
  • ソシオメディア | UIデザインパターン

    ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

    ソシオメディア | UIデザインパターン
    mstk_knife
    mstk_knife 2007/06/07
  • 1