uiに関するnshashのブックマーク (73)

  • http://www.yasuhisa.com/could/entries/001157.php

    nshash
    nshash 2007/06/28
    タッチスクリーンはUIが問われるという話。その点、iPhoneは情報を適切に「見える化」した点で優れている。ところで、文字入力のマンマシンインターフェイスに関わる革新的UIというのはいつ現れるんだろうか?
  • The Tabbed Breadcrumb Navigation

    nshash
    nshash 2007/06/24
    Web以外だとVistaやWMP11のアドレスバーに使われてますね。メニューが多いサイトにはイイと思います。
  • http://japan.internet.com/busnews/20070309/6.html

    nshash
    nshash 2007/06/14
    「iPhone が Ajax アプリケーションの主要プレーヤーになる」というのを聞いて、こういうことを思った(http://note.openvista.jp/114/
  • ソシオメディア | UIデザインパターン

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

    ソシオメディア | UIデザインパターン
    nshash
    nshash 2007/06/05
    よくまとまってます。
  • First Look: Microsoft Surface Computer! | Larry Larsen | Channel 10

    About a year ago I gave a presentation to a group of journalists about gadgets of the future and showed a video about a theoretical multi-touch computing system. When asked when we would see something like that in the wild, I optimistically ballparked 5-7 years. You can imagine my surprise when I walked into a room at Microsoft and found a fully functioning Microsoft Surface Computer (more than on

    nshash
    nshash 2007/06/01
    iPhoneもそうだが、やっぱタンジブルコンピューティングってのは究極のマンマシンインターフェイスだな。Amazon Readerとかがコレに組み込めたら面白そう。
  • アップル ヒューマンインタフェースガイドライン

    アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ

    nshash
    nshash 2007/04/14
    PDF->製本してじっくり読みたいリソース
  • http://eion.xiii.cc/archives/2006/06/09/152447104/

    nshash
    nshash 2007/03/18
    はてブでフロー型の更新をしてるから、ブ日記はストック型でなくては。そのためにはこういうものが必要。「版数」が分かるとなおいいんだけども。
  • ユーザー・インターフェイスの設計に大切なのはデザイン・ポリシー

    何かの「ユーザー・インターフェイス」を決める時に大切なことは、自分なりのはっきりとした「デザイン・ポリシー」を持って、誰が何と言おうと最後までそれをしっかりと押し通すこと。そういう「柱」をしっかりと持たないで作ったものは、往々にして「妥協の産物」になってしまう。 私が常に心がけていること(つまり、私のデザイン・ポリシー)は、「ユーザー・シナリオを80:20ルールで切り分け、常に80の方(つまり多くの人が使うだろう機能)を最優先にした設計にし、20の方(あった方が良いかもしれない機能、一部の人が必要とするかもしれない機能)は思い切って犠牲にする」こと。 典型的な良い例が、Youtubeを見るためのサービス、Rimo と oreseg。 機能的には、カテゴリー分けはしてくれているし、サムネールから自分で見たいものを選べるし、oresegの方が上である。しかし、「ただだらしなく面白そうなビデオを

    nshash
    nshash 2007/03/07
    コンセプトを明確にUIに反映し、それ以外の細部は割り切ることという話。「ただだらしなく面白そうなビデオを見たい」という視点からみた「8割の要望」にあっているのはRimoで、まぁ別視点の8割はOresegになるだろうね。
  • Pure CSS menus

    Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,

    nshash
    nshash 2007/03/04
    XHTML+CSS(IE6は+DHTML)で作るポップアップメニュー、Web Standardに沿っていてかつ幅広いブラウザに対応するものはこことYahoo! UI以外はあんまり無いはず。
  • Slider の利用方法

    Ajax ライブラリとしてスライダーの API が色々と公開されていますが、それとは関係なく、1年近く前にみつけてエントリーしていなかったWebFX:Slider を紹介したいと思います。 Value: Slider は Mozzila 系ブラウザで動作しなかった、同サイトで公開されていた slidebar を新しく作り直したものです。 なお、WebFX は、国内ではグラフ描画の Chart Usage がブログ等で紹介されています。 1.機能 Slider は下記の機能があります。 スライダーを操作することにより、予め設定した最小値?最大値の値を取得 予め設定したデフォルト値の位置にスライダーハンドルを固定 値の途中変更が可能 スライド方向(縦・横)を指定可能 また マウスサポート(ドラッグだけでなくクリックによる操作も可能) キーボード操作のサポート(矢印キーやPageUp/PageD

    Slider の利用方法
    nshash
    nshash 2007/03/04
    スライダコントローラ with javascript。フォントサイズの変更とかコレでできると素敵かも。
  • fladdict.net blog: アフォーダンスってなんザンス?

    デザイン業界で一時期大流行だった「アフォーダンス」という言葉なんですが、聴いたことはあるけど意味となるとイマイチ「?」、って人は多いんじゃないでしょうか。 そもそも混乱が起きるのは、生態心理学用語のアフォーダンスと、勝手デザイン用語のアフォーダンスと言うのは指し示すものが違うからです。さらに事態をややこしくしているのは、深沢直人氏や佐々木正人氏がデザインを語るときに使うアフォーダンスは、正統な方のアフォーダンスだったりします。おかげで意味が大混乱。 自分の復習もこめて、そんなアフォーダンスの話。 そもそもアフォーダンスというのは、生態心理学者ギブソンが提案した、「行為者とモノとの物理的な行為の関係性」を示す造語です。 例えば、僕と椅子の間に「僕が座ることができる」という関係性があるときに、両者の間に「座れる」というアフォーダンスが存在する、あるいは「椅子が座るという行為をアフォードする」と

    nshash
    nshash 2007/02/22
    存在的・客観的アフォーダンスと認識的・主観的アフォーダンスの定義について…わかりやすい。後者は環境管理(e,g, マクドの硬いイス)ネタに関わってきそう
  • 小気味よいインターフェイスが特徴のCD/DVDジャケット検索 - AllCDCovers - sta la sta

    http://www.allcdcovers.com/ CDやDVDのジャケットを検索するサービスはいくつかありますが、こちらのAllCDCoversはジャケットを探す際の小気味よいインターフェイスが特徴かなと。 実際にBrowseからCDのジャケットを探してみてもらえば、そのスイスイっと探せる感じが楽しいです。 特に個人的にこれは便利だと思ったのが、検索結果が複数ページにわたっている場合。 ページ番号が「1 2 3 4」と並んでいると、例えば自分の探したいアーティストの名前がアルファベット順でどのページに含まれているか適当に当たりを付けてページを選択するのが普通かと思います。 しかしこのAllCDCoversでは、各ページ番号にマウスをのせるとそのページの始まりと終わりの商品名がポップアップで表示されます。 これなら自分の探し物がどのページに含まれているかが簡単に分かりますね。 ひょっと

    小気味よいインターフェイスが特徴のCD/DVDジャケット検索 - AllCDCovers - sta la sta
    nshash
    nshash 2007/02/22
    これはいいおもてなしですね。
  • Yahoo! Design Pattern Library

    Welcome 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. In fact, we've just launched two new Design Pattern forums: one for discussing this pattern library and another for talking about the ins and out of writing design patterns and maintain

    nshash
    nshash 2007/02/12
    antipopさん経由。また必要な時に見る。