『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル＋ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
手軽に導入しやすい特徴的な14のドロップダウンメニューサンプル
なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニューはシンプルであるべきと考えます。大規模なWEBサイトでは、ドロップダウンメニューを設置することで、ユーザーが容易に移動できるようになる。時にそれらの設置が難しい時は以下を開いてみると良い。 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger 14ある中で今回触った感触としてお勧めが5つ。 現れ方がカッコいいドロップダウンメニュー ClarkLab ? Animated Drop Down Menu with jQue
iPhoneのSafariでカバーフロー調のアクションを実現する·css-vfx MOONGIFT
写真は撮るだけでは面白くない。見せ方が重要だ。例えばiPhoneやiPod Touchは液晶の大きさもあって、写真を皆に見せるのに便利なインタフェースだ。だが、ただ写真をリストアップしたり、アルバムに入っているものを見せるだけでは面白くはない。 iPhoneに最適化されたカバーフロー表示を行うJavaScript オンラインに写真をアップロードしているなら、Safariを使ってこんな見せ方も実現できるのだ。 今回紹介するオープンソース・ソフトウェアはcss-vfx、iPhone用Safari向けのカバーフローアクションだ。 Mac OSXではカバーフローという表示方式がある。写真や音楽を見せるのに向いた、格好のいい表示方式だ。中央にメインの画像を配置し、周囲に前の画像、次の画像を配置する。それをSafariで実現するのがcss-vfxだ。 拡大表示しているところ 反射や左右の写真の傾きも再
【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)
これまで当サイトでも、いくつかの記事でフッターについて扱ってきました。最近、海外のサイトを見ていると、フッターについて新しい取り組みが見られます。 今回は、海外サイトの動向をサンプルとし、フッターにおける新たな取り組みのメリットをご紹介します。 Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sitemap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) 例えばTIGERS （http://www.tigers.org.au）のフッター(下図)では、革
Office 2007のインタフェースをOffice 2003風にする·UbitMenu MOONGIFT
Vistaは慣れると使いやすいらしい（使っていないけれど）。同じような理由でOffice 2007も慣れると使いやすいのかも知れない。メニュー周りのUIが一新されたせいで、はじめはどこに何があるのか分からなくなる。文書を作る目的において、そのような行動はストレスになる。 元々の画面…。うーん、あの機能はどこにいった？ プラベートであればまだ良いが、仕事で使う上で道具の使い勝手が重要だ。とは言え、Office 2007のツールバーの配置はユーザの使いやすいように考えだされたものなのだろう。その移行期間に役立つであろうソフトウェアがUbitMenuだ。 今回紹介するフリーウェアはUbitMenu、Office 2007に2003風のメニューを追加するソフトウェアだ。 UbitMenuをインストールすると、Office 2007のメニューバーの並びにMenu（インストールした言語によるが）という
[Giz Explains] Windows 7のタスクバーがMac OS Xのドックより良い理由
[Giz Explains] Windows 7のタスクバーがMac OS Xのドックより良い理由2009.01.27 14:00 はい、タイトル間違えてませんよ。 Windows 7のタスクバーはWin95以来という最も重要なUIの変更で、Windowsの使い勝手はガラリと変わります。しかもこれがMacのDockよりもベターなんです。 デベロッパーの間では通称｢スーパー・バー（superbar）｣で知られるこのタスクバーは、タスクバーの機能を新しい方向に導くもの。ウィンドウを開けたり、プロキシでアプリが開けるウィンドウ・マネージャであるのみならず、これはれっきとしたアプリ起動ランチャーで、さらにこの2つを一つにするやり方がどことなくOS X Dockを彷彿とさせ、使ってるアプリも使ってないアプリも共存できるんです。 そうそう、アプリ立ち上げと言えば昔からWindowsタスクバーには｢クイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker
IDEA * IDEA