私はフォルダーとアニメーションプログレスバーを備えた高度なファイルアップローダーに取り組んでおり、ファイルセレクターウィンドウの起動に一般的に使用される漠然とした「参照」ボタンを改善したいと考えていました。私が取り組んでいるアップローダーは、アップロード用のドラッグドロップを主にサポートし、「参照」ボタンを2番目のオプションとして使用しているので、好きなようにラベルを付けることができます。
このボタンに使用したカスタムラベルはたくさんあり、各ブラウザにも独自のデフォルトがあります。
いくつかの例:
Googleで見つかったブラウザの比較、「参照、選択、およびファイルの選択」:
ワードプレスの「ファイルを選択」:
Dropboxの「ファイルを選択」:
人々がデフォルトから逸脱することが良いか悪い考えだと思うかどうか私は興味があります。
私が主導しているラベルは「コンピューターからファイルを選択」です。他のラベルに欠けているのは、閲覧/選択/選択するwhatファイルであり、すでにWebサイトにアップロードされているファイルを区別していると思いますローカルシステムに保存されているファイルとの比較。
私はDropboxのアプローチを採用します。
「ファイルを選択する」は、それが実行するアクションを伝えるのに十分明確であり、2語以内に収まるほど簡潔です。 「ファイルの選択」も機能します。
ボタンにラベルを付けるときは、ボタンの機能を説明してください。 ファイルを選択して2つのステップまたは1つのステップをアップロードしていますか? Dropboxの場合は、ファイルを選択してから[アップロード]を押します。
wordpressドラッグアンドドロップ領域のラベル付けも非常に正確で明確です。
Choose
またはSelect
も同様に説明的な用語です。ユーザーによっては、Select files from your computer
のようなものを使用して、より複雑にすることもできます
私の意見では'Choose Files'または 'Choose File'(単一ファイルのアップロード用)が最良の方法です。言ったようにそれは明らかです。そしてそれは大きくありません。
アップロード用の長いラベルの私の経験は、人々はラベルにあるものを読むつもりはないということです。だから、あなたの言葉を4つ以上ではなく2つ以上に制限してください。 (アップロードするファイルを選択)など。
コントロールのbehaviorが表現の前にあることを追加します。
真の最良の表現は1つではありません。表現は行動と目的に依存します。これに取り組むには多くの異なる方法があります。
ユーザーが最初にファイルを選択すると、、次にサブミットすると:
選択する表現は、動作の設計に大きく依存します。ほんの簡単な例:
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
次に、別の例として、
その場合、編集可能なテキストボックスが必要になります。私にはこれに関するバックアップはありませんが、ほとんどのユーザーは...
ボタンだけでなくChoose file
ボタン、テキストボックスの横に配置した場合。
私はアップルと一緒です。
"Choose file"は、実際に行っていることを示します。
「アップロード」と「ダウンロード」は常に少し混乱していると思います。
...アップロードtoコンピューターまたはfromコンピューター?
Select Files ...ラベルを使用する場合は、Select Files to Uploadの方が適切な説明ですコンピューターからファイルを選択します。彼らが何をしているか、何をする必要があるかという観点からアクションを説明することは一定であり、ラベルは多くの異なるシナリオで関連性を保ちます。
例:サムドライブを接続したり、CDを挿入したり、外付けハードドライブにファイルを作成したりしたばかりのユーザーは、[コンピューターからファイルを選択]オプションは自分には向かないと思うかもしれません。 コンピューターの一部としてこれらのメディアデバイスを関連付けないコンピューターの初心者をたくさん見ました。
ただし、アプリについてのアクションを説明しているため、誰かがステートメントアップロードするファイルを選択について混乱することはありません。
技術に詳しいユーザーを対象とする場合、「参照...」、IMHOが"Open up theシステムファイルダイアログで、ローカルファイルを見つけるためにコンピューターのハードドライブのフォルダーを移動させます "。少なくとも、それは私が経験豊富なコンピュータユーザーに期待することであり、常に「参照...」を見て、クリックするとどうなるかを正確に知っています。
あなたが言及した他の選択肢では、彼らがそれが同じことだと気づく前に、彼らは一瞬それについて考える必要があるかもしれません(Krugの有名な 私に考えさせないでください! を参照)。あなたが言及した製品がより「友好的」かつ「技術的」ではない用語を使用する理由は、それらが幅広い聴衆を対象としているからです。
製品が経験豊富なユーザーを対象としている場合、ユーザーは従来の用語と従来の用語をより快適に感じるかもしれません。しかし、いつものように、ここにある他の多くの答えと同様に、テストして見るよりも良いアドバイスはありません。ターゲットオーディエンスの反応。