タグ

uiに関するkuwaのブックマーク (92)

  • さしこみやすい新型コンセント

    IDSA(アメリカ・インダストリアルデザイナー協会)のコンテストで栄冠を勝ち取った新型コンセントのアイデアは非常に秀逸。上図を見れば分かりますが、単純にさしこみやすくしただけ、しかしこれだけで使い勝手が格段に上がるのは確実なわけで。すばらしい。 詳細は以下参照。 2006 IDEA Winners: Student Designs 掃除機とか使うときにいつも、あのコンセントがもっと差し込みやすかったらいいのに、思うのですが、このコンセントいいなぁ…。でも邪魔になりそうだな…。

    さしこみやすい新型コンセント
  • 多くのユーザーは一度に1本しかジュースを買わない ― @IT

    ユーザビリティのヒント(1) 多くのユーザーは 一度に1しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ

  • http://www.tv-osaka.co.jp/mymelo_kurukuru/bbs/bbs/bbs.cgi

    kuwa
    kuwa 2006/04/04
    何故子供に「はんかくすうじでいれてください」などと命令するのか。そのぐらい変換すべきじゃないか?
  • ユーザーが間違えても間違えなくてもエラーは回避せよ ― @IT

    Webアプリケーションのユーザーインターフェイス[8] ユーザーが間違えても間違えなくても エラーは回避せよ 「経験則その4:エラーの回避」 ソシオメディア 上野 学 2006/3/15 ユーザーは間違えるものとし選択を制限するか、ユーザーは間違えないものとしエラーメッセージの廃絶を目指すか。あなたの目指す方向性はどっちだ?(編集部) 前回の「すでに入り口にいるのに、ホームに導くボタンは親切か」では、経験則その3として「可視性とフィードバック」の話をしました。ユーザーが思いどおりにシステムをコントロールでき、そしてシステムの状態が常に分かるようになっていることが大切であるという話でした。しかしいくら操作性が良くても、何か作業をしている間に何度もエラーが発生してやり直しが多くなってしまうのではいけません。 エラーはタスクの進行が失敗したことを意味し、ユーザーとシステムの対話はそこで止まってし

  • Yahoo!<wbr> Design Pattern Library

    Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and code with the web design and development community, we hope it's useful, and we look forward to your feedback. (A pattern describes an optimal solution to a common problem within a specific context.)Welcome Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and code with th

  • TurboWidgets

  • Ajaxでタブインタフェースを実現するためのライブラリ:phpspot開発日誌

    havocStudios: Ajax tabs CSS Tabs seem to be all the rage with the kids these days. I love the idea of them. It seems that the most popular method of creating tabs using CSS is the Sliding Doors method. They seem to look the coolest and are very easy to implement. However, they're so... static. Ajax Tabsを使えば次のようなCSSベースでデザインされたタブインタフェースの部品が簡単に作れます。 Ajaxを使ってタブが更新されるため、各タブ内のページ(HTML)は独立したファイルにすることが可能で

  • fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う

    お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ

    kuwa
    kuwa 2006/02/22
  • 川o・-・)<2nd life - MigemizeExplorer が便利すぎる件

    http://www12.plala.or.jp/yoshi223/MigemizeExplorer/ 今更ですが、使ってみたら超便利だったので紹介。普段キーボードを使ったexplorerでファイルを選択をする時は、頭文字の英数を打って目的のファイルの近い場所まで移動して選択したりしてます。日語ファイル名の場合はより面倒です。そんなときMigemizeExplorerを使うとファイル選択がとても簡単になります。 Migemoはみなさんご存じのローマ字で日語インクリメンタルサーチできるツールで、使ったことがある人はわかると思いますが、いちいちIMEを立ち上げずとも日語を検索できるので大変便利です。その Migemo 検索を簡単にexplorerからできちゃうようにするのが MigemizeExplorer です。 MigemizeExplorerを立ち上げればexplorerのどこから

    川o・-・)<2nd life - MigemizeExplorer が便利すぎる件
  • 分裂勘違い君劇場 - 見た瞬間に使い方の分かるユーザインタフェース

    「初心者にわかりやすいGUI」については、この記事のid:naoya氏の気持ちは、分かる気がします。 まず、プロのGUIデザイナーと実プロダクトの仕様について議論すると、ほとんど必ずと言っていいほど議題に上がるのが、「とっつきやすや」と「機能性」のトレードオフ。 よく、回すべきなのかスライドべきさせるのか、押すんだか引くんだかよく分からないドアというのがある。ドアのどちら側を押すべきなのかも分かりにくいことも多い。それは、ユーザインタフェースが、self explanatory(自己説明的)じゃないからだ。これは、よくユーザインタフェースの設計ミスの事例としてやり玉にあげられるんだけど、ぼくは、それはそんなに単純な話じゃないと思うのだ。 たとえば、丸い取っ手のあるドアは、見た瞬間、「ああ、これはドアノブを回して引くんだな」ということが、直感的に分かる。つまり、そのドアノブは、「機能」を提供

    分裂勘違い君劇場 - 見た瞬間に使い方の分かるユーザインタフェース
  • OKボタンの位置はどこが適切?

    弊社業務状況のご案内 2020年7月から弊社はフレックスタイム制による毎日の出社勤務体制としていますが、状況により在宅勤務体制に変更する場合もあります。 なお、オフィスは宅配便や郵便物等の受け取りは可能です(10:00〜17:00)。 Pickup2020/04/05 Windows WPF用カラーモード編集ツールのリリース 話題のダークモードアプリ開発に向けたツールを開発しています。 ダークモードに関するデザイン情報を含めてのご案内です。 開く

    kuwa
    kuwa 2006/01/31
    キャンセルボタンとOKボタンは左右に離し、右にOKボタン。が最適。
  • iv.xight.org - 情報視覚化

    ■ Information Visualization の用途 情報検索 データ解析 プログラムデバッグ ■ Information Visualization に必要な技法 必要なものだけ表示する技法 画面の表示可能領域に制限 情報を選択的に表示 ズーミング手法・フィルタリング手法・重要度計算手法・画面を歪ませて表示する手法 e.t.c. 全体と詳細を同時に見る技法 全体を概観しながら詳細も見ることが可能 ズーミングの応用 抽象データの画面へのマッピング技法 表示すべきデータがユーザ操作により変化 表示すべき情報をどのような位置,形,色で表示するか グラフの自動配置手法・階層構造の表示手法 e.t.c. 自動レイアウト技法 重なりがちゃんと見えるように グラフの自動配置手法の一つ? インタラクション技法 直接操作によって画面を移動・拡大させたり,条件を変更して動的検索を行ったりする手法

    kuwa
    kuwa 2006/01/05