タグ

まとめとUIに関するxiuxingのブックマーク (4)

  • Collect UI

    You can see the designs from the ui challenge below, we extended it with the components we found, updating daily. See stats for frequency.

    Collect UI
  • 購買意欲をコントロールするサービス・商品の価格一覧表を作成する7つのテクニック

    ウェブサービスの価格一覧表をサンプルにし、ユーザーの購買意欲をコントロールする価格一覧表を作成するテクニックを紹介します。 価格の一覧表を見るユーザーの一番の目的は、価格を知ることです。しかしながら、価格を強調しすぎて、お金を使うということを意識させすぎないでください。苦労して手に入れたお金を使っているように感じると、ユーザーはより使わないように思ってしまいます。 価格のデザインはソフトにし、それ自体の特徴やベネフィットにフォーカスをあてるようにします。 ユーザーがどの商品を選択するか決めている時に、あなたはその決め手として価格にフォーカスを合わせることを望んでいますか? それとも特徴やベネフィットにフォーカスを合わせてほしいですか? もし、ユーザーが価格にフォーカスを合わせるのであれば、それは最も安いものに決めるでしょう。しかし、特徴やベネフィットにフォーカスを合わせるのであれば、ユーザ

  • テーブルを見やすく、使いやすくするためのアルティメットガイド

    ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単

    xiuxing
    xiuxing 2010/03/01
    テーブルを使ったデザイン参考
  • クライアントを刺激する管理画面のインターフェース10選

    バックエンドの管理画面のインターフェースをかっこよくしたい。 そんなときにおすすめなのが、『10 inspiring admin interfaces』。クライアントを刺激する管理画面のインターフェース10選だ。 以下にいくつかご紹介。 ↑のキャプチャは、AIGA CMS。 Mosso Movable Type 4 Symphony Reflect Expression Engine 2 その他のリストは以下から。 » 10 inspiring admin interfaces クライアントを刺激する管理画面のインターフェース、チェックしてぜひ参考にしてみてはいかがだろうか。 よぅし。最近早起きするのが快感になってきた。いろいろ作業を進めよう。 そうだ友人とのマッシュアップ大作戦が進行中だよ。

    xiuxing
    xiuxing 2010/02/16
    管理画面のインターフェース集
  • 1