リッチインターネットアプリケーションの実装時に検討したい30のUI日本でも近日発売の「Designing Web Interfaces」から、リッチインターネットアプリケーションを作成するための30のユーザーインターフェイスを紹介します。 30 Essential Controls サンプルは、一部jQueryベースのものに変更しています。 01. Auto Suggest
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
Welie.com - Patterns in Interaction Design
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
CSS Menus, css menu - high quality website navigation menus | 13styles CSS Menus
SITUS ISTANA338 If something goes wrong with your order, you'll get a full refund. Here's what's eligible: Your order doesn't match the item description or photos Your item arrived damaged Your item arrived after the estimated arrival window Your item didn't arrive or was lost in the mail View programme terms
CSS Dock Menu
May 08, 2007 17,799 Comments Tags: Javascript If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. This CSS dock menu is perfect to add on to my iTheme. Here I will show you how to implement it to your web page. CSS dock menu screenshot Update: I no longer s
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
Rater Robarov: Webdesign, zoekmachine optimalisatie, hosting
Robarov rater example This is our rate example with just 1 image, based on the example at Komodo Media. Feel free to use for any purpose. A link to our website would be nice. We have an another version, with a current rating at www.robarov.be/rate2/. Example Hover over the image. Code HTML-code <ul id="rating"> <li id="r1"><a href="#1" title="give this site a 1"><span>Abysmal</span></a></li> <li i
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
目次：ITpro - 技術者視点のユーザビリティ考
使いやすいサイトを作るのは，デザイナーだけの問題ではありません。エンジニアとしてサイト構築にかかわっている筆者が，日ごろぶつかった問題をネタにじっくり考えていきます。 ・第33回 リピーター増加を阻む「面倒くささ」の壁 あるウェブサービスを初めて使った人が「しばらく使ってみよう」と思ってくれても，「面倒くささ」の壁に阻まれて次第にサービスの利用から遠ざかっていくことはよくあります。ブラウザを利用しないものを含む，さまざまなインタフェースを提供することで，その面倒くささを乗り越えられるのではないか，という仮説のもと，いくつかの例を紹介します。 ・第32回 リダイレクトの正しい使い方とは あるページ（URL）にアクセスすると，自動的にほかのページにジャンプするリダイレクトは，ウェブサイトを構築するうえで非常に重要な仕組みです。しかし，ユーザーの知らないうちにページの移動を行うため，ユーザーを戸
Webデザイン エンジニアリング---目次：ITpro
この数年間で，（インターネットの総称としての）Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を，この環境の上で閲覧や操作できることは，特別なものから，徐々に当たり前で，なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で，Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが，利用者という立場からすれば，やはり「ユーザー・インタフェース（UI）」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上，作り手の側の意識も変化しなければ，ニーズに対応できません。そして，こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは，私たちの生活を便利にしてくれていますが，これで十分ではないのです。もっと多くの分野で，もっと
100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
第17回 画面の切り替えを快適にする“演出”
従来型のWebアプリケーションいわゆるHTML型と，RIA（Rich Internet Application）型との最大の違いは，「画面遷移」の考え方です。今回は，代表的な画面遷移の手法を紹介しましょう。 RIA型の特徴は「ノーリフレッシュ」 まずは，ごく普通のWebアプリケーションである「HTML型」ページ遷移のおさらいから始めます。HTML型では，基本的にはサーバーから「ページ」という単位で情報が届けられます。つまり，次のページが表示されるまでの間に「画面リフレッシュ」が発生します。これによってユーザーは，瞬間的に思考が寸断されます。高速インターネット回線のユーザーであれば一瞬の問題ですが，それでも“断続的に”物事を進めているという印象は持つでしょう。 それに対してRIA型は，「ノーリフレッシュ」という機能を提供することが多々あります。画面を「ページ」という概念で区切るのではなく，「
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Heatmaps, Visitor Movies, Web Analytics | Customer Experience Analytics by ClickTale
Introducing Conversation Intelligence, powered by Loris ->
訪問者を魅了する15のユーザビリティ / ウェブデザインライブラリー
投稿日：2006年5月30日 レベル：− ソフトウェア：− ここにウェブサイトを魅力的にする要素を簡単に挙げてみました。 これらは、必ず気を付けるという順番で並べています。 1.できるだけ手短にサイトのトップに、その目的をはっきりと述べること。 訪問者はすぐに、来るべきサイトに来たかどうか知りたいのです。もし、そうでなければ立ち去るでしょう。 当たり前のようなことですが、90％のサイトがこれをしっかりできていません。 2.訪問者が探し物を的確に見つけられる環境を整えること。 ”サイト内検索機能”みたいなモノがあったらベストでしょう。これを分かりやすいところに配置してください。 全てのページの上方に表示できたらなお良いと思います。ウェブサイト上だけの宣伝文句などは例外です。 なにかを探すために訪問する人々に、手早く調べられる機能を付けて下さい。 3.写真にリンクを貼ってください。
第9回 レイアウトという付加価値
多くの方が，このフォーム２のほうが入力しやすかったのではないでしょうか。この二つのフォームの差は，「レイアウト」だけです。入力すべき項目は全く同じですが，並び方だけが異なります。さらに，フォーム１は改行などの処理をブラウザに任せっきりにしているので，内容に反した部分で改行が生じていると思います（ブラウザによって多少異なります）。 このフォームは，「顧客名/納品場所/請求先」の三つの情報群を骨格とする入力システムですが，住所などはほとんど変化のない情報の塊です。ところが，フォーム１ではそれに気がつきにくく，フォーム２ではテキスト・フィールドがそろって配置されているので予測しやすくなっています。 人間は，ある程度の情報を扱う場合，まずどれくらいの作業量が待っているのかを事前に知ろうとします。全体像を捉えようとするといっても良いでしょう。その場合に，レイアウトが見やすく成されていると，その予測作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで円形メニューを作る/metal.ize - tutoriales
25 Code Snippets for Web Designers (Part2)
オンラインカジノ研究所