web-dev-qa-db-ja.com

モバイル向けに最適化されたサイトでズームを許可する必要がありますか?

サイトはモバイル向けに設計されていないため、モバイルではズームが一般的です。あなたはズームする必要があります、一般的に、あなたはズームしないでくださいモバイルサイトは、ズームの形式を必要とせず、多くの場合、ズームを無効にします。

モバイルサイトのズームを許可することは慣習に反しているようです。それらはモバイル向けに最適化され、モバイルアプリのように機能/表示されます。ほとんどのモバイルアプリでピンチしてズームすることはできません。レイアウトは、これらの固定ビューポートモバイルサイトと同様に固定されています。

モバイル向けに最適化されたサイトでズームを許可する必要がありますか? これは accessibility/controlの問題 として取り上げられたと聞きましたが、ユーザー補助オプションは通常、ブラウザで設定されています。フォントを大きく設定してください。ピンチズームは面倒で、モバイルレイアウトではあまり意味がありません。しかし、それはいつ許可されるべきですか?ユーザーやデザイナーにはどのようなメリットがありますか?

42
Ben Brocka

私が見たほとんどのモバイル用に最適化されたサイトでは、ズーム機能がありませんでした。ほとんどの場合、リンクとボタンが小さすぎるか、または互いに近づくことができないためです(テキストサイズは問題ではありませんでした)。通常は、通常のデスクトップビューに切り替えます。

しかし、うまく設計されたアプリはそのような問題にぶつかるべきではありません...

これで、ユーザビリティエンジニアリングの本質に戻ることができます。

1)モバイルに最適化されたソリューションには目的が必要です。専用のモバイル代替を作成する理由ユーザーがモバイルデバイスでサイトにアクセスしたときの主なタスクは何ですか?

2)事前定義されたユーザビリティの目標に対して実際の使用を確認します。これはこれまで以上に重要です。 テストテストテスト。不適切に設計されたモバイルソリューションは、完全に役に立たないソリューションになる可能性があります。 (デスクトップソリューションはより寛容(IMHO)であり、ユーザーは通常、それを理解するか、回避策を見つけることができます)。

この2番目のポイントは本当に重要です。最初のポイントはベンダーの考え方に関するものですが、2番目のポイントはユーザーに関するものです。モバイルの利用についてはまだ十分に知りません。ここでは、まったく新しいユーザビリティの問題を特定する必要があります。

(実際、モバイルの世界全体はまだ非常に未成熟であり、このような質問-確かに良い質問-は、私たちがすべての可能性を最大限に活用できる方法を理解するために、まだ少しいじっていることを証明しています)。

18

私のモバイルユーザーの調査に基づいて、ズームオプションを無効にしたくありません。

ユーザビリティ調査中にインタビューした人々は、デスクトップコンピュータを使用しているときに作成したのと同じメンタルモデルを持っています。それは彼らの目標と習慣が変わらないことを意味します。

人々が(特に写真やインフォグラフィックで)ズームに慣れている限り、私たちはそれらを許可する必要があります。

17

モバイルサイトの場合は、ズームを有効にする必要があります。ネイティブモバイルアプリではズームが許可されていないのは事実ですが、ユーザーはネイティブアプリとモバイルサイトに異なる期待を持っていると思います。

モバイル向けに最適化されたサイトに選択したフォントサイズは「最適化」されていると思うかもしれませんが、それを保証することはできません。視力に問題のある人は常にズームインすることを好みます。確かに、それらのユーザーは組み込みのスクリーンリーダーを使用できますが、なぜそれをもっと難しくするのですか?最後に、ユーザーズームを有効にすることで何を失う必要がありますか?

以前、Stack Exchangeサイトのモバイルテーマでユーザーズームを無効にしましたが、最近 ユーザーの苦情 のために有効にしました。

12
Jin

くださいください決して =ズームを無効にします。

わかりました、あなたはあなたがあなたのウェブサイトのデザインを正しく持っていると思ったかもしれません、あなたはすべてのフォントサイズを正しく持っていると思ったかもしれません、そしてすべての写真はユーザーが何かにズームインする必要がないほど十分にはっきりしていました。

そのため、ユーザーはサイトにアクセスし、モバイルバージョンが有効になり、ユーザーは陽気に上下にスクロールし、ズームする必要さえ考えませんでした。

