デザイン理論:テキスト表現とユーザビリティ

デザイン理論:テキスト表現とユーザビリティ
<br />テキストデザインでは、通常、テキストのレイアウト、つまりテキストをより美しく読みやすくレイアウトする方法に重点が置かれます。ただし、レイアウトの基本的な意味は、ユーザーがコンテンツを理解しやすくすることであるため、テキスト自体が表現する意味も同様に重要です。
1. デザインのいくつかのポイントに基づいて、このことの重要性について簡単に説明しましょう。テキストは、タイトル、ボタン上のテキスト、フィードバック テキスト、ナビゲーションなど、ソフトウェア デザインのあらゆる場所で見つかります。
タイトルは主に現在のインターフェースのテーマを伝えます。たとえば、Windows オペレーティングシステムのデスクトップから「マイネットワーク」に入ると、表示されるタイトルは「マイネットワーク」です。これは、インターネットに接続されているコンピューターの総称です。「My Neighbors」で表現すると、「マイネットワーク」とも理解できますが、一部の人は「隣に住んでいる隣人」と理解するため、正確ではありません。
上記の例が言葉が多すぎて直感的ではないと思われる場合は、エラー プロンプト ウィンドウのタイトルを確認することもできます。
デザイン理論:テキスト表現とユーザビリティ_123WORDPRESS.COMjb51.net
上の画像のタイトル「ファイルまたはフォルダの名前変更中にエラーが発生しました」から、このタイトルが文脈に関連していることを簡単に分析できます。まず、これはエラー メッセージのプロンプト ウィンドウであり、操作中にエラーが発生した時期も説明しています。表現の面では、まさに適切です。タイトルに「エラー」を使い続けると、誰もそれを間違っているとは言いません。それは突然ポップアップするウィンドウにすぎません。単純な「エラー」では、一部のユーザーを混乱させ、使い勝手を低下させる可能性があります。
ボタンもよく使われる表現要素です。多くのボタンの機能は言葉で表現されます。以下に一般的な例をいくつか示します。
    登録フォームに記入する際、通常は「登録情報を送信」や「登録」などのボタンが表示されます。 「フォームを送信」と書かれていた場合、専門用語の「フォーム」に戸惑うユーザーも多いかもしれません。 ブログを書くと、通常は「公開」ボタンが表示されます。 「確認」ボタンが表示された場合、この「確認」ボタンは「公開」であると考えますか?この試みの考え方は、ボタンのテキストが意味を伝えておらず、ユーザーがその正確な意味を推測する必要があることを示しています。 チャットソフトウェアを使用してチャットをするときに、チャットウィンドウの「送信」ボタンが「送信」に変更されると、非常に不快に感じるでしょう。実際、問題となるのはテキスト表現の正確さです。

