Flashのモバイルサイトに関する調査 Flashサイトに対する好感度は上昇、ただし導線作りには留意が必要 株式会社アイ･エム･ジェイ（本社：東京都品川区　代表取締役社長：廣田 武仁）のグループ会社である株式会社IMJモバイル（本社：東京都品川区　代表取締役社長：川合 純一）のユーザビリティ研究所は、「Flashのモバイルサイトに関する調査」を実施いたしました。 調査期間は2009年8月19日～8月20日、有効回答数は832名から得られました。【調査結果概要】今回、多くのモバイルサイトで採用されているFlashについてユーザーはどう感じているのか、また、2年前に比べFlashサイトに対する受容性はどう変化したのかを把握するため、調査を実施いたしました。 その結果、HTMLサイトよりFlashサイトを支持するユーザーは2年前より7ポイント増加し、7割を超えることがわかりました。Flashサイ

Leigeberのエントリーから、以前紹介した「軽量でシンプルなアコーディオンのスクリプト」より更に軽量（1.3KB）になったアコーディオンのスクリプトを紹介します。 Animated JavaScript Accordion V2 demo Accordion V2はjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3, Op, Safari, Chromeとなっています。 ※Op9.6.0, Safari3.1.2 for Winで正常に動作しました。 仕様自体に大きな変更はなく、アコーディオンの開閉のタイミングやスピードを調整することができます。 アコーディオンの各項目はdl要素となっており、CSSオフ時やスクリプトオフ時にも情報入手の差し支えないように表示されます。

〜ユーザーを便利に安心に購入完了まで導くには？〜 購入ステップをわかりやすく【ガイド】し、入力のしやすさを高める事が重要 株式会社アイ･エム･ジェイ（本社：東京都品川区　代表取締役社長：樫野 孝人）のグループ会社である株式会社IMJモバイル（本社：東京都品川区　代表取締役社長：廣田 武仁）のモバイルユーザビリティ研究所は、「モバイルショッピングサイトの購入フローに関するユーザビリティ調査」を実施いたしました。 調査期間は2008年9月5日〜9月6日、有効回答数は312名から得られました。 モバイルショッピングサイトで購入したい商品を見つけたにも関わらず購入完了まで至らなかったユーザーが存在することは大きな機会損失となります。ユーザーにとってのショッピングサイトは、店舗に行かなくても欲しい商品が購入できる「便利」な面と、顔が見えない状態で自分の情報を伝えなければいけない「リスク」な面があり

ケータイでのメール受信設定についてまとめてみました Tweet 2008/9/22 月曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 6 Comments » 少しついでがあったので、ケータイでのメール受信設定の現状についてまとめてみました。 ケータイにはPCとは違い、迷惑メール防止のためのメール受信設定というものがあります。 受信設定を行っているユーザには、これらをしっかり通知しドメインやメールアドレスを登録して貰わないと、ケータイサイトからのメールは届きません。 指定受信案内の例 サイト上でのメール受信設定の対応については、こちらの記事が参考になります。 →　beBit ユーザビリティ実践メモ　携帯サイトではメール受信設定への対応が重要 [bebit.co.jp] 気をつけるポイントとして、次の2点が紹介されています。 ドメイン/メールアドレスを追加する

いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

Webサイトの検索機能で、「テキスト」と「画像」、「ニュース」と「製品情報」など、複数のカテゴリを切り替えて検索できる機能を提供しているものがあります。今回はその切替の方法について考えます。 ある金融情報サイトで、企業名でサイト内検索を行ったところ、「記事」カテゴリでの検索結果が0件と表示されました。 このとき、結果が0件だったことを認識したユーザは、ページ上部のタブをクリックして「株価」に切り替えました。このとき 自分がクリックしたタブが切り替わる（アクティブなタブが濃い色になる） という変化で、ユーザには自分が別のカテゴリに移動したことが伝わりました。 しかし、検索結果部分の見た目に変化がなかったため、ユーザは「どちらのカテゴリにも自分の求める情報がない」と判断して、このサイトを立ち去りました。 このページではタブ切り替えだけでは再検索されず、新しい画面で改めて「検索」ボタンをクリック

NicEdit.com - Micro Inline WYSIWYG NicEdit is a Javascript/AJAX inline content editor to allow easy editing of web site content on the fly in the browser. 軽くてシンプルに使えるWYSIWYGエディタ「NicEdit」。 TinyMCEやFCKEditorは凄く重い(200KBオーバー)です。 でもNicEditなら30KB程度で上図のような必要最低限のWYSIWYGが実装できます。 これは覚えておきたいですね。 関連エントリ ６つの新コンポーネントを搭載したYUI 2.3.0がリリース！リッチテキストエディタ等 XHTMLを編集できるWYSIWYMエディタ「WYMeditor」 JavaScriptを使った各種WYSIWYGライブラリま

v.28でようやく一段落したiAnime.jsだが、ドキュメントもようやく数日遅れで完成。コードを書くのは楽しいが、ドキュメントを書くのはけっこう大変だ。まだまだやりたいことはたくさんあるのだが、コードばかり書いているとドキュメントが大幅に遅れてしまうので、ここで一度キャッチアップ。 ちなみに、ドキュメントは以下の４ページから成り立っている。 デザイン・プリンシプルとファイル構成についての説明 コンストラクターとメソッド アニメーション・インストラクション アニメーション・エフェクト 質問や要望はこのブログでも受け付けるし、Googleグループのianimejsグループでも受け付ける。あと、コードそのものに対するコメントも大歓迎（最新版は、Google CodeのiAnime.jsプロジェクトページからダウンロード可能）。 ちなみに、現状で動作確認が出来ているのが、パソコン用でSafari

jQuery UI: Widgets, Components, and Interactions jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. jQuery用のscript.aculo.usがリリース「jQuery UI」。 ドラッグ＆ドロップ、ソート、エレメント選択、リサイザブル、アコーディオン、カレンダー等、ＵＩに関わる機能が盛りだくさんです。 Interactions Draggables Droppables Sortables Selectables Resizables Widgets Acco

CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出