タグ

uiに関するnitoyonのブックマーク (170)

  • 10のアプリケーションロールパターン ― @IT

    インタラクションデザインパターン(2) アプリケーションロールデザイン、 基礎の10パターン ソシオメディア 上野 学 2007/3/19 前回の「80年代のAppleに学ぶUIの部品化とガイドライン」では、インタラクションデザインの作業にパターンを活用することの有用性について説明しましたが、今回からは、実際にどのようなデザインパターンがあるのかを考えていきたいと思います。 私はこれまでの連載(ユーザビリティのヒント、Webアプリケーションのユーザーインターフェイス)を通して、インタラクションやユーザーインターフェイスのデザインはプログラムが出来上がってしまってから最後に付け加えるというものではなく、システムの基的な品質を決定する重要な要素として設計の初期段階から考えなければならないものであると主張してきました。なぜなら、そのシステムが提供しようとしている機能を、画面の見た目や操作の流れ

    nitoyon
    nitoyon 2007/03/20
    行動目的別に見る UI の違い。デザイニングインターフェース本もこんな感じ。
  • 高反発マットレスの選び方 | アフィブログに騙されない為の高反発マットレス手記

    ウレタン系高反発マットレスでよく言及されるのが密度です。それを頑張って分かりやすく説明してみます。

    nitoyon
    nitoyon 2007/03/20
    必要性さえ感じれば、RSS リーダーも素直に受け入れてもらえる。
  • Ext JS - JavaScript Library

    Enterprise-ready UI framework to build modern web apps Sencha Ext JS is a powerful JavaScript framework for creating data-rich, modern, cross-platform web and mobile applications. It enables rapid development of complex UIs using pre-built components, ensuring faster time to market.

    Ext JS - JavaScript Library
    nitoyon
    nitoyon 2007/03/19
    YUI-Ext が jQuery, prototype と script.aculo.us にも対応。Ext JS としてデビュー。
  • Devthought - Guillermo Rauch’s Blog » CSS Javascript power. Fancy menu

    Update: the code that empowers this menu has been upgraded to the latest MooTools version, and even improved! Now works with vertical, horizontal menus, with more flexible morphing! Let me introduce you to Fancy Menu: Home Plant a tree Travel Ride an elephant When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style

    nitoyon
    nitoyon 2007/03/19
    mootools をつかったちょっと素敵なメニュー。Flashっぽい。
  • fotologue

    Helompo > Situs Slot Mahjong Paling Gacor Pgsoft Anti Rungkad 2024

    nitoyon
    nitoyon 2007/03/16
    フォトログサービス。プロ・セミプロの会員制からスタートして、いまは誰でも登録できるようになってる。Flash のインターフェースが小気味よい。Location Hash でPermalinkにも対応。
  • Free Casino Cash - No Deposit Bonus | Canada

    Ways of Getting Free Cash Who would not be skeptical anyway? It seems that nothing in this world is for free anymore. Even sites that, so to speak, offer free online stuff would sometimes rip money from your pocket. This is a dilemma. You want to try something out, but you end up using extra money that’s out of your budget. Free casino cash is real. Because of the fun and excitement, you keep comi

    nitoyon
    nitoyon 2007/03/14
    使いたい検索条件をドラッグして検索。キーワード指定、id指定、時間指定。検索後、フォームが自動的に隠れる。検索条件を保存するためにはユーザー登録必要。
  • 「ユーザビリティ=使いやすさ」なんて誤訳をいつまで放置するのか?: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 さてさて、ここ最近のエントリー(「答えはユーザーが知っている」など)では、奥出直人さんの『デザイン思考の道具箱―イノベーションを生む会社のつくり方』、トム・ケリーの『発想する会社! ― 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法』を読み進みつつ、デザインによって「イノベーション」を生み出す「デザイン思考」「デザイン戦略」という考え方、それを実現するための「創造のプロセス」、そして、実際のプロセスの中で使われる「フィールドワーク」「プロトタイプ」「ユーザーテスト」「ブレインストーミング」などの手法を紹介してきました。 社会に新しい価値をもたらすイノベーションを技術ではなくデザイン思考で創造することを目指し、そのためにユーザー中心のデザイン・プロセスで、観察

    nitoyon
    nitoyon 2007/03/11
    既存のものを使いやすくするよりも、新しい使えるものを創り出す方向に話をもっていきたいよね、という主張。タイトルの「誤訳」は言いすぎ。
  • ITmedia News:Second Life“不”人気、7つの理由 (1/3)

    「Second Lifeの何が面白いか分からない」――こんな声を最近よく聞く。Second Lifeは、昨年から日でも話題の、米国発のネット上の3D仮想空間だ。ユーザーが自由にオブジェクトを作れたり、通貨を米ドルに換金できたりする点が注目を集め、昨年末ごろから国内の新聞やテレビで取り上げられるようになった。古書店「BOOKOFF」が支店を出したりmixiが採用オフィスを構築するなど、日企業も続々と参入を始めている。 だが日人の登録ユーザー数は多く見積もっても10万人以下と見られ、一度登録しても「ソフトの起動ができなかった」「操作が難しすぎる」「何をしていいか分からない」などという理由ですぐにやめてしまうユーザーが多い。盛り上がっているのはメディアと企業とごく一部のユーザーだけで、最近の過熱報道は、“空騒ぎ”にも見える。 Second Lifeが「すごそうに見える」理由 Second

    ITmedia News:Second Life“不”人気、7つの理由 (1/3)
    nitoyon
    nitoyon 2007/03/07
    UI が複雑でとっつきにくさ。話題になってるが以外にユーザー数は少ない(400万ちょい)。広告費が安いから企業は参入しやすい。
  • Clock Art by Scott Blake

    Barcode Clock Download to your desktop or iPhone. Watch Video on YouTube

    nitoyon
    nitoyon 2007/02/27
    バーコードで時計。リアルタイムにバーコードが変わるのが愉快。 via PHPspot
  • //// COLOURlovers :: loving colours since 1981

    Share Your Color Ideas & Inspiration. COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love.

    nitoyon
    nitoyon 2007/02/26
    配色投稿サイト。/Ajax。リボン風メニュー(JSアニメ)
  • フィリップスの『Drag & Draw』技術がかっこいい | i d e a * i d e a

    ドットインストール代表のライフハックブログ

    フィリップスの『Drag & Draw』技術がかっこいい | i d e a * i d e a
    nitoyon
    nitoyon 2007/02/26
    光のペン。
  • Google Mapっぽくショッピングできる『Browse Goods』 | 100SHIKI.COM

    オンラインショップは欲しいものをピンポイントで探すときには便利だが、全体を俯瞰するのはなかなか難しい。 そこで登場したのがBrowse Goodsである。 このサイトではGoogle Mapっぽく商品の全体像から詳細までを見ていくことが出来る。に特化はしているが、男性用、女性用からはじまって、スポーツかカジュアルか、など、地図を拡大していくように調べていくことが出来る。 もちろん気に入った商品があれば購入ページまで飛ぶこともできるし、あとで買うためにカートに保存しておくこともできる。購入は実際にはAmazonで行われるようだ。 ちょっといじってみたがなかなか便利なのでは。全体像を俯瞰させるためのこうしたインターフェースは他の分野でも使えそうですね。

    Google Mapっぽくショッピングできる『Browse Goods』 | 100SHIKI.COM
    nitoyon
    nitoyon 2007/02/16
    カテゴリ階層の見せ方。
  • K-3D MOONGIFT

    アニメーションもできる3Dモデリングソフトウェア 3Dモデリングをはじめたい方はトライ!3Dアニメーションも作成できます。 アニメーションもできる3Dモデリングソフトウェア 最近は映画CGが使われることが多くなってきた。ピクサーのように、CGのみで映画を製作する会社もあるくらいだ。非常に緻密な描画ができる反面、根気のいる作業だろう。 そんな3Dアニメーションの世界を垣間見たければこれを使ってみよう。 今回紹介するオープンソース・ソフトウェアはK-3D、3Dモデリングソフトウェアだ。 K-3Dは画像として保存される3Dはもちろん、アニメーションも作成することができる。予め決められた立方体や円錐、その他の形を組み合わせて造形していく。 そして各コマごとに動かしていく事で、動画を製作できる。公式サイトには様々な画像、動画が紹介されている。ぜひ一度はご覧いただきたい。 3Dモデリングというと、敷

    K-3D MOONGIFT
    nitoyon
    nitoyon 2007/02/13
    色ごとに並べるビューワ。
  • オンライン雑誌が簡単に作れる『Format Pixel』 | 100SHIKI.COM

    オンラインでぱらぱらめくる雑誌やカタログなどのインターフェースはよく見る。 ページのはしにマウスを持っていくとペロリとめくれる例のやつだ。 そうしたインターフェースを使うには今まで専用のソフトなどが必要だったが、format pixelではウェブ上で簡単に作れるようだ。 ちょっと自分でも作ってみたが、直感的な操作でカタログっぽいものがすぐできた。 レイアウトも柔軟に行えるのでちょっと凝ったフォトアルバムや招待状などをつくるのにいいのかもしれない。 DTP(Desk Top Publishing)もWTP(Web Top Publishing)へと変化していく時代ですかね・・・。 管理人の独り言 『おとりよせ』 個人的におとりよせがブームだ(最近ひきこもりぎみ・・・)。先日は友人に紹介してもらったチーズケーキをしてみた。 冷凍して、解凍させながらべる、というのがなかなか新感覚でよかった。

    オンライン雑誌が簡単に作れる『Format Pixel』 | 100SHIKI.COM
    nitoyon
    nitoyon 2007/02/09
    本に見せかけるインターフェース。動画貼り付け可能。
  • 【小濱康昭さんのオススメ】39歳でMIT教授!タンジブル・ビッツを生んだ石井裕

    常識破り、型破りの発想をもったクレイジーエンジニアを紹介する第9回は、石井裕マサチューセッツ工科大学(MIT)教授を紹介する。直接手でデジタル情報に触って操作できるインターフェース研究で世界をあっと言わせた「タンジブル・ユーザーインターフェース」はいかにして生まれたのだろうか。 アメリカのMITといえば、約60人のノーベル賞受賞者を輩出してきた世界トップクラスの研究実績を誇る。ここで10年以上にわたって教授を務めてきた日人がいる。石井裕氏だ。所属するメディアラボは、パソコンの父として知られるアラン・ケイの言葉「未来を予言するベストの方法は、自らが未来を作り出すこと」をスローガンに、メディアテクノロジーのもたらす未来を描き出す研究を続けてきた。約30人の教授陣には、人工知能の権威であるマービン・ミンスキー氏ら、各分野を代表する研究者が名を連ねる。95年から教鞭を執り始めた石井氏は、その革新

    nitoyon
    nitoyon 2007/02/09
    「MITでは2割の教授しか生き残れない。スポンサーも教授が探す。」←研究室1つがベンチャーみたい。
  • Pipes: Rewire the web

    This pipe is designed to use eBay's RSS API to find items within a certain price range. Created by Ed Ho (show me) This pipe is designed to use eBay's RSS API to find items within a certain price range. Created by Ed Ho (show me) About Pipes Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web. Like Unix pipes, simple commands can be combined togeth

    nitoyon
    nitoyon 2007/02/08
    サービスを線で繋げてマッシュアップ作成。他人の作ったPipeをみたり、走らせたりできる。ソーシャルマッシュアップ?
  • 3D Desktop! TouchScreen and XGL on Linux!

    http://www.uubii.net 3D Desktop! TouchScreen and XGL on Linux! I used: Gentoo Linux, Penmount touchscreen Gnome, XGL, and my hands!!!! Bill Barsch. Goiania-Goias-Brasil.

    3D Desktop! TouchScreen and XGL on Linux!
    nitoyon
    nitoyon 2007/02/07
    Xgl をタッチスクリーンで操作したら近未来に見える!
  • UIが小気味良いマインドマップツール『bubbl.us』レビュー | P O P * P O P

    このUIはなかなか素敵。ウェブ上でのマインドマップツール、「bubbl.us」のご紹介です。 こうしたツールは他にもたくさんありますが、バブルが2.0デザインっぽかったり、ちょっとしたインターフェースの工夫などがされていて、触っていて気持ちいいです。 » bubbl.us 使い方も簡単です。下記にかるくご紹介。 ↑ バブルの中に文字を打ち込んでいきます。バブルのデザインが素敵です。 続けて一つ下のレベルでバブルを作る時は「Enter」、同じレベルのバブルを作る時は「Tab」を押します。なお、日語には対応していないようです。 ↑ バブルのレベルを上げたり下げたりしたい時は、上げ下げしたいバブルの上へドラッグ&ドロップで移動させます。 ↑ 消去ボタンのUIが素敵。「あと3秒で消えますよ」とカウントダウンをはじめ、3秒後に軽く爆発してふっとびます。遊び心がありますね。 ↑ ズームも移動も自由自

    UIが小気味良いマインドマップツール『bubbl.us』レビュー | P O P * P O P
    nitoyon
    nitoyon 2007/01/26
    アニメーションが心地よい。Enter/Tab でノード追加。マウスだけで追加するインターフェースあったほうが分かりよいのにな。今のところ日本語は不可。
  • https://msdewey.com/

    nitoyon
    nitoyon 2007/01/19
    性能よりも検索したくなるような仕組みを重視。対面式で検索してもらってるかのような雰囲気がおもしろい。
  • form の内容がデフォルト値から変わったら色を変える JavaScript コード - swk's log

    * form の内容がデフォルト値から変わったら色を変える JavaScript コード [mform] 103 users これが便利だといえる状況はだいぶ限られてはいるのだけど.文字を入力したり,チェックボックスを押したりしてデフォルトの状態から変化すると,そこの色を変えるような JavaScript のコードを書いてみた. といってもわかりにくいと思うのでまずデモ: http://www.kagami.org/mform/mform_demo.html 適用したいページで,こんな JavaScript コードをロードします. (function(){ var color_modified = '#ffff88'; var reset_when_reloaded = 1; init(); function init() { var fs = document.forms; for (v

    nitoyon
    nitoyon 2007/01/13
    バリデータも混みで実装したらユーザビリティが向上しそう。