写真やプレゼンテーションのスライドショーは、画像自体をクリックすると次へ進めると絶対にいいと思う。目を離して、NEXTとかを探してクリックするのが大変。次へ、の位置がずれなきゃ、ポイントして動かさずにクリックしていきゃいいんだけど、たぶん、目線と注意の関係の問題。 ちょっと見づらい。 Sarah PickeringRails、そしてPHP 見やすい。 RHG 読書会
Snap Ajaxバリバリの面白UI検索エンジンsnap。インタフェース的にもクールでよい感じです。 検索結果をクリックで大きいサムネイルを表示して確認後、移動できるようになっています。 実際に使いやすい検索エンジンかどうかは別にして、 サイト作成時、サイトのインタフェース的にインスパイヤできる点があるかと思います。
The AutoComplete control provides the front-end logic for text-entry suggestion and completion functionality. See the Yahoo! UI Design Pattern Library description for AutoComplete to get a fuller sense of the underlying design patterns in the AutoComplete family. AutoComlete's provides a high degree of configurability so developers can implement these design patterns quickly and flexibly. Top feat
アイコンやウインドウを実際の書類や本などと同じようにして扱うことができる3次元インターフェースです。実際の机の上に置いている書類や本棚みたいなのを想像してもらうと、いかに直感的な操作方法なのかが分かると思います。 実際に動作している様子のムービーを見るとそのことが非常に良く理解できます。ちょっとおはじきっぽい。ムービーは以下から。 YouTube - BumpTop 3D Desktop Prototype https://www.youtube.com/watch?v=M0ODskdEPnQ 高解像度のムービーは以下の公式サイトからダウンロードできます。 BumpTop Prototype - HoneyBrown.ca http://honeybrown.ca/Pubs/BumpTop.html 実際にはこういうペン形式での操作を主眼に置いているようです ムービーを全部見れば分かります
naoyaさんとmiyagawaさんが面白い議論をされていたので、僕もちょっと考えてみました。 バックエンドアプリケーションの API インタフェースを規定するフロントエンド特化型アプリケーション API, UI as Commons お二人の議論を参考に図にしてみると、こんな感じになるのかなと思いました。 こうして図にしてみると、以下のようなアイデアが出てきました。 データソースは、RSSやAtomフィードよりも知的な感じがする(ロジックが組み込まれるため) ユーザーが定義したデータソースもfeed的に扱って、データソースのランキングができると面白いかも (データソースはURIで一意に選択できるため、データソースをfeed的に扱うことは可能だと思います) 異なるドメインに配置されたデータソースにアクセスするためのGatewayをLivedoorで用意しなければならない (XMLHttpR
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
え、ロングテールとか、新しい経済のモデルとか、そんな話もあるけど、Googleはインタフェースとインタラクションの企業でしょ?って思うわけだが。 AJAXがすごいとか騒いでるのは、ちょっと悲しい。それより、なぜGoogleは、ブラウザ互換など問題にあふれるJavaScriptを駆使して、AJAXを使うのか?そこを考えるべきだ。 当然だが、ユーザインタフェースの話は欠かせない。そして、なぜユーザインタフェースにこだわるのかも考える必要がある。 単純に、使いやすい!便利!をねらっているわけではない、のがたぶんGoogleの戦略だと思っている。 Googleとテリーウィノグラード おそらくGoogleを理解するためのキーとなるのは、テリーウィノグラードだろう。ウィノグラードは、元々人工知能の研究者で有名かつ権威でもあったが、人工知能の限界を提示し、HCI研究者へと移った。(そのことについては以下
実際にサイトをレイアウトする手始めの段階で必ず考えておかなければならないのが、ターゲットとするユーザーのサイト利用環境、ターゲットモニターサイズである。サイトを閲覧するために一般ユーザーが使っているPCのモニター表示解像度は、人によって大きく異なる。現在標準と言われている表示解像度は、XGA(1024×768ドット)だ。現在の標準的なPCがこの解像度を使っており、比較的古いタイプのPCでもこの程度のサイズをカバーしている。古いラップトップパソコンを使っているユーザーであれば表示解像度はSVGAの可能性があるが、PCの最小表示サイズVGAモード同様、新型のOSが対応するPCではあまり日常的に使われていないと考えてよい。また現在ではSXGA(1280×1024ドット)の解像度も優勢で、WindowsXPやMacOS X世代のOS対応機はこの環境に対応するものがほとんどだ(図1)。 モニターサイ
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階: 訪問者は最初にページの
“IT(情報技術)とデザインの融合”をテーマとしたデザイナー/開発者向けカンファレンス“DESIGN IT! Conference 2006 Spring - CMS にみるITデザインの可能性 -”が11日と12日の2日間、東京・秋葉原の秋葉原コンベンションホールにおいて開催された。主催はソシオメディア(株)。 本イベントは、IT産業をデザインの側面から補強・強化していくことを念頭に、ビジネスとITとの関係性をデザインによって“可視化して管理する”こと、利用者に使いやすいITのデザインによって“ビジネスを最大化する”こと、人を中心に置くデザインの諸活動を“企業・行政・教育機関の諸組織のあり方と社会インフラの改善へとつなげる”こと、を目標に掲げている。 第1回のテーマは“コンテンツマネージメント”を中心に、関連の深い“情報アーキテクチャー”や“インタラクション”といった話題について、内外の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く