ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

過去に何度か紹介させていただいたbeBitさんのユーザビリティ実践メモに、「離脱されない携帯サイトのフォーム作成術 」という記事が掲載されています。

→　beBit　ユーザビリティ実践メモ　離脱されない携帯サイトのフォーム作成術 [bebit.co.jp]

ケータイはPCに比べて文字入力などのが大変なため、よくユーザビリティを考えてサイトを作成しないと、利用者は途中で入力を諦めてしまいます。

この記事では、

1. フォーム入力例を適切な位置に配置する
2. フォームのページ数を減らす

という2点を重要なポイントとして紹介しています。

1つ目の「フォーム入力例を適切な位置に配置する」は、注意書きの位置についてのノウハウです。

ケータイは画面が狭く、更に上から下への目線移動のため、注意書きを下に配置しても気づかれないことが多いようです。
注意書きは、入力欄の上に配置したほうが良さそうです。

2つ目の「フォームのページ数を減らす」は、フォームと入力欄の配置についてです。

地下鉄など電波の不安定な場所での入力も想定して、度々読み込みが入るようなページの遷移は、極力控えた方がよいようです。

また、入力開始時の心理的負担を減らすため、最初のページの入力欄は少なめにするという例が紹介されています。

どちらもごく簡単に導入でき、今日からすぐ使えるテクニックですね。

フォームを作成する際には、ぜひ利用してみましょう。

関連：

• 携帯サイトでのユーザナビゲーションのコツ (beBit ユーザビリティ実践メモ)
• フォームでのユーザビリティ向上のポイントを紹介した記事「PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは」
• 画面メモを意識した携帯サイト制作 (beBit ユーザビリティ実践メモ)

はてぶのホットエントリーで見つけました。

デザインに優れたケータイ向けサイトを、キャプチャ画像付きで紹介しているサイトがありました。
これは素敵です。

→　case:MobileDesign!　モバイルサイトのデザイン [d.hatena.ne.jp]

どうやってキャプチャしているのか気になったのですが、コメント欄にその答えがありました。

1. PCからアクセスできるサイトは、PC上からUserAgentを偽装するなどしてキャプチャする
2. Flashのサイトの場合は、ソフトバンク端末で保存し、メール添付でPCに転送する
3. ケータイからのみのアクセス制限されているサイトは諦める

とのことです。

2の方法は知りませんでした。
ドコモやauでは出来ないのですが、ソフトバンク端末であれば可能とのことです。
参考になりますね。

ケータイサイト作成を行っている方はぜひ巡回ルートに入れたいサイトですね。

関連：

• ブックレビュー： モバイルユーザビリティ・デザイン
• ブックレビュー：携帯サイト コーディング&デザイン
• ThinkITでモバイルサイト制作特集が組まれています

idea*ideaさんのプレゼント [ideaxidea.com] で戴きました。ありがとうございます。

頂いたのは少し前だったのですが、本業が忙しくなかなか読む暇が取れませんでした。
少し遅くなりましたが、ようやく読み終わりましたのでレビューを書きたいと思います。

→　Amazon　モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 [amazon.co.jp]

本書「モバイルユーザビリティ・デザイン　Web制作者が身につけておくべき 新・100の法則」は、そのタイトルの通り携帯サイトのユーザビリティについて100個の例を挙げ解説した本です。
ケータイのユーザビリティに絞って書かれた本は、おそらくこれが初ではないでしょうか。

著者は個人ではなく、mod_ktaiでおなじみの株式会社ゆめみさんです。

目次は次の通りです。

• 第1章　ケータイサイトを作る前にやるべき法則
• 第2章　基本構造とレイアウトの法則
• 第3章　視覚的にアピールするデザインの法則
• 第4章　ユーザーをサイトに引き込むための法則
• 第5章　ユーザーに快適さを感じさせるための法則
• 第6章　モバイルSEO対策の基本法則
• 第7章　Flash／iPhone対応サイトの法則
• 第8章　ユーザーを放さない会員制サイトの法則

