hamashunさんのタグ「UI」についてのクリップ一覧｜@nifty クリップ

「なぞり出し」ユーザ・インターフェイスを「気持ちいい」と感じる理由 - llameradaの日記

hamashun — 2008-06-02T06:01:29Z

はじめに先日公開したTagGridは比較的好評だったようでAsiajinにもとりあげて頂きました。Flickr mashup on Google App Engine from Japan | AsiajinTagGridでは、画面全体を埋めつくすように75x75のサムネイル画像を表示しています。1024x768と比較的小さいウィンドウサイズの場合でも、表示される写真の数は70枚くらいになります。TagGridでは、これらのサムネイル画像を一度に全部表示するのではなく、マウスを移動させるごとに、マウスでなぞった箇所の写真を表示するようにしています。このUIは個人的にもかなり気に入っているのですが、はてなブックマークでのコメントでも「気持ちいい」との評価を頂けているようです。そこで、このUIをなぜ「気持ちいい」と感じるのか理由を考えてみました。はてなブックマーク - 16000枚のFlickrの写真を気楽に眺めるためのサービスを作ってみた - llameradaの日記「なぞり出し」の誕生名前ないと不便なので、このマウスオーバーで画像を表示するUIを「なぞり出し」と呼ぶことにします。「あぶり出し」からの連想です。... 続きを読む

クリップへ追加する

へたれwebディレクターの覚え書き | タブインターフェースを使うための条件

hamashun — 2008-06-02T06:01:23Z

メニューの表示にタブデザインを採用するサイトが増えています。

が、個人的には、ただ見栄えがいいからとの理由でタブデザイン（タブインターフェース）を採用するのは反対です。

ちょっと前に『タブインターフェースと“世界観”』というタイトルで、タブインターフェースを使うのに適した条件を、自分なりに考えて書いてみました。
が今読んでみると、内容がアバウトで我ながら意味不明な点もあります。
そこで今回は、もう少し具体的に条件を考えてみます。

これが正解というわけではなく、あくまで自分のための覚書きです。ご意見などあればいただけるとうれしいです。

タブインターフェースを使うための条件
タブの中にある情報が一つ、もしくは複数なら並列関係であるページの遷移が発生しない複数タブの情報を同時に見る必要がないタブがデフォルトのままでもコンテンツの価値を失わないコンテンツの内容をタブのタイトルだけで伝えることができる
以下、それぞれの説明です。

1・タブの中にある情報が一つであること、または複数なら並列関係であること
1-1・タブの中にある情報が一つ
タブは、一つのデータを複数の条件で出し分ける目的に向いています。

例として、wikiのようなサービスが挙げら... 続きを読む

クリップへ追加する

UIパターンいろいろ - DesignWalker

hamashun — 2008-06-02T06:01:20Z

先月、公開されたばかりのNETTUTS。NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリアルに期待大のサイトです！NETTUTS

現在、公開されているチュートリアルは、How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQueryjQueryを使った、とってもきれいな、ナビゲーションエフェクト

Create a Slick Tabbed Content Area using CSS & jQueryブログなどで使えそうな、jQueryとCSSで作るTabコンテント

などが紹介されています。アイデア次第でブログやウェブサイトの見せ方もいろいろありそうですね。本日は、そんなアイデアの元に... 続きを読む

クリップへ追加する