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

以前にも何度かご紹介したことのある「Web担当者Forum」というサイトに、ケータイサイトでのフォームを設計する際に、ユーザビリティを向上させるためのポイントをまとめた記事が掲載されています。

→　Web担当者Forum　第11回　PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは [impressrd.jp]

メールアドレスの入力用フォームから、プルダウンやボタンの配置、アクセスキーについてまで、実例付きで解説されています。

携帯サイトの基本思想は、「調べさせない」「手間取らせない」がポイントとのことです。

また、フォーム改善のコツとして、次の３つが挙げられています。

• 「個人プロフィールからの引用機能」を前提にしてよい。むしろ積極活用を想定しよう。
• ボタンとプルダウンメニューの違いを明確にして、直感的に理解できるようにしよう。
• アクセスキーを効果的に取り入れることで、ユーザーの行動をサポートしよう。

ケータイサイトはページデザインが簡素なため、入力フォームなどを作成する場合も、デザイナーではなくプログラマが作成してしまうというケースも多いと思います。

プログラマの方であっても、このような記事を参考にし、普段からユーザビリティを意識することが必要かもしれませんね。

関連：

• リサーチで検証した売れるモバイルショッピングページのレイアウトとは？
• 画面メモを意識した携帯サイト制作 (beBit ユーザビリティ実践メモ)
• 個人プロフィールからの引用を考慮した携帯サイトフォーム設計 (beBit ユーザビリティ実践メモ)

少し前に、「モバゲーのフレームワークがオープンソースとして公開されました」という記事をご紹介させていただきましたが、その発表の際に使用されたスライド資料が公開されていたことに気づきましたのでご紹介します。

→　DeNA 技師のメモ　MobaSiF のオープンソース化 + プレスリリース + スライド公開 [hatena.ne.jp]

また開発元のDeNAからプレスリリースも公開されていたようです。

→　DeNA　プレスリリース　ＤｅＮＡ、「モバゲータウン」等で使用されているフレームワーク「ＭｏｂａＳｉＦ（モバシフ）」をオープンソースとして公開 [dena.ne.jp]

発表資料はパワーポイント形式で公開されているのですが、海外の利用者も意識して作られた資料のようで、英語で書かれています。

ですので、英語が苦手な方には解読が必要になると思いますが、サンプルコードも載っていますし、これからMobaSiFを使ってみようという方や、新たにフレームワークを作るために技術を盗んでみようという方には、十分参考になる資料だと思います。

関連：

• モバゲーのフレームワークがオープンソースとして公開されました
• モバゲータウンの基盤モジュールがオープンソース化
• ブックレビュー： 勝手サイト – 先駆者が明かすケータイビジネスの新機軸

本日、NTTドコモの2008年夏モデルである906iシリーズ8機種と、706iシリーズ11機種の計19機種が発表されたようです。

→　NTTDoCoMo　報道発表資料　906i／706iシリーズ19機種を開発および一部機種を発売 [nttdocomo.co.jp]

→　ITMedia +D Mobile　無線LAN、タッチパネル、擬似5.1ch、顔認識カメラ、横UI……“全部入り”がさらに強化 – ドコモ、906iシリーズ8機種発表 [itmedia.co.jp]

→　ITMedia +D Mobile　ワンセグ充実、新デザインコラボ、使いやすさ重視と「ウェルネスケータイ」 – ドコモ、706iシリーズ11機種発表 [itmedia.co.jp]

→　GIGAZINE　【速報】NTTドコモが動画に重点を置いたFOMA「906i」「706i」シリーズ19機種を発表 [gigazine.net]

これらの端末は、6月から9月にかけて順次発売されるとのことです。

今のところ、ドコモの公式ホームページ内の端末スペック表には、まだ情報が記載されていません。
無線LANを搭載した「N906iL」や、タッチパネルを搭載された「SH906i」など、個性的な機種も多く、どのような仕様になっているのか注目ですね。

また、今年3月に発売された「NM705i」がiモード対応HTML4.0というびっくりスペックでしたので、今回の「NM706i」がどうなっているのか、個人的には興味があったりします。

関連：

• ドコモの「906i」シリーズには無線LANが搭載されるらしい
• auとソフトバンクが春商戦向けの新ラインナップを発表

先日の「第33回PHP勉強会」に参加させていただいたのですが、その際の発表で使用したスライド資料を公開いたします。

| View | Upload your own

なお、資料内で紹介しているサンプルはこちらからご覧になれます。

• 1. ラインの切替
• 2. 円の描画
• 3. アニメーションGIF化(1)　※サーバ都合上結果GIFのみ公開
• 4. アニメーションGIF化(2)　※サーバ都合上結果GIFのみ公開
• 5. 操作(住所指定方式)　※ケータイからのみ
• 6. 操作(パラメータ変更)

それぞれプログラムもあるのですが、出張の移動中に書いたのでソースがあまりキレイではないのと、ライブラリとして使えるように、現在リファクタリング中です。
近日中に公開する予定ですので、もう少々お待ちください。

なお、勉強会参加者のtwkさんが、早速ウィザードの日本語訳のページを作ってしまったそうです。
→　こちらです
GoogleStaticMapsAPIに慣れていない方にはとても便利だと思います。
ぜひ合わせてご利用されると良いのではないでしょうか。

関連：

• 携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」
• ケータイで取得した位置情報をGoogleMap形式に変換するサンプル
• FOMAオープンiエリアの位置情報取得機能を試してみました

2008年5月23日に行われた「第33回PHP勉強会」に参加してきました。

→　Japan PHP Users Group　Event Entry::第33回PHP勉強会 [php.gr.jp]

この勉強会の中で、「モバイル版Googleマップのちょっと進んだ使い方」という発表を行わせていただきました。

発表に使用した資料とプログラムは、後日あらためて公開させていただきます。

発表後の懇親会で聞いたのですが、どうやらGPS絡みに興味がある方が多いようで、「こちら」の現在位置表示システムを解説したほうが良かったのだと、後になって気づきました。失敗でした(^^;

とにもかくにも、関係者の皆様、参加者の皆様には大変お世話になりました。
今後も機会がありましたら、参加させていただきたいと思います。
本当にありがとうございました。

場所は麻布十番でした

会場の様子