魚への憎悪について...そして意味のあるテキストへの愛について。 パート1

12月のデザインキャンプからのパフォーマンスのトランスクリプトを公開し続けます。 今日は、 JetStyleの Alexey Kulakovによる記事です 。 プレゼンテーションのビデオバージョンはtechdays.ruで入手できます。プレゼンテーションはそこからダウンロードできます。



以前と同様に、これは著者の記事であり、Microsoftの立場を反映していません。

この記事は、デザイナー向けのレポートに基づいて書かれました（主に）。



設計プロセスでオブジェクトが嫌いです。 私はそれらをあなたと共有したい、多分これは何かを変えるでしょう。



デザインが「美しい写真」ではないということを誰も説明する必要がないことを願っています。 私たちは皆、実際に視覚的手段による効果的なコミュニケーションの構築に従事していることを理解しています。







議論されるのは、私たち（デザイナー）が生きている人々の問題を解決し、デザイナー自身が生きている人々であるという事実から来ています。 意識、意思、責任、特定の機能の実行に恵まれています。 この機能は、画面を使用してコンテンツを交換することです。 実際、これはインターフェイスと呼ばれます=）



インターフェースは、何らかの種類のコンテンツと対話できる「シェル」です。 シェルは、ナビゲーション、ボタン、型、さまざまな美しさなどで構成されています。 そして、このインターフェースには、ユーザーがユーザーとの対話から抽出するもの、つまりコンテンツに「嘘をつく」ものがあります。 それを送信するにはインターフェースも必要です。 「コンテンツサイト」ではなく、ツールに関するものであっても、ユーザーはインターフェースから何かを抽出します。これは非常によく理解されている必要があります。



ほとんどの場合、このコンテンツはテキストです。人々は言葉の生き物だからです。私たちは言葉で考え、言葉でコミュニケーションします。 今（デザインキャンプで話す）私は言葉を話すことを余儀なくされています。 写真を静かに見せようとすると、コミュニケーションが難しくなります。 あらゆる種類のワイヤーフレームを空中で描いて、何も言わないなら、あなたは私をまったく理解しません。



しかし、それが写真やビデオ、または何かをする方法であっても、コンテンツは非常に具体的であり、人々は言葉でそれについて考えます。



ここで注意が必要なのは、コンテンツを取得するためにインターフェイスを作成する場合、魚の現象はデザインプロセスのどこから発生するのかということです。



私たちがコンテンツのダミーとして使用しているのは、そこにないのですか？ コンテンツの不足を隠す嫌な腐ったゴミ？ 魚は、デザイナーがグラフィックデザイナーの子孫であり、他の人の子ではないために表示されます。 デザイナーに最初の祖先としてディレクターがいたら、あなたと私はずっと幸運だったと思うし、ユーザーとのコミュニケーションは有意義になったと思う。 そして、私たちは言葉で表せないほどの美しさを手にし、ほとんど意味がありません。

魚はどこから来たの？

魚が来る理由はいくつかあります。 最も一般的なものは次のとおりです。

1.時間の問題

多くの場合、インターフェイスにコンテンツがありません。単に作成する時間がないからです。 タイミングが不足している、あなたはすぐに何かをする必要があります。 誰もがこれに出会ったと思います。

2.怠azine

正直言って、だれがコンテンツについて考えるのが面倒だったのでしょうか？ 何かありますか？ 私はデザイナーであり、37歳であり、それをやった。

3.無責任

プロセスをどのように構築したかについて、多くの場合、デザイナーはテキストに責任を負わないと考えます。 他の何人かの人々は常にテキストに対して責任があり、デザイナーはテキストのためではなく、美しさと便利さのためです。 そして、それがデザイナーがテキストに対して責任を負わない理由です。



ある夜、本当に望んでいない場合、怠けている場合、インターフェイスに何でも入れることができますよね？

4.誤解

そして最も重要なことは、ユーザーとそのユーザーを理解していないことです。 私たちが誰の問題を解決しているか、それがどこで痛いのか、彼が何を愛しているのか、何が彼の目を輝かせ、何が退屈から眠りにつくのかはわかりません。

3つの有害な神話

これらの理由に加えて、3つの有害な神話があります。 私たちは彼らと暮らしています。

最初の神話：「インターフェースのテキストは顧客によって提供されます。」

