ますます多くのモバイルデバイスが私のeコマースサイトのコンテンツを消費しています。iPhone、ブラックベリー、PSP、Windows Mobileなど、これらのデバイスのCSSテンプレートを使用してデータの転用を処理する方法についていくつかのアイデアが必要です。どんなアイデアでも素晴らしいでしょう。
5 に答える
http://mobile.delta.comで、Delta Airlines が CSS で行っていることを確認することをお勧めします。彼らは、モバイル バンキングを行う MShift という会社から支援を受けています (明らかに、さまざまなデバイスで動作する必要があります)。
https://my.mshift.com/deltacss.cssの Delta サイトで使用されているスタイルシートからインスピレーションを得ることができます。
最後に、 http: //www.mshift.com/demo.html には、MShift のデモ モバイル サイトの長いリストがあります。
FWIW、私は Delta または MShift とは何の関係もありません。私は彼らのモバイル UI に感心しました。
WURFLは、CSS を含むデバイス固有のブラウザー プロパティを処理するための最良のオープン リソースです。
私は PSP を持っています。これには WebKit ベースのブラウザー (Google Chrome と Safari も WebKit エンジンを使用します) が搭載されているため、Safari/Chrome で正常に動作するサイトは PSP でも正常に動作します。ただし、PSP の解像度は 480×272 であるため、PSP プラットフォームをターゲットにする場合は、この小さな解像度に留意する必要があります。
おそらく、次のリソースが興味深いでしょう。
- IEMobile ブログ - http://www.microsoft.com/windowsmobile/en-us/downloads/microsoft/internet-explorer-mobile.mspx
- Sony PSP の Web デザイン - http://www.brothercake.com/site/resources/reference/psp/
- iPhone の Web 開発 - http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/
したがって、通常、モバイル デバイスをターゲットにする場合は、e コマース Web サイトが小さな解像度で正常に動作すること、activeX を使用しないこと (iPhone Safari、Opera Mini、PSP ブラウザーでは動作しないため) などを確認する必要があります。シンプルにしてください:)
I would say keep it as simple as possible. Internet on phones can be 3g/wifi or as slow as you can possibly imagine. I would keep the test large so it's easier to read, and links easy to click if you are targeting a touch device. I would also say no to images unless they are 1kb or less.
Nokia Mobile Web Templateを忘れないでください。それはより大きな電話ベンダーです。