マインドフル・デザイン:絵文字デザインについて知っているようで知らないことすべて

吹き絵文字

 

製品を設計するときには、覚えておく必要があります - あなた自身のために設計しているのではありません。あなたはユーザーのためにデザインしているのです。プロダクトデザインは芸術の犠牲的な形態です。個人的な意見、エゴ、創造的なライセンスは、ユーザビリティと機能に次ぐものです。 

絵文字は、多くの人が使っているにもかかわらず、あまり意識することのない製品のひとつである。絵文字のデザインには、想像以上に多くのことが隠されている。絵文字は単なる楽しい小さな絵ではなく、テキストに感情的な価値を与え、意図を明確にし、言葉の代わりとなり、テキストベースのコミュニケーションに非言語的な華やかさをもたらすために使われる言語補助ツールなのだ。一般的に、デザインはすでに十分に複雑ですが、コミュニケーションの一形態として間違いなく使用される製品を開発する場合、そのリスクはさらに高くなります。 

 

絵文字ベンダーデザイン

絵文字ベンダーのアイコンアップル、フェイスブック、グーグル、マイクロソフト、ツイッター


私は表情の科学と芸術を専門としています。 また、大手ハイテク企業の絵文字表現に関するコンサルタントを務めている。(最近では Facebookの新しいケアリアクションのデザインとアニメーションを請け負いました。)

絵文字表現のデザインをアドバイスすることで、広く使われている製品のデザインを考える上での注意点について多くのことを学びました。などを考える必要があります。

  • 可読性
    • 絵文字は非常に小さいので、読みやすさを維持するためには、それぞれのデザインをシンプルかつ明確にしなければなりません。
  • 一貫性 
    • 絵文字セットでは、各デザインは次のデザインと一貫している必要があります。つまり、目、眉毛、口などの顔の形状は限定されており、交換可能である必要があります。また、線の太さやカラーパレットなどの他の要素も考慮しなければなりません。
  • ブランドの結束力
    • デザイン内での一貫性に加えて、絵文字セット全体のデザインは、ベンダーの全体的なブランディングと一致している必要があります。 
  • コミュニケーション
    • 絵文字はユーザーに意図した意味を伝えているか?
  • その他約1万件のストレス要因

これらすべての考慮事項を想像してみてください - しかし、思考を伝達し、複雑な人間の感情を2Dの円に変換するために使用されるものを作成するという追加のプレッシャーが加わりました。

 

今、考えなければならないことがあります。

  • スタイライゼーションとリアリズム
    • 絵文字は人間の表現を模倣するために作られたので、それぞれの絵文字は現実のものを様式化して表現しています。スタイル化されたデザインで現実を表現するのは簡単なことではありません。
  • シンプルさを翻訳する
    • 複雑な人間の顔からシンプルな形状のデザインに表現を変換するには、創造性と戦略が必要です。このプロセスでは、多くの障害に直面することになります。例えば、嫌悪感という感情は、典型的にはしわの寄った鼻や盛り上がった上唇で表現されます。絵文字には鼻はありませんし、唇はシンプルすぎて上唇の盛り上がりの微妙さを伝えることができません。現在のところ、顔の表情だけで嫌悪感を表現する絵文字はありません。その代わりに、これらの絵文字はしばしば "ゲロ "のような小道具を使って表現されます。
  • 表現力
    • 複雑な表現をシンプルなデザインに変えた後は、表現力を維持するために表情を豊かにする必要があります。

 

絵文字はどうやって作られているのか。インサイダーズスクープ

 

コウノトリモジマデ

絵文字は、正式なものになるためには、(誰でも投稿できる)それぞれのデザインが最初に UA承認済みnicode絵文字小委員会.Unicodeは "です。世界のほとんどのライティングシステムで表現されているテキストの一貫したエンコーディング、表現、処理のための情報技術標準です。”一般的な表現と重要な用語(以下 "CLDR 短縮名")は標準化されていますが、具体的なデザイン要件は非常に緩く、規制されていません。絵文字が承認されて固有のコードが割り当てられると Apple, Facebook, Google, Samsung, そしてTwitterのような個々の絵文字ベンダーは それぞれの絵文字表現の独自のスタイル化されたバージョンを作成します

各絵文字のための複数のベンダーのデザインの主な問題は、クロスプラットフォームの通信中に登場します。iPhoneユーザーがSamsungユーザーにメッセージを送った場合、SamsungユーザーにはSamsungの絵文字デザインしか表示されず、その逆もまた然りです。サムスンが彼らの外観を更新する前に、彼らの絵文字のデザインの選択肢は、他のベンダーのデザインと互換性がありませんでした。この矛盾は、多くのユーザーの混乱のための余地を作った.

昔はこれがサムスンの「ニヤニヤ顔」だった。

三星老害の顔の意味

これが今のサムスンの「ニヤニヤ顔」デザインです。 

現在の三星の顔

そして、これが現在のみんなのデザインのリストです。