それが通常どのように起こるか。 私たちはこのようなものを設計しており、いつかそれを知っています...これが例えばサイトである場合、レイアウト設計者がそれを構成した後、プログラマーが来てプログラミングします。 そして、いつか、最終的には、クライアント側または社内顧客のコンテンツマネージャーからの時間があります。彼はそこに来て、インターフェイスに何かを注ぎます。 私たちはそれを見て、目が漏れるでしょう。 それで、それは通常起こりますよね？



インターフェイスのテキストは最初から表示されるはずです！ インターフェイスにテキスト（またはその他のコンテンツ）が表示されるように注意する必要がある人は、デザイナーと呼ばれます。 彼がテキストを気にしない場合、彼は内容に責任がありません。 そして、彼がインターフェースのコンテンツに責任を負わない場合、彼はそのとき何を設計していますか？

神話2：「外でテキストの準備ができていない場合、コピーライターはそれを書くべきです。」

デザイナーは読み書きが必要ですか？ 彼は良い文章を書く必要はありませんか？ 彼は良いロシア語を持っている必要はありませんか？ 最も重要なことは、楽しいことである必要はありませんよね？ 彼は何でも書くことができます。そうすれば、特別に訓練された人々が来て、テキストの適切な場所に何か良いことを書くでしょう。



コピーライター、ジャーナリスト、マネージャーは素晴らしい人です。 確かにそれらの多くは、デザイナーよりもテキストを書く方が優れています。 デザイナーは、テキストが何であるか、それが何であるか、インターフェースのどこにあるか、ユーザーを助けるかどうかについて責任を負います！

ロレムイプサム

これはあなたが燃やす必要があるものです。 幸いなことに、今私がデザイナーに教えるとき、それが何であるかを知らないデザイナーに時々出くわします。 これは天国の幸福です！ （知らない人のために、lorem ipsumは特別なテキストです。インターフェイスでテキストを入力するだけでデフォルトのテキストを誰が思いついたのか覚えていません。入力して入力する代わりに、これを入力する必要があります。フレーズとそれを注ぐ）。



設計者がlorem ipsumを使用する場合、良いことは何もありません。



しかし、このメモは私たちのオフィスのキッチンにかかっていて、そのデザイナーは（おそらく）書いています：





私は、コピーライターがアイデアをより良く伝えなかったと思います。 これは素晴らしいテキストだと思います。

• 受信者が誰であるかは明らかです。
• 明確なメッセージ;
• 短いテキスト。
• エラーもありません-スペルも句読点もありません。
• 言語は生きています。

通常の、生き生きとした人間のテキスト。 なぜデザイナーはインターフェイスでそれを書かないのですか？



このデザインのコンテンツを取り扱わない場合、デザインがどのように行われるか理解できません。 注意！ ここでは、ナビゲーションテキストだけでなく、チュートリアルのテキストだけでなく、ヘルプテキストについても話します。 私は主にコンテンツのテキストについて話しています。



「コンテンツ」ではなく「コンテンツ」という言葉を使用するのはなぜですか？ なぜなら、「コンテンツ」は私たちのコミュニケーションに含まれるものであり、「コンテキスト」ははるかに冷たく、無口で無関心な言葉だからです。

インタラクションを組織していますよね？ したがって、インターフェイスを作成するとき、インターフェイスのインスタンスにこの通信の例を含める必要があります。 したがって、設計者はコンテンツを埋める責任があります。

デザイナーがテキストに責任を負わない場合はどうなりますか？

最初に、デザイナーは幻覚の腸に入ります。

インターフェイスにテキストとして何かを入力すると、簡単に作業を開始できます。 そして、絵の代わりに、斜めの十字を描きます。

カンファレンス、たとえばスタートアップ、フロントエンドデザイナー、製品イデオロギーのカンファレンスなどを見ると、レポートと講演の半分は製品デザインに携わっている人（広義にはデザインだけでなく、グラフィックだけでなく、 、設計によるユーザビリティだけでなく、原則として、コミュニケーションの論理、サービスの意味を発明することにより）、彼は地面にしっかりと立ち、どのような痛みを癒すか、その痛みなどを理解しました。簡単に脱いで行くことができます レイアウト上のdotochenie、fichah、きれいなアイコンを作る、medyashkuサンディング開始し、ストリームに自分自身を見つける、そして現実の方法を私たちの壊れた結晶の夢を発見するために、それは非常に簡単です。



