MSN はニュース、天気、エンタメ、マネー、スポーツ、ライフスタイル、自動車などの最新情報と、動画、Bing検索、メールの Outlook.com (旧 Hotmail)、Skypeなどを提供する Microsoft が運営するポータルサイトです。
![MSN Japan - ニュース, 天気, メール (Outlook, Hotmail), Bing検索, Skype](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bf7c0378dadd826a4e2bc329e86c83fbf937c4f/height=288;version=1;width=512/http%3A%2F%2Fstatic-global-s-msn-com.akamaized.net%2Fhp-ks%2Fsc%2Fc6%2F519670.jpg)
個人的になメモもかねて、ゲーム中のかっこいいインタフェースを集めてみました。 随分と偏りがありますが... (追記) 「Cold of Duty 4」とおまけで「斑鳩」を追加しました。 Wipeout XL シグノシスという会社がつくったレースゲーム。 The Designers Republic(→http://www.thedesignersrepublic.com/)をはじめて知ったきっかけがこれ。とにかく衝撃的。 そういえば、テクノのCDを漁るきっかけを作ったのもこれがはじまりだったっけ。 Wip3out (Wipeout3) Wipeout3作目。もちろんThe Designers Republicがインタフェースなどを担当。全てが洗練されていてヤヴァイ。 インタフェースとは関係ないけど、未だこれを超えるWipeoutはないと思う。 R4 ナムコのR4。この時代のナムコは間違いな
■ Information Visualization の用途 情報検索 データ解析 プログラムデバッグ ■ Information Visualization に必要な技法 必要なものだけ表示する技法 画面の表示可能領域に制限 情報を選択的に表示 ズーミング手法・フィルタリング手法・重要度計算手法・画面を歪ませて表示する手法 e.t.c. 全体と詳細を同時に見る技法 全体を概観しながら詳細も見ることが可能 ズーミングの応用 抽象データの画面へのマッピング技法 表示すべきデータがユーザ操作により変化 表示すべき情報をどのような位置,形,色で表示するか グラフの自動配置手法・階層構造の表示手法 e.t.c. 自動レイアウト技法 重なりがちゃんと見えるように グラフの自動配置手法の一つ? インタラクション技法 直接操作によって画面を移動・拡大させたり,条件を変更して動的検索を行ったりする手法
使いやすいサイトを作るのは,デザイナーだけの問題ではありません。エンジニアとしてサイト構築にかかわっている筆者が,日ごろぶつかった問題をネタにじっくり考えていきます。 ・第33回 リピーター増加を阻む「面倒くささ」の壁 あるウェブサービスを初めて使った人が「しばらく使ってみよう」と思ってくれても,「面倒くささ」の壁に阻まれて次第にサービスの利用から遠ざかっていくことはよくあります。ブラウザを利用しないものを含む,さまざまなインタフェースを提供することで,その面倒くささを乗り越えられるのではないか,という仮説のもと,いくつかの例を紹介します。 ・第32回 リダイレクトの正しい使い方とは あるページ(URL)にアクセスすると,自動的にほかのページにジャンプするリダイレクトは,ウェブサイトを構築するうえで非常に重要な仕組みです。しかし,ユーザーの知らないうちにページの移動を行うため,ユーザーを戸
ゲームの UI 研究@java-ja onk (大仲 能史) 所属:株式会社ドリコム blog:http://onk.blog.drecom.jp/ twitter:http://twitter.com/onk/ tumblr:http://onk.tumblr.com/ よろしくお願いします ゲームと Web の共通点 大きく2つ マニュアルを読まないユーザ層 ゲームの場合 ゲームセンターをベース としているのが原因 web は…… なんで読まないんだろう? マニュアルの分厚さ('A`)? マニュアルを読まなくても 操作が分からなくてはいけない ゲームはホントにこれが上手い 2つめ 長時間の連続操作 これが家電と ゲーム / web との 大きな差 だからこそ ユーザをハメる演出 が必要 この点で ゲームは2歩も3歩も 先を行っている
入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
サイトを訪れたユーザーの情報閲覧には、いくつかの基本的な行動パターンが存在する。サイトの性質にも左右される部分はあるが、以下に挙げるポイントを踏まえて画面を作成することで、スムーズにサイトを見てもらえるようになる機会がぐっと増えるはずだ。 [1]ナビゲーションでユーザーを誘導できると思ったら大間違い「グローバルナビゲーションが設置されているのだから、当然ユーザーはそこからリンクを辿ってくれるはずだ」と思っている方はいないだろうか。 数多くのユーザビリティテストを実施していて毎回痛感するのが、「ユーザーはナビゲーションをなかなか見ない」という点である。これはなぜか。 ユーザーは、あくまでサイトの「コンテンツ」を見に来ている。そのため、ナビゲーションは常に後回しにされてしまうのである。後回しにされて、それでも必ず見てくれるのであればまだよい。しかし現実には、ユーザーはコンテンツ部分をざっと見て
最新トレンドやキーワードをわかりやすく解説 WCR Watch [15] 「使える、使いやすい、使いたい」 と思えるUIとは? アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash/Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン(XD)だ。エクスペリエン
この数年間で,(インターネットの総称としての)Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を,この環境の上で閲覧や操作できることは,特別なものから,徐々に当たり前で,なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で,Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが,利用者という立場からすれば,やはり「ユーザー・インタフェース(UI)」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上,作り手の側の意識も変化しなければ,ニーズに対応できません。そして,こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは,私たちの生活を便利にしてくれていますが,これで十分ではないのです。もっと多くの分野で,もっと
対象とするユーザーの“慣れや知識”によって,画面の構成を変えたほうが伝わりやすいとするならば,画面上の「ユーザー・インタフェース(UI)部品」の色や形状も,ユーザーに応じて変えるべきでしょう。今回は,代表的なUI部品でありながら,なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず,前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度(PCリテラシ)」を縦軸,「提供したいサービスに対する知識」を横軸とします。そして,それぞれの「軸」に対して,受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは,ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが,ボタンを認識することはさほど苦ではありません。 しかし,PCに
TurboWidgets, presented by TurboAjax Group TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. 以前紹介した、AjaxなphpMyAdmin のページで、TurboWidgetsというAjax部品集がリリースされていたので紹介。 例えば、次のイメージはTurboGridというコンポーネント。かなりクオリティ高いです。 その他にも、次のようなプログレスバー(ぐんぐん伸びるイメージがカッコいい) 高品質なボタンコンポーネント集(一見デスクトップ風) ツリービュー(アイコン表示できる) タブコンポーネント(Appleのサイトっぽい) ドラッグアンドドロッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く