タグ

UXに関するkero_mi_chanのブックマーク (3)

  • Bootstrapで物足りなく感じているウィジェットをまとめて提供·Fuel UX MOONGIFT

    Fuel UXBootstrap用、JavaScript/CSS製のオープンソース・ソフトウェア(MIT License)です。 Bootstrapを使ってWebアプリケーションを開発していると、どうしても足りないコンポーネントが出てきます。ネットで探せば見つかるのですが、組み合わせている内にバランスが悪くなってしまいます。そこで使ってみたいのがFuel UXです。 様々なウィジェットが提供されています。まずチェックボックス。 コンボボックス。選択した情報が取得しやすいです。 データグリッド。検索でのフィルタリング、ページネーションもサポート。 検索すると右側に×ボタンが出ます。分かりやすいですね。 タグ。×ボタンも出ていて消すのも簡単です。 検索ボックス。 スピナー。上下のボタンを使って値をインクリメントできます。 ツリー。エクスプローラライクな表示が実現できます。 ウィザード。パン屑

    Bootstrapで物足りなく感じているウィジェットをまとめて提供·Fuel UX MOONGIFT
    kero_mi_chan
    kero_mi_chan 2013/10/21
    ふむ。これがあればだいたい事足りるかな。
  • 優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog

    こんにちは、だいきです。 海外UIデザインに関する記事「14 Golden Eggs of Good UI Design(直訳: 優れたUIデザインの14の金の卵)」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました! (この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。) 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX(ユーザーエクスペリエンス)をユーザーに与えたいですか?

    優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
  • UIの改悪がUXを改善させる場合 - A Successful Failure

    2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UIGood UX UIUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXUIの違い」というエントリにおいてコーンフレークの例を元にUIUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている(次の写真は当該エントリからの引用)。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、当にこのATMUIは素晴らしいのかという疑問が残る。つまり「Good UIGo

  • 1