もうユーザーを迷わせない！ナビゲーションメニュー設置のコツ
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
窓の杜 - 【今日のお気に入り】キーボードでマウス操作と移動速度調節「Xmouse」v1.0.0
キーボードから各種マウス操作を行えるようにするソフト。普段使われにくい“アプリケーションキー”を使用するのが特徴で、マウスカーソルの移動や左・中・右ボタンクリック、ホイール回転などが、キーボードからできるようになる。アプリケーションキーは一般的には右［Ctrl］キーの左側にあり、マウスの右ボタンと同じ働きをするもの。このアプリケーションキーを押しながら、矢印のカーソルキーでマウスカーソル移動、［PageUp］［PageDown］でホイール回転、［Enter］［Backspace］で左右ボタンクリック、スペースキーで中ボタンクリックになる。また、マウスを動かしながらアプリケーションキーを押すと、押している間だけマウスカーソルのスピードが減速される。キーボードからのマウス操作はマウスドラッグ中でも行えるため、たとえば画像レタッチソフトでマウスドラッグして選択中の範囲をあと1ドットだけ右へずらし
窓の杜 - 【REVIEW】マウスカーソルを2つに増やしてマウスの移動距離を大幅に削減「カーソル兄弟」
「カーソル兄弟」は、通常のマウスカーソルとは別にもう1つのマウスカーソルをデスクトップ上へ表示し、任意のタイミングで切り替え可能にするタスクトレイ常駐ソフト。Windows 2000/XP/Vistaに対応するフリーソフトで、作者のWebサイトからダウンロードできる。 起動すると、デスクトップ上に赤いカーソルが新たに表示される。赤いカーソルは、表示された位置に固定され、直接このカーソルを操作することはできないが、マウスのホイールボタンをクリックすることで、通常のカーソルと赤いカーソルの位置を入れ替えることが可能。 たとえば、デュアルモニター環境などで広範囲に渡ってカーソルを移動させる必要がある場合に、メインモニター用とサブモニター用とでカーソルを分けて使えば、大幅にカーソルの移動距離を削減できて便利。 また、タスクトレイアイコンの右クリックメニューから本ソフトの機能をON/OFF可能。さら
チェック必須！GUIインタフェースを作るようにWebインタフェースを作成できる·Sigma Visual Ajax GUI Builder MOONGIFT
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
山田祥平のRe:config.sys
10フィート離れたところにあるディスプレイのGUIをリモコンで操作するのはけっこう大変だ。TVがインターネットにつながったとしても、その煩雑さは解決されない。そして退化したGUIに慣らされていく。 ●数値を入れてリンクを開くNUI インテル、クイックサン、ドリームポート、フェイスの4社が、デジタルコンテンツ配信の新ソリューション開発で合意した。そのプラットフォームとして使われるのが、クイックサンの開発したデジタルTVシステム「ROBRO」だ。このプラットフォームは、TVとWebコンテンツを、いかにシームレスなものにするかを追求している。 ROBROは早い話が、地上波デジタルチューナを搭載した普通のテレビパソコンだ。とはいえ、オーディオアンプっぽい外観で、リビングルームに置き、TVに接続してもあまり違和感がなさそうだ。 ROBROは普通のWindows VistaプレインストールPCなので、
機能やボタンが多すぎ!! 使いにくいUIのデジタル家電が発売されてしまう本当の理由 - キャズムを超えろ！
一昨日メディアの方とランチしながらふと話題になったのが「今の家電メーカー製デジタル家電って機能ありすぎてわかんないよね」という話で、先に書いたRSSリーダーの話にも通じる。 まったくもってその通りなんだが、じゃぁ「なぜ・どうしてそうなっちゃったの？」を紐解くと、わりとシュールな要因が浮かんでくる。 ズバリ言ってしまうと既存機能に上乗せする企画は通すのが簡単だし、リスクが少ないからだ。多少使いにくくてもそれが売れない決定的理由にはなりづらいことから、(売れなかったときの)責任を問われる立案者・決裁者ともに「多少複雑になってもかまわず機能を上積みしていくこと」は保身のためを考えるとリスクが少ない手法というわけだ。逆に削ることは、安定した大企業の会社員としてはものすごい勇気がいる。下手すりゃ前モデルで20%あったシェアが5%とかに落ちてしまう可能性も高いわけで、そんな企画を立案した者(担当者)・
なぜ「見た目」にこだわらないのか、IT部門の大きな勘違い
情報システムは「見た目」である――。こんなテーマの特集を執筆しながら、ふと我に返った。これは自分自身の仕事にも、全く同様に当てはまる、と。 「読んでもらえれば分かります」。記者という職業にとって、これは「禁句」である。いくら素晴らしい内容の記事でも、読んでもらえなければ無価値。だから記者は、見出しに最大の努力を払わなければならない。読者が雑誌や新聞をめくって、パッと目に入ってくるのは見出しだからだ。記事レイアウトの見やすさ、図や写真の的確さも欠かせない要素だ。 読んでもらえて初めて記事に価値が生まれるのだとすれば、記事の「見た目」がその価値を左右すると言える。 こう言っておきながら、自身を振り返ってみると非常に心許ない。もちろん気を遣ってはいたつもりだが、まだまだ足りないと思い至った次第である。 「使ってもらえれば」は禁句 実はほかにも、これと同じ感覚にとらわれたことがあった。Window
[CSS]スクリプト無しで実装するドロップダウン&ラインのナビゲーション | コリス
CSSplayのエントリー「Professional dropline / dropdown / flyout hybrid menu」から、スクリプトを使用しないでスタイルシートで実装する、ドロップダウンとドロップラインを組み合わせたナビゲーションの紹介です。 Professional dropline / dropdown / flyout hybrid menu 対応ブラウザはIE6, IE7, Fx, Op9.25, Op9.5beta, Safari(PC)となっており、IE6用にはtableを使用しています。 使用はフリーですが、気に入った場合など寄付を考えてください、とあります。
タグに頼らない画像検索に挑む北海道発のプロジェクト「Viewサーチ北海道」
北海道の風景画像を直感的なインターフェイスで検索できる「Viewサーチ北海道」が1月31日、実証実験サイトを公開した。 Viewサーチ北海道は、経済産業省が次世代検索技術の開発・実用化を目指して2007年度から開始した「情報大航海プロジェクト」の採択事業として、北海道大学と札幌に本社を構える5社（ソフトフロント、データクラフト、JR北海道、北海道新聞社、インテリジェント・リンク）がコンソーシアムを構成。文字に頼らない次世代画像検索技術「ビジュアル・コンテクスト・サーチ」を応用したサービスの開発・実用化を目指している。 今回の実証実験の目的について、コンソーシアムに参加する、ソフトフロントの村田利文氏とデータクラフトの鵜川久氏に話を伺った。 ● 類似画像をうまく並べれば、人間は瞬時に大量の画像を一覧できる Viewサーチ北海道で利用しているビジュアル・コンテクスト・サーチという技術は、北海道
iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル
「iPhoneのユーザーインタフェース（UI）は確かにかっこいいが、進化の仕方があまりに西洋的。もっと日本的なアプローチがあるんじゃないか」 11月15日、「Web2.0 Expo」の講演でこう話したのは、チームラボの猪子寿之社長だ。同社は、検索エンジン「SAGOOL」など独自サービスを展開する一方、「iza！」（産経デジタル）、「ワッチミー！TV」（フジテレビラボLLC）、サントリー公式サイトのサイト内検索機能、日立「Wooo」のトップページFlashなどを構築。UIとデザイン、検索・マッチング技術に強みを持つベンチャーだ。 「UIは、しょうがない奴だと思ってる」と猪子社長は言う。例えば携帯電話のボタン。電話をかけたり、携帯サイトを見るには何度もボタンを押さなくてはならないが、ユーザーはボタンを押したい訳ではなく、電話で話したりサイトを見たいだけ。つまり「ボタン」というUIは「仕方ないか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
バッファローコクヨ、マウスとキーボードを兼ね備える「OPAir」 
【森山和道の「ヒトと機械の境界面」】 自己表現のためのインターフェイスデザインとは ～五十嵐デザインインタフェースプロジェクト公開シンポジウム
Engadget | Technology News & Reviews
買い物山脈 Kinectがゴトウ家にもたらした大きな変化とは
会員登録のメールアドレス入力、確認の2回目は「コピペ」54.5％
脳内イメージで「Second Life」を散歩可能、慶應大が技術開発に成功
ソシオメディア | UIデザインパターン