第二に、テキストの代わりに魚と写真の代わりに封筒でインターフェースを作成した場合、 テストできません ！



思考実験を行い、コンテンツのないプロトタイプがテストできないことを確認しましょう。 メーラーインターフェイスを作成しているとします。



具体的には、何らかのツールのインターフェイスを作成していると言います。 電話を販売するサイトのインターフェースを作成すると、信頼できるコンテンツがないとまったくテストできないことはすぐにわかります。なぜなら、ユーザーが探している電話モデルがなく、価格が適切な場合、自然な行動が見られないからです。



しかし、メールを作成する場合、実際の通信を含む何らかのアルファとベータができるまでテストすることもできません。 魚が注がれたグラフィカルなインターフェイスしかない場合、すべてが悲しくなります。 ユーザーに信頼できる相互作用の例を表示しないため、ライフストーリーはありません。 さらに、私たちは自分自身にそれを見せません。 そこに何を含めるべきかは分からないだけです。



抽象テキストの例については、インターフェイスの抽象例を行います。 インターフェイスが持つ価値を理解することはできません。 なぜこれに焦点を合わせているのですか？ なぜなら私たちのためのテキストは私たちがそれぞれの特定のスクリーンに入れたものを理解する方法だからです。 私たちがテキストを書くとき、私たちは私たちのグラフィック手段で話すユーザーとのインターフェースでどのような価値があるのか​​というトピックについて自分自身との対話を構築することができます。 インターフェイスにテキストがない場合、コンテンツがない場合、または条件付きである場合、自分自身またはユーザーとの対話を整理することはできません。

デザイナーが魚ではなくテキストを書くとどうなりますか？

もちろん、新しい問題！ それ自体では何も扱われないからです。



おそらく、デザイナーが「信頼できるテキストを書く」と言ったとき、彼は税務署で書いたのとほぼ同じテキストを取得し始めたことを私は見ました（私自身と私が指示しなければならなかったすべてのデザイナーの両方で見ました）。 長い複雑な文（これがこの記事で私がそれを持っている方法です）には、多くの新語があり感情はありません。 彼はつままれているので、デザイナーは生きている人のように話し、役人のように書きます。



たとえば、デザイナーが次のように書かないのはなぜですか？





特別なケースは、デザイナーがテキストを書くように求められたときに、特に創造的な魚を書き始めるときです。 創造的な魚のファッションは、しばらくの間私たちのオフィスに住んでいます。 最終的には、特に創造的な魚がデザイナーによって設計され、タイプセッターによって構成され、プログラマーによってプログラムされたという事実になりました。 そして、結果をクライアントに送信する前に、誰もそれを削除しませんでした。 それはそこに書かれていました...それはわいせつだから正確には言えません。 そして、あなたが知っている、私たちがなぜこれをしたのかをクライアントに説明することは非常に困難でした。 この事件は約8年前に発生し、その後、クラティヴナヤの魚を作らないという確固たるルールを導入しました。



しかし、このリスクがなくても、創造的な魚はインターフェースのテキストに必要なものではありません。 コンテンツの他のすべてと同様に、コンテンツのテキストはユーザーの役に立つはずです。



3番目の問題は、インターフェイス内のテキストのランダムな場所です 。 テキストが条件付きであれば、完全なシステムを作成するのではなく、断片を粉砕するという罪に陥るのは非常に簡単です。 そして、断片から一体になるものは何もありません。 あるテキストが別のテキストの隣にどのように配置されるかを考えないと、不条理が生じます。 このような、例えば：







なぜこれが起こっているのですか？ 私はすでにこれについて話しました。なぜなら、私たちは猿だけから来たのではないからです。 私たち（デザイナー）は猿の心理学者、猿の作家、猿の監督ではなく、猿の芸術家から来ました。



私たちは歴史について考えていません。 「どのように見えるか」について考えています。 つまり ユーザーエクスペリエンスの重要性、目標、シナリオについて多くのことを話すことができますが、内部のデザイナーはまだ写真を高く評価しています！ したがって、私たちはデザインに取り組んでおり、何かを作るために、コンテンツの「コンテンツの場所」を確保しています 。 そして、コンテンツは設計されたブロックに関するものだと考えています。 ユーザーがインターフェイスのこの部分から何を抽出するかを考える代わりに。