しかし、念のために言っておきますが、実際に行ったのではなく、先に進んでズームをブロックしました。ウェブサイトに対するあなたの意図が何であるかを彼らが知っていることを確認するためです。あなたのズームブロックコードはあなたのウェブサイトがとても完璧だからとにかく決して使われることはありませんが、それはそこにあり、それであなたは気分を良くします。多分それはあなたのテスターに​​特定の方法でサイトをチェックすることを強います。とにかく、あなた自身が有効であると確信したいくつかの理由があります。

次に、貧しい人が車のiphoneでWebサイトにアクセスしようとします。彼らは郵便番号を見つけようとしているだけです。彼らはそれをコピーしてsatnavアプリに貼り付けたいと考えています。子供たちは叫んでいます。妻はせっかちになっており、ユーザーは必死にズームインしようとしています。奇妙なフォーマットやその他の奇妙さにより、彼はテキストのブロック全体を選択し続けています。彼は郵便番号が欲しいだけです。彼は何度も何度もズームしようとします。彼は十分にズームインして、郵便番号全体を画面に表示できるようにして、必要なテキストの周りにボックスをできるだけ簡単にドラッグできるようにします。いいえ、それはあなたのユースケースではありませんでした。彼は自分の電話を回転させようとします。妻は今泣き始めます。物事は絶望的になっています。彼はドアのポケットの中にいまいましいペンを見つけ、ティッシュと甘いラッパーに埋もれていて、彼の手に郵便番号を書いています。それは引っかき傷がつきやすいペンであり、インクが出てくる前に血を引きます。それから彼は怒ってあなたの「ウェブアプリ」を終了し、彼のsatnavをロードして入力し直し、Lを1と混同して国の反対側になってしまうことを恐れて緊張しました。

彼は今あなたのウェブサイトとあなたの組織を嫌っています、彼は離婚に近づいていて、彼は結婚式に遅れています、彼の忍耐力は消耗されています、彼は彼の電話を嫌っています、そして彼の妻はテクノロジーは時間の無駄だと思っています。

かゆみを掻く必要があったからです。

必要に応じて、モバイル向けにサイトを最適化してください。時間をかけて、それが素敵だと自分に納得させてください。ただし、ユーザーにズームするかどうかを決定させます。彼らは、世界全体のニーズを予測するあなたの能力よりも彼らのニーズをよく理解しています。

11
Dave

これは古い質問であることに気づきましたが、私はそれを見つけ、これを見つける可能性のある将来のユーザーのために私のオプションを追加したいと思いました。これもやや個人的なものです。

私は法的に盲目であり、iPhoneを使用している場合、ズームするピンチを提供していない場合は、サイトのフルバージョンに切り替えなければならないことがよくあります。アクセシビリティ設定では、テキストサイズはSafariでは機能しません。ページの内容が読めません。これは特に、リーダーが利用できないフォーラムではイライラします。ズームするにはピンチが必要です。特に、全画面ズームを使用したくない場合は、ページのスクロールが多少難しくなります。

とにかくちょうど私の意見:)

7
Dustin

私の哲学は、正当な理由なく意図的に既存機能をブロックしないことです。モバイルサイトはrequireズームする必要はありませんが、開発する必要がなく、実際には許可するよりもブロックに投資する必要があるため、ユーザーに許可しないのはなぜですか?

エラー防止、ユーザーが行き止まりやループに入らないようにする、またはシステムの目標に矛盾する場合は機能をブロックします(たとえば、ユーザーが広告付きのアプリで広告を非表示にできないようにしても、インフラストラクチャで可能です)。しかし、ここで-ユーザーがズーム機能がWebサイトの使用に役立つと感じた場合は、どうしてでしょうか。それが私が使用するウェブサイトを意図した方法と一致しないからといって、それは正当な理由ではありません。

6

ピンチツーズームを許可しないことが(一種の)慣習になるのではないかと思っている人のために、私の現在の問題に基づいて私の意見を述べることができます。

固定位置要素。

古いOSでうまく機能させる唯一の方法(私が理解している限り)は、ピンチズームを無効にすることです。

モバイルブラウザーがスクロール中にJavaScriptの実行を本質的に停止しなかったとしたらすばらしいと思いますが、その理由は理解できます。

Facebookが完璧な例ですが、これが彼らの推論であるかどうかはわかりません。ニースの機能がたくさんあり、一部(私は想定している)は修正されています:位置。