大きく8章に分けられており、合わせて100のノウハウがまとめられています。

タイトルには「ユーザビリティ」とついていますが、扱っている内容はそれだけにとどまらず、端末スペックやタグなどの技術的な内容から、ソフトキーなどのケータイ独自の機能の説明、ユーザをひきつけるためのデザインについてや、メルマガをまく時間帯といった運営レベルのことについてまで、非常に幅広く書かれています。

ケータイ向けならではの様々なテクニックが、ジャンルごとに数多く、かつコンパクトにまとめられており、PCサイトしか作ったことの無い人にとっては、ケータイサイトというものを知る上で非常に有用だと思います。

個人的にちょっと残念だったところはSEOの部分が4項目と寂しいことです。
書きづらいところだとは思いますが、みんな気になる部分ですのでもう少しがんばって欲しかったなと思います。

中には読む人が読むとあたりまえのことではないかということも書いてありますが、基本をしっかり押さえてあるともいえます。

ケータイサイト初心者の方には、手早くノウハウを身につけるための手段として、ある程度ケータイサイトに精通している方は、リリース前のチェックシート代わりに使うと良いかもしれません。

性格上これ一冊でケータイサイトが作れるようになるという本ではありませんが、他の書籍と組み合わせて使うことで、よりよいサイト構築に繋げることができる手元に置いておいて損のない一冊だと思います。

関連：

• ブックレビュー：携帯サイト コーディング&デザイン
• ブックレビュー： PHP×携帯サイト デベロッパーズバイブル
• ブックレビュー：携帯サイト制作 – WEBデザインの新しいルール

PHPネタを扱った情報サイトで超有名なphpspotさんに、「PHPで携帯サイト」というコーナーがオープンしたようです。

→　phpspot　ＰＨＰで携帯サイト構築 [phpspot.net]

→　PHPSPOT開発日誌　携帯用HTML〜絵文字、デコメ用PHPライブラリ等、PHPによる携帯サイト構築法まとめ

PCサイトばかり作っていてケータイサイトの構築法は分からないという人をターゲットとして、携帯サイトデザイン編、ＰＨＰライブラリを使った各種処理の簡略化、リンク集という形で、ケータイサイト構築に必要な情報をまとめてあります。

リンク集の中にはke-tai.orgへの記事のリンクもありました。感謝です。

関連：

• ThinkITにデコメールについて詳しく解説した記事「開封率の高いデコメールでメルマガ配信！」が掲載されています
• gihyo.jpで連載記事「【PHPで作る】初めての携帯サイト構築」がスタートしたようです
• 「Google Chart API」をケータイから使ってみる

taroxさんからのタレコミです。
（情報提供ありがとうございます）

Googleモバイルに一瞬だけ新しいコンテンツがアップされていたようです。

→　サクッとペラいち　Googleモバイルがリニューアルしてます！→元に戻る

1/21の朝にケータイからGoogleにアクセスしたところ、「検索、Gmail、地図、ニュース、iGoogle、写真」といった従来のメニューに加えて、「フィード（Googleリーダー）、G00G-411、ドキュメント、ノートブック」という機能が追加されていたとのことです。
（それぞれの機能については上記ブログ内で解説されています）

また地図などの従来のコンテンツも機能が追加され、より便利になっていたとのことです。

現状は元に戻ってしまったとのことですが、リニューアル予定のコンテンツが一瞬見えてしまっていたということでしょうか？

現在トップからメニューにアクセスしてもやはりアクセスできないですね。
気になります。

もし他にもこの新コンテンツをご覧になった方がいましたら、コメント欄から何か情報をいただけると嬉しいです。

関連：

• Google Static Map APIが随分変わっていたので調べ直してみました
• ケータイサイトでGoogle Analyticsを利用するためのライブラリ
• Google、モバイル向けクローラーの情報公開へ