web-dev-qa-db-ja.com

クロスプラットフォームHIG。 HTML5アプリには何を使用していますか?

AndriodまたはiOSアプリを設計するときは、それぞれのヒューマンインターフェイスガイドライン(HIG)に従う必要があることは明らかです。しかし、Html5アプリを設計するときはどうしますか?どのようなクロスプラットフォームモバイルHIGがありますか?

クロスプラットフォームのhtml5アプリにどのHIG(公式またはカスタム)を推奨しますか?

編集:明確にするために、「html5アプリ」という用語を使用して、html、css、およびjavascriptに依存するアプリを指します。

13
JohnGB

ユーザーエクスペリエンスはプラットフォームに依存しないため、HTML5でのモバイルデバイス向けの開発は、HTML 4.01またはXHTMLでの開発と同じです。ボタンは、どのようなプラットフォームを使用していても、ボタンのように見え、機能する必要があります。 HTML5でもっと多くのことができることは知っていますが、それでもモバイルデバイスのユーザーエクスペリエンスは変わりません。モバイルWebにも標準のUXルールを実装する必要があります。

画面サイズはデバイスによって異なるため、どこでも相対サイズを使用してください。あるガイドラインを他のガイドラインよりも詳しく調べる必要がある場合は、 Android の方が多くのデバイスを対象とするため(前回チェックしたときは+600)、私はそれを好みます。

モバイルでさらに重要なのは、アプリが「外出先」で使用されるため、「モバイル」シナリオでWebアプリをテストすることです。

5
Benny Skogberg

HTML5で構築されているのは、ちょっとしたやり直しだと思います。重要なのは、プラットフォーム間で共有UIを使用することです。

私が探しているのは、jQuery UI、Senchaなどの既存のUIパターンライブラリから借用する可能性が高いです。ほとんどの場合、彼らは単に、機能するものを選択して選択し、機能しているだけです。プラットフォーム全体で一貫性を保つための条件。

それを超えて、それは本当にあなたが構築している特定の種類のアプリに依存します。

また、HTML5を使用してビルドしている場合でも、ネイティブ要素を使用する方法があることを覚えておいてください。たとえば、PhoneGAPを使用すると、コードをフォークすることなく、どちらのプラットフォームのネイティブUI要素にもアクセスできます。

3
DA01

Luke Wrobleskiの彼の記事の多くで概説されているアプローチを検討することをお勧めします。たとえば、 Off Canvas Multi-Device Layouts などです。キャンバスを外したアプローチは、Google検索(およびその他の製品)のモバイルインターフェイスやFacebookのネイティブアプリなどのおかげで、今日では一般的になっています。

他の回答と同様に、HTML5は目的ではなく、デバイス間で一貫したエクスペリエンスを作成するための手段であることに同意します。

1
Daniele