上記の例をまとめると、特定のシナリオにおけるボタンの機能を説明するために、常に具体的なテキストを使用します。テキスト自体の意味は、ユーザビリティと使いやすさにおいて重要な役割を果たします。
情報プロンプト テキストは、ユーザーと直接コミュニケーションをとるために使用されるため、ソフトウェア インターフェイスの設計において非常に重要な部分です。ユーザーがソフトウェアの使用中に問題に遭遇した場合、情報テキスト フィードバックによってユーザーは対処を促されます。この対話型プロセスは主にテキスト プロンプトを通じて実行され、テキスト記述の正確性と建設性が最も重要になります。情報プロンプト テキストで最も重要なことは、「エラーの原因を説明し、建設的な運用上のヒントを提供すること」です。ユーザーを嘲笑したり、命令したり、非難したり、その他の感情的な言葉や口調は許可されません。
デザイン理論:テキスト表現とユーザビリティ_123WORDPRESS.COMjb51.net
上の画像は確認プロンプトであり、「マイ コンピュータ」ではなく「マイ コンピュータ アイコン」を削除しようとしていることを正確に示しています。そうしないと、一部のユーザーはコンピュータ上のすべてのファイルが削除されたと認識してしまいます。また、その後の回復方法も提示されるため、十分に明確です。オペレーターは、この思慮深いリマインダーについて、基本的に疑問を抱くことはありません。
ナビゲーション テキストについては詳しく説明しません。クリックするだけで、ナビゲーションの意味がわかります。一般的に、ユーザーを騙してクリックさせると、ユーザーを失う可能性があります。もしあなたの唯一の目的が人々を騙すことであるならば、その主題とは無関係なナビゲーション本を書くことには私は反対しません。
2. テキストが意味を確実に伝えるためのいくつかの提案:
    これを担当する専門家がいれば、ありがたいことに、彼らがすべてを処理してくれます。そうでない場合は、以下の点がお役に立てば幸いです。 使用シナリオとユーザー特性に注意し、ユーザーが理解しやすい言語を使用し、難しい専門用語の使用は避けてください。 タイトルの場合は、現在のインターフェースのテーマを明確に表現できるかどうかを確認します。コンテキストを表現する必要がある場合は、このインターフェースのソースも説明する必要があります。たとえば、情報プロンプト ウィンドウでは、どのような操作が原因で発生したかを説明するのが最適です。 情報プロンプトテキストに関しては、読みやすい基準を見つけることをお勧めします。特に注意すべき点は、理由を客観的かつ正確に説明し、同時に建設的な運用上の提案を行うことです。感情的な言葉については控えた方がよいでしょう。 ボタンは機能と一致している必要があり、ナビゲーションはコンテンツと一致している必要があります。シンプルですが、文言を慎重に検討することをお勧めします。 可能であれば、初期段階で主観的な仮定を多く立てないように、周囲にいる 3 ~ 4 人のコンピューター専門家以外の人にテストしてもらいます。

<<:  Dockerコンテナのデータを復元する方法

>>:  JSは星を消すケースを実現する

推薦する

JavaScript 配列重複排除ソリューション

目次方法1: set: データ型ではなくデータ構造であり、メンバーは一意である方法2: オブジェクト...

企業サイトとコラム辞典 中国語と英語の比較 中国語と英語のバイリンガル企業サイトを作る仲間は

名前キャラクター名前キャラクター情報ニューステクノロジー技術スキンケアスキンケア補う補う香水香水化粧...

Nginx 構成検出サービスのステータスを実装する方法

1. チェックステータスモジュールがインストールされているかどうかを確認します。 [root@loc...

nginx での listen ディレクティブの例の分析

プロットレビュー前回の記事では、ロケーション命令の解析プロセスを分析しました。この内容を簡単に確認し...

Linux インストール MySQL チュートリアル (バイナリ配布)

このチュートリアルでは、LinuxにMySQLをインストールする詳細な手順を参考までに紹介します。具...

docker run後にコンテナがExited (0)と表示される問題を解決する

Centos7 上で openresty 用の Dockerfile を作成し、ビルドしました。 d...

ネイティブ js で呼び出し、適用、バインドを実装する方法

1. 呼び出しを実装するステップ:関数をオブジェクトのプロパティとして設定します。これを関数に割り当...

行の高さと垂直方向の配置についての深い理解

いくつかの概念行ボックス: インライン ボックスを囲むボックス。1 つ以上の行ボックスが積み重ねられ...

Spring Boot Docker パッケージング ツールの概要

目次スプリングブートDocker spring-boot-maven-プラグインSpotify Ma...

Windows 上の Docker にさまざまなソフトウェアをインストールする詳細なプロセス

1. MySQLをインストールする # docker で mysql をダウンロード docker ...

CSS3 で Taobao に空白スペースを実装する方法

Taobao用の空白スペースを作成します。 ブラウザページを縮小すると、コンテンツ領域は縮小されませ...

MySQL ストアド プロシージャの作成と呼び出しの詳細な説明

目次序文ストアドプロシージャ: 1. ストアドプロシージャの作成と呼び出し1. ストアドプロシージャ...

SNMP4J サーバー接続タイムアウト問題の解決策

弊社のネットワーク管理センターは管理センター兼サーバーとして機能します!各管理対象デバイスは、TCP...

docker-compose でデプロイしたときに MySQL にアクセスできなくなる問題の簡単な分析

Docker-ComposeとはCompose プロジェクトは、以前の fig プロジェクトから派生...

ページ要素の絶対位置と相対位置に関するある程度の理解

今日から、定期的にちょっとした豆知識を整理していきます。簡単なものもあるかもしれませんが、どれも役に...