アッカイブドールズ

iPhoneユーザーが遊び心を持って彼らのサムスンの友人に "ニヤニヤ顔 "を送信したときの誤解のための無限の機会について考えてみてください.サムスンのバージョンは、眉毛をしかめた, 細い目, と攻撃的な口を持っているので, そのニヤリとした表情は敵対的で怒っている.一方、アップル版は、その恐怖のような口の形とリラックスして開いた目で、中立的な「おっと」や「やばい」という感情を伝えます。 そのようなインパクトのあるデザインバリエーションは存在してはならない。スマイリーごとに作られたデザイン仕様があるべきである。ユーザーは、ベンダーの芸術的な気まぐれに従うべきではない。心を込めてデザインし、他の業者が何をしているかに注意を払うのは業者の責任である。 

分科会の舞台裏

私は短期間、Unicode Emoji Subcommittee (ESC)のメンバーとして、FBのEmoji Teamの他のメンバーと共にFacebookを代表していました。ESCに所属していた時、私は彼らの舞台裏の政治について少し学びました。

  • 絵文字にCLDRの短縮名が割り当てられたら、もう後戻りはできません。言語的な傾向や進化によって絵文字の意味が時間の経過とともに変化したとしても、元のCLDRの短縮名は変わりません。絵文字は言語の一部として機能するため、必然的に言語とともに進化していきます。 
  • ベンダーの間では、自社のデザインスタイルに対する抵抗感がかなりある。Appleは最も協調性が低く、最も秘密主義的である。一方、グーグルとフェイスブックは、協調性があり、積極的で、コミュニケーションを重視しています。ここ数年、Googleは他のベンダーとの連携をより良くするために、絵文字のデザインを強化しています。
  • 最も協力的でないだけでなく、Appleは絵文字デザインの最大のトレンドセッターでもあります。Appleはスタイルを支配し、多くの絵文字(特に初期の絵文字セット)がデザインされた方法に大きな影響を与えています。
    • ノート:私は今でもAppleのデザインのクオリティーが大好きです。ある意味では、彼らがスタイルを支配しているのは良いことだ - しかし、彼らは間違いなくコラボレーションのスキルを向上させる余地があります。
  • ユニコードコンソーシアム内では、年齢、性別、色についてかなり大きな誤表示があります。 メンバーシップはかなりオープンなので、この誤表記は必ずしも Unicode のせいではありません。. 絵文字業者の皆様へ ESCのような委員会(世界規模で私たちに影響を与える意思決定を行う委員会)への参加を促すことで、多様な代表者を支援してください。

CLDRネーミングの苦悩と言語の進化

一般的な絵文字のCLDRの短い名前を知っていたら、おそらく驚くでしょう。前述したように、絵文字は言語と同じように進化します。また、一般の人々が新しい(または古い)絵文字をどのように解釈して使うかを予測する方法もありません。新しい絵文字を意図した通りに使うこともあれば、そうでないこともあります。これは賭けです。

絵文字の解釈や意味は流動的であるため、CLDRのショートネームが定石であるのに対し、CLDRのショートネームは時代遅れになることが多い。 

CLDRの名前が古くなっていたり、不正確だったりする注目すべき絵文字は以下の通りです。

  • "垂れ顔
  • "傾いた手

 

吐き出す顔

赤くて怒っているような絵文字は「pouting face」と呼ばれていて、「怒り顔」ではありません。 アップルのオリジナルデザイン アップルはトレンドセッターであるため、「怒る顔」を超える「怒る顔」は、これまで、されており、今後も赤い顔のままになる可能性が高いです。 

怒り顔

突き出した顔」のCLDR名は本質的に意味がありませんが、CLDR名は決してブロッカーではありません。幸いなことに、デバイス上の絵文字のトリガーとなる単語は、CLDRの短縮名に結び付けられていません。iPhoneでテキストを送信しているときに「怒っている」と入力すると、「プッツンしている顔」が表示されます。皮肉なことに、「pout」、「pouty」、または「pouting face」と入力すると、赤い顔の絵文字は提案されたオプションとして表示されません。

 

人の手を傾ける

CDLRの短い名前を持つ別の絵文字は、完全にボートを逃しました。 "手を傾ける人 態度や皮肉、生意気さを表現するために、「人が手を傾ける」という言葉が使われてきました。"この絵文字は、iPhoneのトリガーワードとして「生意気」が使われています。しかし、もともとはサービス業の人を表すために作られたものです。
スクリーンショット 2020-04-27 at 3.45.38 AM

 

今すぐマインドフルパートのために

絵文字には様々なニュアンスの意味が込められていますが、それは時間の経過とともに変化するだけでなく、文化やコミュニティによっても異なります。絵文字には普遍的なデザインがなく、絵文字セットを作成する際には、それぞれの業者が自由な発想で絵文字セットを作成しているため、クロスプラットフォームでのコミュニケーションでは、常に混乱が生じる可能性があります。本物の顔と同じように、口角をつまんだり、目をふくらませたりすることで、絵文字はあっという間に新しい表情に変わり、メッセージも変わってしまいます。すべてのピクセルが重要です。

