本連載では、ユーザビリティに配慮したFlashの正しい使い方や導入法について紹介します。 エンドユーザーのインターネット接続環境が加速度的に高速化している現在、ムービーやサウンドの要素を含んだリッチなウェブコンテンツは「当たり前」に見られるようになってきています。特に、閲覧に必要なプレーヤーアプリケーションの普及率が高く、プラットフォーム（OSや...
『 目的遂行後に表示される完了ページやログアウト画面では、ユーザに『次は■■■■をする』といった明確な意思がないことが多く、サイトが訴求したいものを受け入れてくれることがあります。 』
『 "HAREL-ハレル-とは、Webページのソースコードをチェックし、アクセシビリティへの適合度を点数で表示するWebサイトです。問題箇所を抽出するだけでなく、問題の解説と改善方法を提示することで、アクセシビリティの専門家ではない方でも簡単にWebサイトを評価・修正できます。開発中のWebサイトやアプリケーションがアクセシビリティを満たしているか、確認する時にご利用ください。" 』
Web制作の現場で「ユーザビリティ」という言葉が注目され始めたのは2000年ごろからでしょうか。それ以来、Webデザインの専門誌では頻繁に取り上げられ、今ではWebサイトを評価する際の大きな指標の1つとなった感があります。しかし、その一方で、システム開発の現場では、ユーザビリティの概念はあまり浸透していない印象があります。 もちろん、多くのエンジニアが自...
Natalie Downeから、PDF、MP3、DOCファイルなどにリンクした際に、自動でファイルの容量を表示するスクリプト「addSizes.js」を紹介します。 addSizes.js Snazzy automat [...]
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆？」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
『 NTTデータ製。Webページのアクセシビリティを約130の観点でチェック。accesskey属性が一般的なブラウザのショートカットキーと重複しているかどうか見てくれる! 』
「売れるサイト」を作るためのあれこれをご案内してきましたが、今回は「サイトデザイン」という視点から、ユーザーへのアピール方法を考えてみたいと思います。いかに中身が素晴らしいサイトでも、ユーザーにその素晴らしさが伝わらなくては、リピーターにはなってもらえません。 サイトデザインの観点で一般的に「良いサイト」とは、ユーザーに余計なことを考えさせ...
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
アクセス解析の仕事をしていると、アクセス解析さえあれば「キーワードを見ればユーザーのニーズや考えている事が分かる」とか「CVRを元に最適な集客プランはこの手法だ」とか「導線分析を行うことによってユーザーが一番コンバージョンしたり、導線として最適なのはこれだ！」とか思ってしまう事があります。 しかしWhat Web Analytics is Missing... という記事を読むと、改めて...
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
The Usability Postのエントリーから、押さえておきたい、タブ型ナビゲーションの5つのポイントを紹介します。 5 Steps for the Perfect Tabbed Navigation Menu [...]
iPhone向け多言語対応コミック第一弾として「薬局のポチ山さん」をリリースした。評判は上々だ。 ABlog 薬局のポチ山さん、iTunes app storeの書籍部門で4位、有料アプリ全体で11位 ここにも書かれているように、基本的にはUstream中に思いついただけだった。 「iPhoneでマンガを読むと面白い」ということを最初に教えてくれたのは誰あろう増井俊之さんだった。 彼がiPhotoでマンガを取...
『 注目は、動画アップ・編集機能利用に会員登録を求められない。動画を公開・共有する時になって初めて登録を求められます。会員登録を後回しにすることで、jumpcutはユーザに一旦サービスを体験してもらえます 』
前に続いて、今回はGoogleストリートビューを道案内に使ってみようと思います。あらかじめ指定した経路をボタン操作で行ったり来たりします、自動案内（3秒ごとに移動）も可能です。 あまりJavascriptに理解していないところもあるので、ちょっとレガシーなブラウザだと動作速度が気になるくらいの出来です。画像を読み込まないうちにずんずん先に行っちゃうと、ブラウザが...
グーグルがFlashをインデックス化するってことで（関連日本語記事：Google、新しいFlashインデックスアルゴリズム公開、Google Flashインデックス Q&A）、Flashを使うデザイナーは、自分が作るコンテンツがSEOフレンドリーになったといって喜んでいる。その気持ちは、すごくよくわかる。でも悪いけど、僕は騙されないよ。Flashコンテンツはウェブページを構成するHTMLとは根本的に違...
はメチャスゴい。写真を重ね合わせる輪郭線（スケルトン）がはっきり分るのもうれしい。まるでデータを合成して得られたメタデータのゴーストみたいだ。これが可能なのも信じられないほどのコンピュータ処理能力のおかげだ。昼間と夜間の切り替えもスムーズだし、回転も、ズームも滑らかで、カラー修正もされて、実にすばらしい。とにかくビデオを見て欲しい。何が起...
いやホント、ほとんどの写真が日本の新聞社の写真と比べるとやっぱり違う。報道写真としての良し悪しは別にしてね。作風みたいなものを感じる。 よく見かけるのは ・カメラを低くして見上げる ・大胆に切り取る ・一人の人物に強く注目させるが、人物自体は画面に対して大きくない ・象徴たる背景と視線を支配する人物、みたいな組み合わせ ・変な顔した瞬間 ・中央を割...
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
以前このブログでもご紹介した『クリエイティブなE-コマースサイトいろいろ』 クリエイティブなEコマースサイトは、まだまだたくさんありそうですが。 Eコマースサイトの目的は、いかにユーザーの方々に商品の魅力を伝えて、商品を購入してもらえるかではないでしょうか？ 今回は、いろいろなEコマースサイトを集めているギャラリー系のサイトを中心に集めてみました。 eC...
