タグ

uiとUIに関するagxのブックマーク (165)

  • 面白いゲームの作り方:萎えさせない為の操作説明 島国大和のド畜生

    アクションRPGがあったとして。 たとえば、「レバー1回転+Aボタン」で周りの敵をなぎ払う、必須な技があったとします。 この操作をユーザーに教える方法として良いのはどういうものか? 一応、自分なりの考えがまとまったら、続きを読んでみてください。 ①・隠しコマンド 「気付いた人だけ使えます。」 ②・説明書 「レバー1回転+Aボタンで周りの敵をなぎ払います。」 ③・アドバタイズ ゲーム開始前、アニメ-ションによる説明付き。 「レバー1回転+Aボタンで周りの敵をなぎ払います。」 ④・街の老人 「レバー1回転+Aボタンで周りの敵をなぎ払う必殺技じゃ!覚えておくが良い!」 ⑤・街の子供 「レバー1回転+Aボタンで周りの敵をなぎ払う必殺技だって?見せて!見せて!」 ⑥・戦闘開始前に 敵集団 「わはははは。ワシらの弱点が、レバー1回転+Aボタンとは思うまい!」 ⑦・戦闘中に 主人公を囲んでボコボコにし、

  • Napkin Look & Feel

    Latest New Wiki Our Wiki gives you a place to share ideas and advice with other folks. We've started it off with some instructions about how to get Java applications to use Napkin for their Look and Feel. Latest Release: 1.2, 12 May, 2009 Overview The Napkin Look & Feel is a pluggable Java look and feel that looks like it was scrawled on a napkin. You can use it to make provisional work actually l

    agx
    agx 2007/01/02
    らくがき風 Look & Feel。 デモ際これで表示することで、見た目と中身の出来を同一視する人にもどの程度の完成度なのか感じさせることが出来る。
  • 氷山の秘密、明らかに - The Joel on Software Translation Project

    Joel Spolsky ジョエル・スポルスキ 翻訳: Yasushi Aoki 青木靖 2002/2/13 「うちの開発チームのどこが悪いのか分からない」とCEOは心の中でつぶやく。「プロジェクトを始めたころには何もかもうまく行っていたんだ。最初の2週間チームは馬車馬のように働いて、ちゃんと動くプロトを作ったんだ。ところがその後は進み具合が這うように遅くなった。単に連中が怠けてるだけということかもしれん」。彼はキャラウェイ製のチタンドライバを選び、キャディに冷たいレモネードを取りに行かせる。「2、3人首を切れば、連中の尻にも火が付くだろう!」 その間、もちろん開発チームの方は何が悪いのか全然見当も付かない。実際何もまずいことはないのだ。彼らはスケジュール通りに進んでいる。 こんなことがあなたの身に起こらないようにすることだ!あなたの人生を百万倍も楽にしてくれる、こういう非技術系マネジメン

    agx
    agx 2007/01/02
    UIの完成度と全体の完成度をごかいする
  • デモではものができあがっているように見せない

    Kathy Sierra / 青木靖 訳 2006年12月27日 (アルファ版のような)開発中のものを私たちが世間や、クライアントや、ボスに見せるときには・・・彼らの期待のレベルを設定することになる。これは3通りの方法でやることができる。磨き上げられたモックアップで幻惑するか、プロジェクトの現状に合ったものを見せるか、ほとんどできていないものを見せながら順調に進んでいるから「信用しろ」と言っていら立たせるかだ。 結論を言うなら: どれくらい「できている」ように見えるかは、実際どれくらい「できている」かに合わせるべきだ。 ソフトウェア開発者はみんなそのキャリアにおいてこのことを何度も思い知ることになる。しかしテクニカルライターもまた、デスクトップパブリッシングツールによって同様の問題に直面する——フォントやレイアウトが完璧に仕上げられたドラフトを誰かに見せるなら、その人はあなたが考えるよりも

    agx
    agx 2007/01/01
    クライアントは、デモの出来と実際の出来を同一視する。また、デモによるどの程度出来ているかの印象によってフィードバックは大きく変わってくる。
  • SpaceNavigator PE (SOLVALOU.NET)

    このナゾのサムシングはいったいなんでせうか。 実は3Dアプリ用のインターフェイスらしいんですが、Google Earthに対応していて、これで地球をグリグリ操作できるらしいのです! > 中央のキャップを指先で押したり、引いたり、傾けたり、ひねったりするだけで、 > 上空から地上までの接近や上昇、360°パノラマ展開、道路や飛行機の航路に沿った > 曲線的な移動などをスムーズに行うことができます。 SUGEEE!超ホシス! これはお小遣いがたまったら即効ゲッツします。 ※今のところAmazonでしか売ってないみたいです(先行販売ぽい) SpaceNavigator PE (Personal Edition)メーカー: 3D Connexion価格: ¥ 9,980発売日: 2006/12/08売上ランキング: 73おすすめ度 posted with Socialtunes at 200

    agx
    agx 2006/12/23
    3D操作用マウス
  • http://www.k2.t.u-tokyo.ac.jp/members/alvaro/Khronos/Khronos_Projector.htm

    agx
    agx 2006/12/22
    スクリーンを押さえてへこますと、その部分の映像が時間的に昔のモノになる
  • Alexei@Nitobi » Blog Archive » Development Diary: Taming the Fisheye

    This domain may be for sale!

    agx
    agx 2006/12/19
    JavaScriptでMacOS XのDock機能を実現する
  • 目次:ITpro - 技術者視点のユーザビリティ考

    使いやすいサイトを作るのは,デザイナーだけの問題ではありません。エンジニアとしてサイト構築にかかわっている筆者が,日ごろぶつかった問題をネタにじっくり考えていきます。 ・第33回 リピーター増加を阻む「面倒くささ」の壁 あるウェブサービスを初めて使った人が「しばらく使ってみよう」と思ってくれても,「面倒くささ」の壁に阻まれて次第にサービスの利用から遠ざかっていくことはよくあります。ブラウザを利用しないものを含む,さまざまなインタフェースを提供することで,その面倒くささを乗り越えられるのではないか,という仮説のもと,いくつかの例を紹介します。 ・第32回 リダイレクトの正しい使い方とは あるページ(URL)にアクセスすると,自動的にほかのページにジャンプするリダイレクトは,ウェブサイトを構築するうえで非常に重要な仕組みです。しかし,ユーザーの知らないうちにページの移動を行うため,ユーザーを戸

    目次:ITpro - 技術者視点のユーザビリティ考
    agx
    agx 2006/12/16
  • prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT

    これは何? prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの? ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit

  • Engadget | Technology News & Reviews

    How to watch NASA's first Boeing Starliner crewed flight launch today (scrubbed)

    agx
    agx 2006/11/09
    どれだけすごいのかが分からない。けど、ただのインテリアに使うには30万円は高い。
  • prima materia diary - XMLのコメントに--を入れてはいけない

    agx
    agx 2006/10/28
    何か操作をした時にOK/キャンセルの選択を求めずに、変化した部分にメッセージが現れ、操作を取り消す手段がそこに存在。
  • caramel*vanilla » フォームのユーザビリティ向上 - Tooltip for forms

    agx
    agx 2006/10/28
    入力欄についての注意点をツールチップで表示
  • Webデザイン エンジニアリング---目次:ITpro

    この数年間で,(インターネットの総称としての)Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を,この環境の上で閲覧や操作できることは,特別なものから,徐々に当たり前で,なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で,Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが,利用者という立場からすれば,やはり「ユーザー・インタフェース(UI)」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上,作り手の側の意識も変化しなければ,ニーズに対応できません。そして,こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは,私たちの生活を便利にしてくれていますが,これで十分ではないのです。もっと多くの分野で,もっと

    Webデザイン エンジニアリング---目次:ITpro
  • HP Ads

    agx
    agx 2006/10/25
    ひょいひょいと出していく様子が面白い
  • GUIdebook: Graphical User Interface gallery

    Welcome to guidebook, a website dedicated to preserving and showcasing Graphical User Interfaces, as well as various materials related to them.

    agx
    agx 2006/10/25
    その名の通りGUIギャラリー マイナーなOSのなんかもあっておもしろい
  • CSSでクールなタブUIを作成するサンプル:phpspot開発日誌

    OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSでクールなタブUIを作成するサンプル。 次のようなタブUIを作ることが出来ます。 サンプルのCSSを定義しておけば、後は次のようにシンプルなHTMLをコーディングするだけで上記画像のようなタブUIが作れます。 HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new

    agx
    agx 2006/10/08
  • FreeStyle Menus Demonstration

    Script License Agreement You may use this script only if you agree that: You must EITHER: Donating Users: This script is "donation-ware". If you can make a donation to support this script, it may be used on a website without a crediting link. Please consider making a donation! I have spent a lot of time developing, debugging and documenting scripts, and any support is welcome. More info... Free Us

    agx
    agx 2006/10/07
    CSSとJavaScriptでアニメーションするメニュー 動きながらフェードイン、フェードアウトする
  • Prototype: Interaction design Cluster / Yaniv Steiner ? SmartRetina

    Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

    agx
    agx 2006/09/22
  • http://www.ok.sfc.keio.ac.jp/~itsuki/biblio/main_j.htm

    agx
    agx 2006/09/07
    3つのディスプレイで本棚にある本のように操作できる。っていうものみたい、インターフェースとしては面白いけど実際に使うのならノートパソコンのほうがよさそう
  • qooxdoo

    Build rich, single page applications Build rich, Single Page Applications using OO development, with no CSS or HTML required - Qooxdoo applications are cross platform, run on any browser or NodeJS, and can be coded in latest ES6 everywhere (including server and mobile) Versatile and powerful Qooxdoo offers a wide range of widgets and UI components, plus powerful server I/O communication. Extensive

    agx
    agx 2006/09/02
    JavaScriptのGUIツールキット 画像も使えるツールチップ、メニューバー、タブ、ツリーメニュー、カレンダーなど