質問: 右クリックで保存する代わりにダウンロードボタンを使用するようユーザーに指示する システムの一部であるwebアプリケーションとして、画像ビューアがあります。以前は常にフル解像度の画像を表示していましたが、ページに合わせてcssで縮小しました。パフォーマンス上の理由から、画像の下にボタンがあるフル解像度の画像をダウンロードするオプションを使用して、適切にスケーリングされたバージョンの画像を表示するようになりました。ユーザーのワークフローの一部として、別のシステムに送信するために、このフル解像度の画像をダウンロードする必要がある場合があります。問題は、多くのユーザーが画像を右クリックして[名前を付けて画像を保存]をクリックすることです。以前は正常に機能していましたが、現在は低解像度の画像が提供されます。ユーザーはこれに気付かず、これは将来の問題を引き起こします。どうすればこの動作からユーザーを遠ざけることができますか?確かに、私たちは彼らにそれをしないように言うことができましたが、それは非常にスケーラブルに感じられません。私のこれまでのところ最も悪い考えは、ブラウザーでの右クリックをハイジャックすることですが、これはa)非常に優れたuiではなく、b)すべてのケースをカバーできるとは限りません。簡単に言うと、低解像度のサムネイルを保存する代わりに、ダウンロードボタンをユーザーに使用させるにはどうすればよいでしょうか。
回答: ダウンロードボタンの名前を変更して、ユーザーがより良いバージョンを入手できることをユーザーに知らせることができます。 「高解像度版をダウンロード」 「hd画像をダウンロード」 「フル解像度の画像をダウンロード」 「フルサイズの画像をダウンロード」 「元の画像をダウンロードしてください」(これは否定的な意味を持つかもしれませんが、調整前の画像であると考えるかもしれません)。 「フル解像度の画像をダウンロード(4000 x 3000ピクセル、5 mb)」のように、解像度や画像サイズを追加できます。もちろん、ボタンは明確に見えるようにする必要があります(たとえば、ボタンを表示するためにスクロールする必要はありません)。それでも不十分な場合は、現在表示されている画像のサイズを指定するオーバーレイを追加して、ユーザーに適切なものがあることを通知することができます。 プレビューサイズ:1600 x900。[フルサイズ(4000 x 3000)でダウンロード] または 現在表示中:1600 x900。[フルサイズ(4000 x 3000)でダウンロード]