2011-12-30 10 views
6

ASP.NET MVCでWebアプリケーションを設計する私は、スマートフォン、ipadなどを使用してこれらの人々をどのように喜ばせることができるのか、自分自身に尋ねました。Webアプリケーションをタッチパッドに優しいアプリケーションにするにはどうすればよいですか?

どのようにユーザーエクスペリエンスを向上させることができますか?

私は後であなたの提案を具体的に実装できるように、asp.net mvcフレームワークに関する技術的アドバイスについてお聞きしたいと思います。

+0

iPhone/iPad/Androidなどのタッチインターフェイス用に開発している場合は、何かを見越して見たり、やりとりするコードを含めないようにしてください。これらのデバイスには、ホバーの概念はありません。これを行うなら、少なくともいくつかの回避策を提供してください。 – Dismissile

+0

この質問は、[ユーザーエクスペリエンススタックエクスチェンジ](http://ux.stackexchange.com/)でより良い回答を得るかもしれません。 –

+0

@djacobson私は後でそれもやります。 – Elisabeth

答えて

0

ゴーASP.NET MVC 4 Mobile Features

  • モバイル固有のビューを作成します。

- モバイルデバイスでの表示を改善するために、HTML5ビューポート属性と適応レンダリングを使用します。

+0

a MSFT great:P – Elisabeth

4

友好度はいくつかあります。基本的な "このサイトはモバイルブラウザで使用できるように十分にレンダリングされますか?"これは、現代のWeb標準を使用している新しいものでは問題ではないが、古いサイトでは問題がある可能性がある。これは、「私のサイトは、各ページが14MBのアニメーションGIFとスパゲッティHTMLであるため、3gを超えるレンダリングに永遠にかかる帯域幅の肥大ですか?または「私のサイトは、猛烈なスクリプトのためにモバイルデバイスを溶かすのですか?幸いなことに、このセットは扱いが簡単です。現代のウェブサイトでは、これをデフォルトでうまく処理する傾向があります。

第2レベルは「このサイトはタッチの観点から何か狂っていますか」です。ここでクリップすることができる大きなものは、ホバーベースのメニューです。がタッチUIにホバーしています。他の一般的な問題は、少なくとも狂ったレベルにズームインすることなくヒットできない小さなリンクやボタンを使用することです。ここの解決方法はテストです。いくつかの問題はすべてには明らかですが、マウスを使わずに対話するまでは何も表示されません。

最後のレベルは、楽しいと利益のためのタッチUIを使用しています。あなたがこれを遠くにするなら、あなたはこの日と時代に多くのウェブ出版者よりもうまくやっています。ここで関与するのは、jquery mobileなどのタッチフレンドリーなUIツールを使用して、スワイプイベントやその他のタッチ機能を処理して、タッチUIで期待されるように機能させることです。簡単な例は、ボタンを待たずにイメージカルーセルをスワイプ可能にすることです。

1

大きなアイコンは簡単にクリックできますが、テキストは正確に触れるのが非常に難しいです。 iPhone/Androidの仮想キーボード上の個々のキーと少なくとも同じくらい大きい、すべての要素の最小サイズを設定します。

最も関連性の高いオプションが一番上に表示されていることを確認してから、直感的に直感的な操作を行うだけです。一般的にメニューの数が少なくなります。私のチュートリアルを

関連する問題