3
BanjoBoy

なぜズームが抑制されるのか、私にはわかりません。ズームの目的は、サイトの内容を読み取ることです。目が細かい文字が読めない場合は、目の疲れを防ぐためにズームする必要があります。広告が確実に表示されるように抑制されている場合-印刷が小さすぎる場合でも、サイトをまったく使用しないことに注意してください。また、なぜライトグレーやブルーのフォントを使う人が多いのでしょうか?これらも見づらいです。このサイトの目的は、人々がそれを読むことができるようにすることではありませんか?明らかに、そのような決定をする人々はこれらのビジョンの問題を抱えていません。そして、何らかの理由で、彼らは他の人々を引き起こす困難を考慮したくないのです。ズームは素晴らしいツールです。残念ながら、常に利用できるとは限りません。これは私を非常にイライラさせ、怒らせます-頻繁に。これらの決定を下しているのが若い人なら、彼らは非常に無知だと思います。いつか彼らの経験になるかもしれません。

2
Raquel

ピンチするかしないか。

ピンチ機能は、ネイティブアプリ内で表現される必須ではないによるものです。これは、UXの特定の拡張機能として使用されます。たとえば、ピンチズームなしでモバイルで写真を操作しようとしていると想像してみてください。きっと面倒でしょう。ただし、たとえばアプリを読むことは、手元のタスク、つまりテキストの長さを読むことには適合しないため、まれに機能を備えています。

したがって、Webコンテンツが拡張されている場合、または(たとえば、より詳細な画像を表示するために)この機能が必要な場合でも[〜#〜] boom [〜#〜]、含めなくてもすぐに使用できます。

しかし、私の一般的な感想は、ほとんどの場合、モバイルサイトでクリックしてスクロールしているため、ズームを必要としないということです。ボタンは見栄えがよく、大きく、テキストは読みやすく、画像はプロのように流れます。これは、ズームが必要ない場合(そして、必要がない場合にズームするのが面倒なので、無効にすることができます!)または楽しいWebアプリのためにそれをハイジャックすることもできます(想像してみてください)インタラクティブな目的でズームを利用するHTML5ゲーム...)、機能が必要ない場合は、使用しないでください。

2
benbyford

技術的には、ズームはモバイルブラウザにのみ存在するため、画面サイズに最適化されていないサイトをユーザーが表示できます。ネイティブアプリはズームしません。画像などの一部のコンテンツをズームする場合がありますが、インターフェースはズームしません。ユーザーはデフォルトのままです。したがって、私にとって、ズームを必要とするモバイル向けに最適化された一部のサイトの探求は、サイトの作成者がターゲットのモバイルプラットフォームの標準または推奨フォントサイズを使用していないことを意味します。

一般に、モバイルアプリのデフォルトのフォントサイズが小さすぎて読みにくい場合、ユーザーはスクリーンリーダーなどの組み込みの支援技術をオンにすることができます。私はモバイルWeb開発者として、スクリーンリーダーをモバイルサイトで最適に機能させるために時間と労力を費やしています。

1
Robert Biggs

他の新しいタッチ規則の中でも特に、ピンチからズーム、スワイプからスワップは、便利なだけでなく、ユーザーから期待されると、Steven WoodsのFlickrは、YUIシアターセミナー Creating Responsive HTML5 Touch Interfaces で説明しています。

1
msanford

コンテンツに依存します。モバイル用にサイトを開発した後でも、ユーザーが拡大できるようにしたいいくつかの大きな画像があるかもしれません。それでも、サイトのモバイルバージョンを開発する目的は、ユーザーがピンチしたりズームしたりする必要がないようにすることです。私の経験から、テキストとボタンがタッチスクリーンで読み取って使用するのに十分な大きさであることを確認し、一部のユーザーがそのレイアウトに慣れている場合にデスクトップバージョンに戻すオプションを提供することで、それを無効にするのが最善です。ズームを気にしません。

1
Eric

ここでの回答に完全に同意してくださいズームを無効にしないでください

幸いなことに、これらの厄介なサイトに対処する方法があり、少なくともIOSでは、不快に小さいテキストを読まざるを得ません。

https://stackoverflow.com/a/5932683/161497

はい、ネイティブアプリでも機能します。それがあるべきように。

0
Dmitri Zaitsev