.mobiモバイルWebサイト作成のガイドライン

• かもしれません 16, 2024

.mobiガイドライン

最初のガイドラインは、サイトの全体的な動作です。モバイルプロファイルは、さまざまな携帯電話からアクセスする際の一貫したエクスペリエンスのために、URI（統一リソース識別子）に従う必要があります。 PDAの機能を使用して活用します。ショートカットを使用せず、常に実際のデバイスとエミュレーターで必ずテストしてください。また、ターゲットクライアントがフレームをサポートすることがわかっている場合を除き、フレーム（標準またはインライン）を使用しないでください。

次に、ページコンテンツがモバイル環境での使用に適していることを確認する必要があります。 URLを短くし、ページ上部で最小限のナビゲーションを提供します。構造を考慮し、ページ上の多数のリンクを評価します。 .mobiサイトのナビゲーションとリンクを設計するときは、一貫性が重要です。常にボタンやリンクを画面に追加する代わりに、電話のリソースを使用してください。覚えておくべき他の重要なポイントを以下に示します。
*リンクターゲットの識別-各リンクのターゲットを明確に識別します。
*デバイスがサポートしていることがわからない限り、ターゲットファイルの形式に注意してください。
*イメージマップ-ターゲットクライアントがイメージマップを効果的にサポートしていることがわからない限り、イメージマップを使用しないでください。
*更新、リダイレクト、および生成されたウィンドウ-ポップアップやその他のウィンドウを表示させたり、ユーザーに通知せずに現在のウィンドウを変更したりしないでください。
*ユーザーに通知し、それを停止する手段を提供していない限り、定期的に自動更新ページを作成しないでください。
*マークアップを使用してページを自動的にリダイレクトしないでください。代わりに、HTTP 3xxコードを使用してリダイレクトを実行するようにサーバーを構成します。
*外部リンクリソース-外部リンクリソースの数を最小限に抑えます。

第三に、ページのレイアウトとコンテンツを慎重に検討する必要があります。明確で簡潔でシンプルな言語を使用する必要があります。ページサイズは、使用可能な部分に限定する必要があります。デバイスにはメモリの制限があることを忘れないでください。スクロールは必要ですが、やむを得ない場合を除き、一方向（上下）に制限する必要があります。画像が重要な性質である場合を除き、大規模または高解像度の画像を避けながら、デバイスによって適切にレンダリングできるグラフィックを使用するようにします。コントラストと色を調査する必要があります。一部のデバイスは白黒でしか表示されない場合があるため、公開するものがカラーまたは白黒で適切に機能することを確認してください。


4番目はページ定義です。タイトルは短くても説明的でなければなりません。テーブル（またはネストされたテーブル）は使用しないでください。ページを実行するために埋め込みオブジェクトまたはスクリプトに依存しないでください。マークアップ言語ではピクセル単位も絶対単位も使用せず、代わりに属性値とスタイルシートプロパティ値を使用します。スタイルシートは、レイアウトとページ定義を制御するために使用する必要がありますが、小さくしてください。コンテンツは、モバイルデバイスでサポートされていることがわかっている形式で送信する必要があります。コンテンツは、モバイルデバイスでサポートされている文字エンコードでエンコードする必要があります。 Cookieに依存したり、フォント関連のスタイリングを使用したりしないでください。エラーメッセージは、正確な情報と画面から移動する方法を提供する必要があります。

5番目に、ユーザー入力は最小限のキーストロークに維持する必要があります。可能な場合は、フリーテキストエントリを避け、事前に選択されたデフォルト値を提供します。すべてのリンクとページが論理的な順序であることを確認し、すべてのコントロールに適切なラベルを付けます。


出典：dotMobi Switch On Guides＆Mobile Web Best Practices – from W3C

出典：Mobinomyは、モバイル、セルラー、および関連分野の情報、データ、ディレクトリ、およびWebリンクリソースを提供します。これは、携帯電話業界に関連するWebサイト、情報、ニュース、トレンド、レビュー、Webリンク、Webサイトリソースなどを取得したい人に役立つことを目的としています。携帯電話とアクセサリーのサプライヤーとメーカーに関するリソース、価格などの商業情報、バイヤー/バイヤー向けのお買い得情報と価格情報、携帯電話のチュートリアル/チュートリアル、モバイル技術ガイド/ガイド、モバイル＆ワイヤレスのヒント、これらのトピックに関するfaq / faqs。