新しいaBlogtoWatch.comスマートフォンエクスペリエンスを歓迎

スマートフォンを使用してaBlogtoWatch.comを閲覧していますか? その場合、最近公開された新しいスマートフォンの画面のおかげで、サイトのより良いビューを楽しむことができます。以下のコメントであなたの経験についてお聞きしたいと思います。

訪問の半分はスマートフォンとタブレットから来ており、ほとんどのタブレットは引き続きサイトの完全なデスクトップエクスペリエンスを享受しますが、機能、使いやすさを損なうことなく、小さな画面(および帯域幅)のニーズに対応するためにしばらく時間が必要でした-ナビゲーション、またはページに表示する情報の量。

読みやすい

それが記事のあるサイトの目標です。読みやすくする必要があります。 スマートフォンの場合、テキストサイズが画面に収まるように、フォントサイズを上げてサイドバーを捨てました。

固体スマートフォンナビゲーション

スマートフォンのビューの左上を見ると、新しいナビゲーションメニューボタンが表示されます。 これは「ハンバーガーメニュー」と呼ばれ、ほとんどのモバイル画面の上部に表示される3本の平行で水平の太い線です。 コンパクトで、簡単にアクセスでき、フルデスクトップサイトメニューと同じメニュー選択でスライドできます。

スマートフォンの全機能

フルデスクトップサイトでできることはすべて、aBlogtoWatch.comのスマートフォンデバイスでできます。 フィルターシステムを使用して、カテゴリページと[すべての記事]ページで記事を検索するのが以前よりも簡単になりました。[ブランドを見る]ページでは、頭文字で時計ブランドを簡単に見つけることができます。

広告

カロリーの2/3で食べられるすべてのWatch Porn(まあ、少なくともWebサイトのサイズ)

スマートフォンのビューに必要のないコードと画像の読み込みを削除したため、これらの大きな画像をすべて使用しても、ページは少し速く読み込まれるはずです。 どのデバイスを使用していても、誰もが同じ画像と優れたパフォーマンスを体験できるようにしたいと考えています。

99個のビューポートを取得しましたが、ウォッチは1つではありません…

Googleアナリティクスによると、実際には過去30日間にサイトにアクセスした2, 723の異なるビューポート(異なるデバイスのブラウザーウィンドウ)があります。 サイトのスマートフォンビューを開発したため、数台の物理的な電話のみをテストできました。 エクスペリエンスが異なる可能性があるため、スマートフォンで見た目があまり正しくない場合はお知らせください。

ほとんどのデバイスはあまり良くないという事実のために、デバイスエミュレーターはしばしばむらのある結果をもたらします。このコーディングの一部はビューポートの幅(レスポンシブコード)をターゲットとして行われ、一部はデバイスと向きをターゲットとして行われます。 (アダプティブコード)、およびこれらのことを行うコードの種類(CSS、PHP、JavaScript)が混在しています。 それで、全体は基本的に、それが宇宙のすべての電話で見栄えが良い/動作するかどうかについてのがらくたです。 ここがあなたの出番です…

開発に使用される、さまざまなデバイスエミュレーターに読み込まれた実際のエミュレーションのスクリーンショット
モバイルサイトビューのトラブルシューティング

既知の問題点

Windows Phoneの「ピンチイン」:モバイルビューをリリースする前にaBlogtoWatchチームからフィードバックを受け取った後、Windows Phoneでは、画面が読み込まれたら「ピンチイン」 する必要があることを学びました。画面の幅全体。 これは、世界の他のすべてのモバイルブラウザにモバイルサイトとして読み取るように指示するコード内のリテラル「ビューポート」タグを認識しないWindows(もちろん)モバイルブラウザの既知の問題です。 これを修正するスクリプトを追加したので、問題にならないかもしれません。

Disqusのコメントは小さい:新しいコメントシステムDisqusは応答しません。 フォントサイズを制御することはできません。 私はあなたと一緒にそれを嫌いますが、私はそれについて何もできません。 彼らは苦情を承知しているが、まだ変更はないと約束している。 ユーザーがピンチインとピンチアウトの機能を残しているので、横向きモードでコメントを読むのに役立ちます。

私たちに話してください

そのため、バグや迷惑が発生した場合は以下にお知らせください。デバイスの正確なメーカー/モデルとスクリーンショットが常に役立つことに注意してください。 または、Livefyreが先週から4日間のコメントの欠落、またはその他の技術的な情報を提供するのを待っているという事実に不満がある場合は、お気軽にコメントしてください。 Disqusを賞賛する、または文句を言う(コメントを読んでいるため)。 さて、あなたが私たちがあなたを助けることができると思うものは何でも文句を言いたいなら、先に行き、コメントしてください。

または、先週インターネットで見つけた最高の画像の形でビスケット/クラッカー/咳止めを置いておいてください。きれいにしておいてください。 –舞台裏に存在し、多くの記事を書く機会を得られないaBlogtoWatchチームメンバーに敬意を表して。 さあ、スマートフォンでaBlogtoWatchをお楽しみください!