離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)
みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか？ ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを２つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。
モバイルSEO対策はまずYahoo!カテゴリモバイル版への登録から始める
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
au端末の携帯サイトシミュレーター 「Openwave SDK 6.2K」の入手先 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
書籍を執筆する段階でもそうだったんですが、 携帯サイトでのau端末の動作を確認する「Openwave SDK 6.2K」って 今公開中止になっていますよね。 これによって携帯サイト開発が滞ってる方って結構いらっしゃるんじゃないでしょうか。 実は私もサブPC用に入れたいのに入手できずにいた者の一人です。笑 プログラムがないかネットで情報を探したところ、 どうやらweb.archive.orgで入手可能な様子。 リンクはっておきますね。 Openwave SDK 6.2K いつなくなるか分からないので、まだ入手できてない方は、 今のうちににゲットしちゃいましょう。 では。 P.S プレゼント企画ですが、続々とメッセージ届いてます。 ありがとうございます。現在約20名ほど頂いてます。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
ke-tai.org > Blog Archive > ケータイサイトでGoogle Analyticsを利用するためのライブラリ
ケータイサイトでGoogle Analyticsを利用するためのライブラリ Tweet 2009/1/16 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ケータイサイトでGoogle Analyticsを利用するためのライブラリ「SELENE.GA4K」というものがあるらしいです。 → EOS Project GA4K [exbridge.jp] → ITMedia +D Mobile Googleのアクセス解析を携帯サイトで – エクスブリッジがライブラリ公開 [itmedia.co.jp] Google Analyticsは、JavaScriptで動作するため、本来ケータイサイトでは動作しません。 こちらのPHPで作られたライブラリ「SELENE.GA4K」では、PHP経由でGoogleが提供しているAPIを利用し、ケータイサイトでもGoogl
Movabletypeで携帯サイト作成
Movabletypeで作成したサイトを、Movabletypeの機能を利用して、携帯向けにも公開した。その方法を紹介する。 ※今回はMT3.xを利用した方法。考え方だけ理解できれば、MT4.xにも適用できるはず。 参考）本ブログの携帯版http://www.web2-labo.com/m/ MT4iの致命的な弱点 当初はMT携帯サイト化用の超有名なスクリプト「MT4i」を利用した。 だが、MT4iは、MT最大の利点である「静的htmlファイル生成」を行わないため、携帯からアクセスするとメチャクチャ重くて却下。 MTの機能をフル活用 良く考えてみたら、Movabletypeの機能を上手く使えば、PC/携帯両方向けのhtmlファイルを同時に生成できる。 ※当方法は、画像サイズ変換にPHPを利用するため、ご利用のサーバーがPHPを利用できることが前提。 1)携帯サイト用テンプレートを追加 携帯
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
ke-tai.org > Blog Archive > ケータイFlashについての5つのTIPSがまとめられた記事「これだけは知っておきたいFlashLite入門」
ケータイFlashについての5つのTIPSがまとめられた記事「これだけは知っておきたいFlashLite入門」 Tweet 2008/12/25 木曜日 matsui Posted in Flash | No Comments » 先日にも取り上げさせていただいたばかりのブログ「_level0.KAYAC」に、またまたFlash Liteに関するためになる記事がありましたのでご紹介します。 → _level0.KAYAC これだけは知っておきたい「FlashLite入門」 [kayac.com] まったくの初心者の状態から1年間Flash Liteを使ってみてのおさらいという形で、5つのノウハウがまとめられています。 ムービークリップの参照方法 Flash Lite1.1でfunctionは使えない SWFの容量は１００K以内 画像が赤くなる swfmillでケータイFlashを動的に生成
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
審査の時間について
消費者金融でキャッシングを利用する前に避けて通れない要素として、申し込み後の審査期間が挙げられます。 現在ではキャッシングにおける審査の時間が短縮傾向にある事から、大抵の消費者金融は30分から長くても1時間程度で審査を済ませてしまうパターンが多くなっています。しかし、実際の審査の時間は利用者の個人信用情報や収入量に加えて、他社の借り入れ状況などの諸事情によって変動する可能性が考えられる為、必ずしも記載されている時間内に完了するとは限らない点に注意が必要です。 特に即日融資を希望する場合には、これらの要因から予定よりも利用開始時間が遅れる事を考慮して、余裕を持った申し込み手続きが求められてきます。また、銀行系の企業から融資を受ける際には、大抵は審査基準が厳しくなると同時に審査の時間も長めになるので、キャッシングの利用開始までに時間が掛かる事を理解しておく必要があります。 銀行系企業では、必要
モバイル SEO への取り組み : LINE Corporation ディレクターブログ
こんにちわ。モバイルディレクターの飯田瞬です。 今回は、最近何かと話題のモバイル SEO について触れたいと思います。 モバイルの SEO が注目され始めたのはつい最近の話で、2006年に EZweb がメニュー検索に Google 検索エンジンを導入したあたりだと言われています。ですので、PC に比べてモバイル SEO は歴史も浅ければノウハウもまだまだこれからといったところです。 そこで、ライブドアではモバイルサイトにどういった SEO 対策を施しているかをざっくり簡潔に紹介したいと思います。 【01】クローラーのアクセスを許可 モバイルサイトのアクセス制御を IP アドレスで行っている (ホワイトリスト方式) 場合、各検索エンジンのクローラー IP 帯域からもアクセスできるように設定してあげる必要があります。 この設定を行わないと、そもそもクローラーがモバイルサイトにアクセスできずク
携帯サイトを作るのに便利なfirefoxアドオン
携帯サイト制作の際にあったら便利なアドオンを紹介します。 ここで紹介したもの以外に他にも便利なものがあれば教えてください！ Mobile BarCoder 実機確認するときに便利なアドオンです。 携帯電話のテンキーでURLを打ち込むっていうのはかなり面倒な作業ですが、MobileBarcoderをインストールしておくと、表示しているURLをQRコードで表示してくれます。 インストールすると、firefoxのウィンドウ右下にバーコードのアイコンが表示されるのでそのアイコンにマウスを乗せるだけです。 Mobile Barcoder :: Firefox Add-ons FireMobileSimulator 実機で確認しようにも個人で全ての携帯を揃えることは難しいですよね。趣味であればなおさら。 そんなときに役立つのがFireMobileSimulatorです。 [ツール]→[メニュー]
ke-tai.org > Blog Archive > MovableType用のケータイ用テンプレートと、ケータイ化に便利なプラグイン
MovableType用のケータイ用テンプレートと、ケータイ化に便利なプラグイン Tweet 2008/11/17 月曜日 matsui Posted in 記事紹介・リンク | No Comments » アクセスアート 松本さんからのタレコミです。 情報提供ありがとうございます。 MovableType用のケータイ用テンプレートと、ケータイ化に便利なプラグインを作成し、公開しているとのことですので、紹介させていただきます。 → アクセスアート MovableType 携帯用テンプレート [weblabaccess.com] 以下タレコミ文からの引用です。 携帯用のMT(Movable Type) テンプレート pluginを作成いたしました。 小川宏高（http://as-is.net/blog/）様のテンプレートセットをpluggableにするプラグイン、Templets Plugi
携帯電話で作成できる企業向け携帯ウェブ作成サービス「モバロケ」 - ネタフル
3キャリア+iPhoneに対応した企業向け携帯ウェブを携帯電話から作成することができる「モバロケ」というサービスがありました。 携帯電話から携帯向けウェブを作成できるサービスというのは他にもあると思うのですが「モバロケ」の特徴は、外部サービスとマッシュアップして周辺情報まで提供できるところにあります。 例えば「製造業の製品紹介ホームページ」というサンプルがあるのですが、新着情報や会社概要などの基本コンテンツに加え、 ・地図 ・最寄り駅 ・乗り換え ・天気 ・駐車場 ・ガソリン などの情報も表示するようになっています。さらには、周辺の飲食店情報まで表示されていたりして。 「そこまで必要？」と思う人もいるかもしれませんが、コンセプトが「携帯ホームページでお客様に、おもてなしをする」ということなので、その通りのサイトができあがっています。 携帯電話から操作できるCMSなので、ハードルも低そうです
PCブラウザで携帯サイトのテストをする
PCブラウザを使ってテストする 前回（http://www.thinkit.co.jp/article/142/1/）は、携帯テストを行う上でのポイントを見てきました。今回は、携帯サイトのテストをPCのWebブラウザを使って行う方法について紹介します。 携帯サイトは携帯キャリアによる仕様が違うといえども、基本的には一部を除きHTMLやXHTMLを利用しているWebサイトには違いありません。そのため通常のブラウザでPC向けのWebサイトと同じように表示することができます。そのため一般的な画面が表示できるかのテストはPCブラウザで行うことができます。 また、PCブラウザは携帯端末ではできないテストも行うことができます。それは「ソースコードのチェック」や「HTTPの通信ログ」の確認などです。通常のPCブラウザでは表示されているHTMLのソースコードを見ることが簡単にできますが、携帯端末ではソース
モバイルサイトに関するサイト19
twitter facebook hatena google pocket 近年モバイルサイトへの注目が集まっていますが、実態を把握していない人も多いのではないでしょうか。 そんな訳でモバイルサイトに関するサイトを集めてみました。 sponsors 制作実務 【モバイル向けサイト制作】今から始める携帯サイト制作 【モバイル向けサイト制作】携帯サイトをテストする方法 【モバイル向けサイト制作】出遅れるな！Flash Lite入門 【モバイル向けサイト制作】モバイルWeb構築の最新潮流 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方- 3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン モバイルサイトで使われる画像の容量を落とす方法 モバイルサイトを成功させるためのたった3つのポイントと、10の構築ルール トレンド Web2.0よりケータイ1.0が
時計待ち受けを作ろう！
Flash Liteで時計待ち受けコンテンツ 携帯の大きな特徴の1つでもあり、人気の高いコンテンツとして、待ち受け画像が挙げられると思います。待ち受け画像は通常の1枚画像だけではなく、Flashを用いたものも多く存在します。 待ち受け画像をFlashで作成することにより、時計や日付を表示させるアニメーションが可能となります。つまり、待ち受け画像に何らかの動作を付け加えることができるので、より表現の幅を広げたものを作ることができます。 今回は、Flash Liteで時計待ち受けを制作してみましょう。まずは簡単に、待ち受けの画面内に時計と日付が表示されるだけのシンプルなデジタル時計について説明します。 時計待ち受けの準備作業 それでは、デジタル時計の待ち受けの作成方法を解説するにあたり、まずはこちらからサンプルをダウンロード（http://www.thinkit.co.jp/images/ar
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[Think IT] 【モバイル向けサイト制作】モバイルWeb構築の最新潮流