使いやすいデスクトップとは
使いやすいデスクトップとはどんな姿をしているか？私に答えはわからないけれど...それは作業の邪魔をしないものでしょう。重複するものや余計なものを排除して機能美に尽くされたものであること。あとはユーザーの視点とマウスの動きがよく観察されていることかな。 私のGNOMEデスクトップ: 通常、アプリケーションの操作メニューは上部に配置されていて、視点とマウスは画面上半分の範囲で活発に行動します。よく利用するランチャーや機能も画面上部のパネルに配置した方が良いでしょう。 画面下部のパネルは削除しています。デスクトップの下部にウインドウスイッチャーがあるなんてスペースの無駄使いですし、操作上の視点移動が大きい。マウスも余計に移動させるだけ。Compizの機能を活用します。 ウインドウのスイッチはShift Switcherを利用。画面左上にカーソルが当たるとShift Switcherで全ワークスペ
【Ajaxタブ活用例】買い物ユーザビリティが高いDNAアート販売サイト「dna11」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 買い物のステップをAjaxでサクサク進ませる「dna11」 シンプルなインテリアに最適なDNAアート、「dna11」は、そのDNAアートを販売しているサイトです。実際に操作を見たほうが分かりやすいので動画にしてみました。 dna11 ↑商品のページで、ほとんどスクロールしないまま詳細項目を選択できるようにAjaxタブでうまくまとめられています。 関連するAjax ↑今回「dna11」で使われていたAjaxと同じ動きをするのがこのAjax。（デモページ） クールなデザインを実現しながらも、ユーザビリティまで向上させてくれるAjax、何よりも導入が意外と簡単なのが嬉しいですよね。 興味のある方はSimple Javascript Accordionsのエ
バナー画像の3倍の効果をあげたテキストリンク（powered by beBit） | SiMPLE*SiMPLE
バナー画像の3倍の効果をあげたテキストリンク（powered by beBit） November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員（月額300円）があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告＝邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト
ウノウラボ Unoh Labs: iPhone/iPod touch対応サイトを構築するための情報
こんにちわ、山下です。 9月に発売された人気のiPod touchですが、私も即予約して購入してしまいました。二本の指で操作するインタフェースは、Mac OS X譲りの滑らかな動作と相まって非常に楽しいです。ベッドで寝る前にSafariでWebブラウジングしているうちに眠ってしまって、一緒に朝を迎えることもしょっちゅうです。iPhoneと違ってGoogle Mapsのアプリがない、カレンダーに予定を入力できないなど、いろいろ制限もあるのですが、今は自由で楽しいiPodライフを送っています。 さて今回は、世の中にiPhone/iPod touch対応サイトがもっと増えればいいなという願いを込めて、iPhone/iPod touch対応サイトを作るために参考になるページを紹介します。 iPhone向けWebアプリケーションとコンテンツの最適化 アップル本家によるiPhone向けWeb開発ガイド
MOONGIFT: » リッチなWebアプリケーションを実現「Rico」:オープンソースを毎日紹介
※ 画像の一部は公式サイトデモより。 アプリケーションをWeb化する上で、リッチなユーザインタフェースは欠かせない。そうでなくとも動作はするが、ユーザビリティを高めるのには必須と言えるだろう。 自作しても良いだろうが、やはり既存のライブラリを利用するのが手っ取り早い。チェックしてほしいのはこれだ。 今回紹介するオープンソース・ソフトウェアはRico、リッチなWebアプリケーションのためのライブラリだ。 Ricoは各種言語（ASP、.NET、Perl、PHP、Rails）用にサンプルも用意され、開発者の利便性をよく考えられている。実際可能な機能は数多い。 角丸のボックス作成、タブウィンドウ、ドラッグアンドドロップ、アニメーション、ドロップダウンリストの作成、アコーディオン機能、ソートやフィルタリングの可能なテーブル等がサンプルとして提供されている。 それらの機能を利用し、天気のガジェットがサ
Webサイトの質を高める為には低機能パソコンが必要だ！
以前の記事でも書きましたが、デスクトップPCとは別にモバイル用ノートPCも併用して使っています。 モバイル用ノートPCといっても、購入してから6年近く経つため、若干低スペックです。 CPUはPentium3 1.06G、メモリは256MBです。（OSはWindows2000、ディスプレイは12.1インチXGA） これが低機能な理由をふまえ、その場合、Webサイトへの影響がどうなるのかを考えてみました。 私がWebサイトを作るときに気をつける4つのことあくまで気をつけることですから、絶対やるとは決めてないものもあります。 1. 無駄な画像を貼り付けず、低機能PCへの転送量、処理能力に配慮する 2. トップページの横幅は、Yahoo! JAPANの横幅を参考にする 3. 重いJavaScriptライブラリを読み込ませない 4. 無駄なJavaScript処理をさせない この4つの事はPCが貧弱
バッドノウハウと「奥が深い症候群」
計算機を使っていると、何でこんなことを覚えないといけないのだ ろうか、とストレスを感じつつも、それを覚えないとソフトウェア を使いこなすことができないためにしぶしぶ覚えなければならない、 といった類いのノウハウは多い。そうした雑多なノウハウのことを、 本来は知りたくもないノウハウという意味で、私はバッドノウハウ と呼んでいる。 バッドノウハウは、ソフトウェアの複雑怪奇な仕様が歴史的に引き ずられ、根本的な改善は行われないまま、そのノウハウが文書によっ て受け継がれることによって蓄積が進行する。Unix 上で広く使わ れているツールとしてはTeX, Emacs, sendmail, bind, perl, gnuplot, procmail などは、役に立つツールであると同時に、その 複雑怪奇な仕様によって長年に渡ってユーザを苦しめ続け、バッド ノウハウの温床として悪名が名高い。こうしたツー
ウノウラボ Unoh Labs: ユーザビリティテスト初心者のための備忘録 - 準備の話
こんにちわ、Sashaです。9月も終わりに近づいているというのにまだまだ暑いですね。 私はユーザビリティテストの専門家ではありませんし、ユーザビリティテストを実施していても、不慣れから来る反省点が毎回のように残ります。今日は、そんなユーザビリティテストにまだ不慣れな方のために、私がこれまでに書きとめておいた反省点やコツをみなさんと共有したいと思います。スムースなテストを開始して、被験者の方にもリラックスして頂くことが出来るように気をつけるべき細かい点ですので、テスト方法とか、被験者の選定方法など、ユーザビリティテストのコアの部分には触れていませんが、ご了承ください。 1. 会場取り ビデオカメラやモニタを設定するため、被験者が来られる15分ほど前から会場となる部屋を押さえておきましょう。11時に被験者の方がいらっしゃるのに、 11時からしか部屋を押さえていないと、準備する時間がないため
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピングサイト、サイトナビゲーションなどなど、ウェブを作る仕事をしている人にとっては必見だろう。 またそれぞれのパターンにはスクリーンショットの例や、いつ使うべきか、使うときにはどういった点に気をつければ良いかも教えてくれる。 こうした資料は知っておいて損はないですね。
違う、我々が欲しいのは電源をONにした瞬間起動するマシンだ。
”とある外国人向けのページ”が面白かった。「超訳」ですが…。 面白いなぁと思ったのは、エントリの内容もさることながら、むしろ罵倒表現のバラエティについてです。念の為。 最新のインテル「Core 2 Duo」プロセッサ、メモリ2GB、最新のマイクロソフトOS「Windows Vista」を搭載したPCを購入した。10万円以上かけて購入したこの新しいPCは、快適なウェブブラウジング環境を手に入れようと、大金をはたいて購入したものだ。だが、買ってきてセットアップしてみて、私の心はズタボロに切り裂かれることになった。 何よりも驚かなくてはいけなかったのは、その起動時間の遅さだ。Intel社が会社を挙げ、大金を注ぎ込んでできあがったデュアルコアCPUを搭載しているのに、Windowsの起動までに1分以上かかる。一体これはどういうジョークなのだろうか？一流のアメリカンジョークだというのだろうか。 なぜ
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
離脱率90%は当たり前！？最後の難関『入力フォーム』の離脱を改善する
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ウェブ標準、それは状況や環境に左右されない情報伝達を実現するためのもの
何がウェブ標準で、何がウェブ標準でないか一般にW3C、ISO/IEC、IETF、ECMA、IANA、OASISといった国際的な標準化団体やガイドライン策定機関によって発行された技術や仕様、ガイドラインが、ウェブ標準の「標準」で表される技術や仕様であるとされており、「ウェブ標準技術」あるいは「ウェブ標準仕様」という。また、ウェブ標準的な仕様に基づいて定義されたウェブサイトを「ウェブ標準に準拠している」などという。 そういった団体のなかでも、特にW3C（ワールドワイドウェブコンソーシアム）が策定する各種の仕様が、最も「ウェブ標準的」だといえる。しかし、W3Cの仕様であればすなわちウェブ標準なのかというと、必ずしもそうではないのが困ったところだ。なぜこうも曖昧なのかといえば、ウェブ標準とは、「なんとなく標準的な仕様であろうもの」のこと全般を指すからだ。「ウェブ標準」に厳密な定義はなく、ときにはマ
iPhoneのYouTubeが意外と使えない件について
iPhoneに関してはベタボメ状態の私だが、数ある機能のうち「使えない」と思うものが一つだけある。Youtubeだ。iPhoneの入手当初２～３日は目新しくてなんどかYoutubeビデオを見たのだが、それ以来ぜんぜん使っていない。 なぜかといえば、Youtubeは私を含めたほとんど人にとって「ブラウズする」ものではなく、「他の人のブログに貼り付けてあるものを見るもの」であるからである。 CGMサービスの「おもてなし」をデザインするときに強く意識すべきなのは、 作る人の数 << 作品を積極的にブラウズしたりコメントを加えたりする人の数 << 他の人たちが発掘してくれた作品をROM状態で楽しむ人の数 だという事実である。この比率はサービスによってことなるのだが、Youtubeの場合その比率は、Web2.0Expoで得たデータによれば 1 : 10 : 250 ぐらいだそうである。つまり、you
はてなブログ | 無料ブログを作成しよう
顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…
Life is beautiful: iPhoneのおもてなし：買った瞬間から目に見えて違うおもてなし
二週間遅れでやっと手に入れたiPhoneだが、まあなんと言ってもすごいのがその「おもてなし（User Experience）」である。User InterfaceとUser Experienceの違いを理解していない人がこの業界には多いが、そんな人たちのためにも、iPhoneのおもてなしのすごさを少し書いてみようと思う。 まず、iPhoneを入手した時の一番の驚きは、iPodと同じく「ごく普通にAppleストアで買って、すぐに持って帰ることができる」点である。日本でも米国でも、携帯電話買った時にはお店でアクティベーション（日本語では「開通手続き」）をしてもらう必要がある。これが結構時間がかかって面倒な上に、人気機種の売り出し日などはカウンターの前に人が不必要にあふれてしまい、店員はてんてこまいだし、お客は疲労してしまう。 徹夜組みが出るほどのiPhoneの発売日は、さぞ悲惨なことになると思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
TableとCSSいろいろ - DesignWalker
http://e0166nt.com/blog-entry-236.html