私たちはいくつかのことによってこの立場に追いやられています。 まず、ビジネスプロセスがこれを推進しています。 そのような微妙な点があります。 一方では、業界全体が約20年間、次のように言っています。「いいえ、デザイナーとデザイナーは異なる言葉です。」 バナリティ。 誰もがこれらが異なる言葉であることを知っています。 デザイナーは美しいものを作る人であり、デザイナーはユーザーのタスクを解決する人です。 しかし、私たちのビジネスプロセスの詳細は、デザイナーがグラフィックシェルの作成に関与するように構築されています。 彼はコミュニケーションの中核を扱っていません。 彼はテキストで表現された物語を発明しません。 彼はそれをシェルに入れます。



デザイナーが長い間ユーザビリティを教えられていた場合、インターフェースを描く前に、ユーザーのタスクが何であるかを理解する必要があることを知っています。 彼は聴衆全体をグループに分け、それから人を選択し、その人から文脈を理解し、その文脈からその人の目標を策定します。 次に、この目標からスクリプトを抽出します。 その後、彼は内容のないシェルを描きます。



この論理ギャップはどこから来たのですか？ なぜ歴史はテキストで表現されていないのですか？



結局のところ、次に何をする必要があったのでしょうか？ その後、具体的にはユーザーがインターフェイスで読むストーリーを取り込んで記述し、インターフェイスに具体的なものを入れる必要があります。 つまり、ユーザーを刺激する写真のインスタンスを見つけます。 彼の問題を解決するテキストを彼に書いてください。 しかし、代わりに、エンベロープの描画を開始します。



なぜ他に？ Axuraと呼ばれるこのような業界標準のプロトタイプアニメーションがあります。 私は個人的に彼女を愛していませんが、すべてのユーザビリティ主義者は彼女を愛しています。 これは悪いプログラムだとは言いたくありませんが、そのようなロジックを課しています。 コンテンツを含まない正確なプロトタイプを作成するのは非常に簡単です。



私は特にプロトタイプについて話しています。 プロトタイプのステージが異なることは明らかです。 たとえば、何かを議論するために単にボードに描画するような段階があります。 これはまだテストしたくありません。 しかし、テストを目的とするプロトタイプの作成を開始するとすぐに、最初にすべきことは言葉を書くことです。 最後に単語が残っていない、たとえば描画用の何らかのツールを作成する場合でも。 各画面、それがユーザーに伝えるコンテンツについて自分自身で理解する必要があります。



以下に例を示します。







これは画面ではありませんが、全体的に良い例です。 これは木製の銃です。 私の意見では、それは北と南の戦争で使用されました。 彼らは彼女を砦に置いたので、銃があるように見えました。 しかし、彼女はデラバでできていたので、彼女は撃つ方法を知りませんでした。 私は特定の聴衆に向けたメッセージとして働きました。「私たちの要塞に来ないでください。 銃があります。」 この銃を設計した人、彼は内容を明確に理解しました。 ここには、敵を怖がらせるものがあることを示唆する封筒はありません。 これは非常に具体的な仕掛けです。



コンテンツとテキストについて説明するとき、各インターフェイスに最終的に書かれている文字が正確に含まれているとは必ずしも言えません。「このボタンは非常に重要です。 最も重要なコンテンツを取得するには、それをクリックしてください。」







各インターフェイスは、特定の生きている人に焦点を当て、明確なメッセージを伝える必要があります。 このボタンが「アラーム、アラーム！ オオカミはウサギを運び去った。」 彼女自身がグラフィックによってインターフェースに非常に刻まれていたので、ユーザーはここで何が起こっているかを理解できました。



設計の非常に初期の段階で、特定のユーザーがインターフェイス要素と対話するときに特定のシナリオで理解する必要があることを理解することから始めることが重要です。 インターフェース開発の次の段階でテキストを取り除き、コンテンツの理解を維持することができれば、これは素晴らしいことです。 結局のところ、デザインは優れていて、より貪欲なほどコミュニケーションが生まれます。 私たちは皆、脳が非常に構造化されていることを知っているので、より少ない兆候からより多くの情報を読むほど、私たちはより美的な喜びを経験します。



継続するには...