ホームページ » UI / UX » タブレットユーザー向けのWebサイト構築の検討

    タブレットユーザー向けのWebサイト構築の検討

    かつてはもっぱらAppleのiPadによって支配されていたタブレットアリーナは、現在、毎日新しい参入者で急成長しています。 Google Nexus 7、Amazon Kindle、Microsoft Surface、その他多数のタブレット端末が市場に参入したことで、マーケティング担当者はPCのWebサイトを超えて検討し、スタンドアロンのタブレット戦略を開発するよう求めています。, タブレット向けのWebサイト.

    タブレットはスマートフォンに代わるものですか?短い答えはノーです。実際、最近のcomScoreのレポートでは、スマートフォン所有者の4人に1人がタブレットを使用していたことが明らかになっています。さらに、人々がこれら2つのデバイスを使用する方法でいくつかの明確な違いがあります。あなたのモバイルウェブ戦略のいくつかはタブレットユーザーのために働くかもしれませんが、あなたのタブレットリーダーは特別な配慮を必要とする特定のニーズを持っています.

    タブレットのための建物

    Online Publishers Associationによる調査によると、コンテンツや情報へのアクセスは、世界中でタブレットの所有者にとって最も重要な活動のようです。コンテンツ消費量 ビデオを見て、続いてニュースを読む. だから、あなたは、コンテンツマーケティング担当者または出版社として、あなたのタブレットリーダーを活気づけるために何をすべきですか?

    タブレットリーダーは、豊富なグラフィックと非常に詳細なビジュアルで構築されている無数のアプリケーションに慣れています。したがって、タブレットリーダーは、デスクトップブラウザで見るのに慣れているのと同じ、控えめでアプリのような読書体験を期待しています。.

    スクロールは合格です。スワイプ中

    増え続けるタブレットの訪問者を引き付ける唯一の方法は、PCのWebサイトの標準、つまり垂直スクロールの形式とレイアウトを超えて考え、より個人的でインタラクティブなWebサイトを構築することです。タブレットリーダーは、スワイプやフリックなどのジェスチャに慣れており、サイトをナビゲートする古い「スクロールとクリック」の方法よりもこれらを好みます。.

    HTML 5およびCSS 3を利用して、印刷された雑誌をエミュレートし、お気に入りの雑誌のページをめくる体験を読者に提供する、ページ付けされたよくフォーマットされたレイアウトでコンテンツを表示する.

    タッチフレンドリーなウェブサイト

    今日市場に出回っているすべてのタブレットはタッチインターフェースで動作します。そして、それは私たちがどのようにパーソナルコンピュータと対話するかというまさしくその考えを再定義しました。タブレットで最適な読み方をするには、最小テキストサイズを14ピクセルに設定するのと同じくらい簡単です。しかし、特に人間の入力に関しては、ユーザーインターフェースはどうでしょうか。?

    それは指の中です

    PCのWebサイトは、カーソルを介してマウスでアクセス可能な目から一定の距離にある画面にロードされますが、タブレットは手に持ってユーザーの指からの入力を受け付けるように設計されています。.

    テキストパディングを増やす 大きな指でもクリックできるハイパーリンクテキストの周囲にはかなりの領域があります。また 文間の行送りを増やす 間に衝突がないように ハイパーリンクテキスト、フォームフィールド、またはドロップダウンメニュー. ホバーイベントを削除する ただし、行動やコントロールを直感的に、または少なくとも予測可能なものにして、ユーザーがサイトをどのようにナビゲートするかを再学習する必要がないようにします。.

    タブレット向けのWebサイトを構築するときは、アップルのiOSヒューマンインタフェースガイドラインに従うことをお勧めします。.

    派手な要素を避ける

    iPadは依然としてタブレット市場でパックのリーダーであり続けているので、Flash用にビルドしない方が安全です。ただし、HTML 5を使用して、タブレットブラウザで読者にbetterappのようなエクスペリエンスを作成できます。 JavaScriptベースのアニメーションを少なくして、タブレットWebサイトをすべてのタブレットデバイスですばやくアクセスできるようにします。.

    オリエンテーションの問題

    タブレットビジターは、Webサイトを横向きまたは縦向きに表示できます。そのため、タブレットWebサイトのコンテンツがこれらの向きに合うように自動的に並べ替えられるようにしてください。さまざまな画面サイズや向きに合わせてコンテンツを並べ替える必要があるかどうかについては、「インスピレーションを得るためのレスポンシブポートフォリオ30」を参照してください。.

    さらに読むために、見てください:

    • モバイルWebデザイン:ユーザビリティ向上のための10のヒント
    • 30便利なレスポンシブWebデザインチュートリアル
    • デザイナーのための50の役立つレスポンシブWebデザインツール

    最後に、常に非常に高解像度の画像を使用するか、画像の向きを変えてユーザーが全体像を把握できるようにします。 16:9の縦横比は、ほとんどのタブレットでうまく機能します。.

    要約

    タブレット向けのWebサイトを構築するときは、PC Webサイトを超えて考え、個人的な対話をさらに一歩進めます。タブレットが最初の世界のためにあなたのウェブサイトを再考して再構築する.

    編集者注: この投稿はによって書かれています ラクシュミ・ハリクマール Hongkiat.comの.