タグ

UIに関するhonamisのブックマーク (6)

  • DISられないUIを作るために最低限守るべき5つの鉄則 - たごもりすメモ

    ぼくらが迂闊にUIを作ると、そこにはユーザの正直な目線があり、非常に様々な、そして真っ当な反応がある。 曰く「わからん」「まさかそこをクリックするとは」「不思議な動作」「独自宇宙」「モリスUI」。 反応がもらえるのは非常に良いことだが、何度も何度も繰り返しているとつらくなってくるので、できれば避けたい。分かっている(いた)ことは最初から対応しておきたいものだ。*1 ということで、ここではブラウザで操作する管理画面等のWebUIを作るとき、真っ先に心得ておくべき5つの鉄則を紹介したい。これを守っていてもDISられなくなるというわけではないが、これを守らないと間違いなくDISられるので注意しよう。 なおこの記事ではオリジナリティというものについては考慮しない。オリジナリティとか犬にわせろ。 クリックできる場所はcursor:pointerを指定しろ これを忘れるとこの世のものとは思えないくら

    DISられないUIを作るために最低限守るべき5つの鉄則 - たごもりすメモ
  • jQuery UI API 1.8.4 日本語リファレンス - StackTrace

    jQuery UI API 1.8.6 の日語リファレンスです。 ソースコードを読み、jQuery UI(公式サイト)のドキュメントを参考に解説しました。 また、全ての解説に、実際に実行できるサンプルを付けました。 jQuery UIとは jQuery UIとは、jQueryライブラリ上に構築された強力なユーザインターフェースライブラリです。 jQuery UIの構成 jQuery UI 1.8.6 は、大きく分けて「インタラクション」「ウィジェット」「ユーティリティ」「ビジュアル効果」3つのカテゴリに分けることができます。 それぞれ、次の機能が提供されています。 インタラクション 対話型ユーザインターフェースを構築するためのライブラリ ライブラリ説明対応ファイル

  • メイリオとMeiryo UI って全然違うからね? / Maka-Veli .com

    意外に知らないんだなーと思って。 Meiryo UIWindows7から登場したメイリオフォントの改良(もしくは派生)版です。 メイリオはVistaからですね。 このブログはヒラギノの次にMeiryo UI 、次にメイリオ指定です。 どちらが良いのかは個人差分かれると思います。 大きな違いはカナと文字詰め。 Meiryo UI のカナは半角と全角の中間?というくらい Narrow な感じ。 文字間も詰められていて、これを使うと、かなり全体的に詰まった印象です。 メイリオは一応プロポーショナルフォントらしいですが、和文が等幅なので感じられず。 カナが入ると、かなり横幅が変わってきます。 このようにまとまった文章で見比べると、テキストのボリューム感もだいぶ違いがわかります。 ブラウザでの見え方はこんな感じ しまった・・・英字はArialで表示されてます。 同様の事

  • 【C# Advent Calendar 2011 12/19】 Windows.FormsだってTDD! - an SE diary

    このエントリはC# Advent Calendar 2011の19日目のエントリとなります。 18日目はkkamegawaさんの.NET 4.5でのTPL改良についてです 20日目はzoetroさんのReactive Extensionsでセンサプログラミングです 今月に入って、テストのないレガシーなWindows.Formsのやっつけコード(とバグ)を量産しているmasakitkです。 11月にはAdventCalendarのネタを考える時間があったのですが、忙しくなってどこかに吹き飛んでしまいました。 ということで、NUnitFormsをつかったWindows.FormsのGUIまわりのTDDについて書きます。 手順としては、 まずはUIのデザインを行う。 テストを書く(Nunit、NunitForms) 実装を行う (リファクタリングする:今回割愛) といった進め方になります。 UI

    【C# Advent Calendar 2011 12/19】 Windows.FormsだってTDD! - an SE diary
  • IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開

    業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U

    IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
  • Windows ユーザー エクスペリエンス ガイドライン

    Windows ユーザー エクスペリエンス ガイドライン 更新日: 2009 年 8 月 24 日 Windows ユーザー エクスペリエンス ガイドライン 概要版 ダウンロード (XPS、15.9 MB | PDF、6.08 MB) ドキュメントは以下の方々を対象としています 開発者、設計者、デザイナー、プログラム マネージャー Windows 上で動作するアプリケーションのユーザー エクスペリエンスを設計・デザインするには、Windows のデザイン原則を共有して、他の要素との親和性を考慮し、ユーザーが混乱なしに効率的に操作できるようにする必要があります。この冊子では、特に Windows 7 の新機能であるタスク バー、リボン、タッチなどに対応した、優れたユーザー エクスペリエンスを持つアプリケーションの設計・デザインに役立つ情報を収録しています。 この冊子の内容は、Windows

    Windows ユーザー エクスペリエンス ガイドライン
  • 1