web-dev-qa-db-ja.com

印刷ボタンのレスポンシブWebデザインのUXガイドライン?

いくつかの簡単な質問は次のとおりです。

  1. レスポンシブWebデザインの一部として、Webサイトには記事の印刷オプションが含まれていますが、デスクトップWebサイトのタブレットまたはモバイルバージョンには印刷オプション/ボタンが必要ですか?
  2. 印刷ボタンを追加すると、Javascriptコードが大量に追加され、ページの読み込みが遅くなる可能性があります。特に、パッチが適用された3Gワイヤレス信号では、ユーザーがサイトを離れる原因になります(ユーザーがサイトを離れる傾向があります。 。サイトをオーバーロードしないようにして印刷機能を追加するにはどうすればよいですか?
  3. 携帯電話の印刷オプションを使用して印刷したモバイルユーザーの数に関するデータはありますか?
3
Dr_Laghari_UX

モバイルWebサイトに印刷ボタンを配置するべきではないということは何もありませんが、必須ではありません。ユーザーがサイトにアクセスしているブラウザーには、ユーザーが探している印刷機能を提供するあらゆる機能があります。ユーザーが自分のモバイルデバイスから印刷する必要性を感じない場合、ユーザーはその機能を使用することを気にしません。記事を印刷する機能に関心がある場合は、そのような機能をサポートするブラウザを使用します。

Webサイトの閲覧場所に関係なく、Webサイトから印刷機能を提供するために追加のJavaScriptを必要としません。サイトに印刷スタイルシートがある場合、ユーザーがどこから印刷していても、情報は同じように印刷されます(プリンターのデフォルトと機能で可能)。

http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

モバイルデバイスからの印刷は簡単な作業ではありません。 iPhoneから印刷 についての(多くの)記事と、- Android電話からの印刷について知っておくべきことすべて)またはタブレット

ユーザーがデバイスから印刷する機能を持っている場合、ユーザーはそうすることを可能にするために一連の非常に目的のある手順を実行しました。彼らはすでに、どのブラウザが彼らが望む方法で印刷することを許可するかについて非常に精通しているでしょう。それらを推測し直そうとしないでください。

したがって、印刷ボタンを使用すると、プリンターに精通したモバイルユーザーが少し時間を節約できる可能性がありますが、印刷ボタンの場所が既にわかっているため、メリットはありません。

3

モバイル/タブレットデバイスに表示されたときに印刷ボタンを保持することをお勧めします。デバイスから画面を印刷するときに、紙のバージョンを入手したいと考えていることになります。

ローカル/クラウドストレージに保存するPDFに印刷できます。これは、予約の確認、領収書などに特に役立ちます。

明らかに、使用しているJSがモバイルデバイスの速度を低下させるかどうかは、JSのサイズと使用するライブラリに依存するため、わかりません。ネイティブコントロールを使用して印刷するということは、古い世代では1秒もかからないということですAndroid私が使用する電話。

2
Tony UK

最初の質問:ユーザーはableで携帯電話やタブレットから印刷することもできますか?クラウドプリンターや同様のインフラストラクチャへの信頼できるアクセスはありますか?

いいえ(パッチ3Gについての次のコメントを考えると、おそらくそう思われます):いいえ-ここの印刷ボタンは不必要です。

はいの場合:ユーザーは電話/タブレットを印刷できるようにしたいですか?あなたのサイトにはどのような情報が含まれていますか?スクリーンショットを撮るだけでも、モバイルブラウザーに簡単に移植できる形式の情報が既にある場合でも、印刷したい情報ですか?これは、私たちではなく、ユーザーに尋ねることで答えられる質問です。

*ユーザーがスマートフォンを使用していることを前提としています。これは、電話からの印刷やレスポンシブデザインについて話している場合でも、AFAIKは有効な前提です。

2
Jessica Yang