絵文字の意図や微妙なバリエーションをコントロールすることはできませんが。 デザインの一貫性を促進することができます

意図の伝達ミスや不正確な表現を最小限に抑えるために、デザインに使用する小さなディテールの影響を考慮するのは、すべてのベンダーの平等な責任です。

 

いくつかのクロージングノートと推奨事項

全ての業者におすすめ

向き合う

"Face with hand over mouth "には方向性が必要です。AppleとFacebookのこの絵文字のデザインは目が開いているのが特徴ですが、他の誰もが微笑んでいるのが特徴です。笑顔の目は、この絵文字の解釈に大きな影響を与えます。目が笑っていると、「口の上に手を乗せた顔」は笑っているように見え、まるで口を覆って笑っているかのように見えます。一方、目を開けているAppleやFacebookのデザインは、ショックを受けているように見えます。

このデザインで目がどのように見えるべきか、正解はありません - しかし、一貫していなければなりません。AppleとFacebookが目を調整する必要があるか、他のベンダーがこの表現のためにAppleとFacebookのルックを採用する必要があるかのどちらかです。 

Windowsのおすすめ。

スクリーンショット 2020-04-27 at 12.42.56 PM

ニヤニヤ顔」のためのすべてのベンダーのデザインは一貫しています - Windows のデザインを除いて。Windowsは、このデザインを歯の開いた笑顔で再現する必要があります。

Windows、「目が大きいニヤニヤ顔」から口の形に合わせて「ニヤニヤ顔」の口を変えるだけで、みんなと同調できるようになります。

ユニコードの推奨事項。

フェイスブックの「プッツンした顔」が黄色く表示されていますが Unicode絵文字リスト。 フェイスブックの「顔出し」は実は赤ら顔基準に固執している。このように見分けることができます。 

ユニコード、チャートを更新する必要があります。

絵文字業者&世界の人のおすすめをもっと見る

先ほども述べたように、絵文字分科会には多様性がありません。さまざまな層の従業員に参加を促すのは、各ベンダーの責任です。さらに。 技術者と学生は年間$75と$35だけで参加できます。 (それぞれ)で紹介されています。ぜひチェックしてみてください。


 

さらなる学習のためのノートとリソース

 

顔に焦点を当てる。

前述の通り、私は表情の芸術と科学を専門としています。そのため、この記事では特にスマイリーのデザインに焦点を当てています。表情に基づかない(オブジェクトやシンボルなど)絵文字をデザインすることには、他にも多くの課題があります。

 

シャウトアウト。 

絵文字の言語学について学ぶきっかけとなったソースをいくつかご紹介します。

  1. トーク・ザ・トーク RTR FMで
    トーク・ザ・トーク はオーストラリアの言語トークショーです。彼らのトークを聞くことをお勧めします。 絵文字の進化について.
  2. 絵文字コード: スマイリーフェイスと怖がり猫を支える言語学
    絵文字コード は、絵文字の言語学に関する本です。絵文字使用の歴史、心理学、社会学、人類学などを網羅しています。 T
    喋る でこの本を紹介してくれました。 彼らのもう一つの絵文字エピソード。

 

より有益な情報源

  • https://emojitracker.com
    • Emoji Trackerは、現在Twitter上でどの絵文字が使われているか/どのように使われているかをライブフィードで表示します。
  • https://emojipedia.org/
    • Emojipediaは、それぞれの絵文字を閲覧・学習できる絵文字検索エンジンです。

 

絵文字」という言葉の文法

"絵文字 "という単語の大文字化を考えるのにかなりの悲しみを費やしました。私が読んだとき 絵文字コードの著者であるVyvyan Evans氏は、適切に大文字にするタイミングについて概説しています。Evans氏によると、Emojiがシステムとして参照されているときは、"e "を大文字にすることになっているが、Buzzfeed Style Guide(私が大好きな)を含む他の情報源では、"e "は大文字にしていないという。私の文章の大文字表記が矛盾していることに気づいたなら、その理由がわかりましたね。

エモジの大文字化に関する私の情報探求は、エモジの複数性に関する別のウサギの穴に私を導いた。いくつかの情報源では、"emoji "の複数形は "emoji "だと言われていますが、私は結局、Buzzfeed Style Guide版の複数形を "emoji "を "emojis "として複数形にしたものを使うことにしました。

 

絵文字の大文字化と複数化の詳細。 

 

 

「Mindful Design: Everything You Did and Didn’t Want to Know About Emoji Design」への2件のフィードバック

コメントする

このサイトはスパムを減らすためにAkismetを使用しています。あなたのコメントデータがどのように処理されるかを知る

スタジオやチーム向けに設計されています

話しましょう。.

facetheFACS@melindaozel.com