デザインにおけるコピーの価値と翻訳の正確さ

2020年11月10日)

最近、ShopeeアプリのUIの失敗について、LinkedInからユーザーのフィードバックを受け取りました。これは、使いやすさに大きな影響を与えました。ユーザーによると、「発送」と「受け取り」に使用されているアイコンを誤って反転させました。

上の画像に示されているように、「To Ship」は現在バンで表され、「ToReceive」は小包で表されています。ユーザーは、これらのアイコンを交換する必要があると感じました。これにより、「出荷する」は小包であり、「受け取る」はバンです。

読みやすくするために、既存のデザインをオプションA および交換バージョンをオプションB と名付けました。

国内外のさまざまなeコマースアプリのデザインを調査し、比較しました。私たちの調査によると、競合製品のほとんどはオプションBを選択しましたが、少数の製品はオプションAを選択しました。 一部の競合他社は、時計など、「出荷する」を表すためにまったく異なるアイコンを使用していました。 。

「shipping」というキーワードを使用してアイコンライブラリも検索しました。結果にトラックと小包が表示された回数はほぼ同等でした。したがって、これら2つのアイコンの視覚的表現は類似しており、シナリオによっては交換可能であると推測できます。したがって、この問題はアイコンの認識の違いの問題であるように思われました。

これら2つのアイコンを詳しく調べた後、驚くべき発見をしました。

気づきました。まったく同じアイコンを持つ2つのアプリでさえ、それを説明するために同じ用語を使用していませんでした。例としては、「受け取る」や「発送する」などがあります。この啓示により、売り手と買い手で同じ注文状態の解釈が異なる可能性があることがわかりました。

そこで、各状態の意味を解明することが私たちの使命でした。

ご覧のとおり、Shopeeとほとんどの現在の定義では競合他社のうち、2つの注文状態は重複しています。

  • 注文の実際の状態を反映するという観点からは、「出荷する」とは小包が
  • ユーザーの期待に応えるという観点からは、オプションAの方が直感的です。「出荷する」とは、間もなく出荷されることを意味するためです。

どちらの設計にも合理性があります。では、どちらを選択する必要がありますか?

この場合、コピーライティングはアイコンと一致している必要があることに注意してください。コピーから、使用した動詞 (つまり、Pay、Ship、Receive、Rate)は、ユーザーの可能な次のアクションを強調しています。

この場合、注文状態自体ではなく、ユーザーに近い視覚的表現を選択しました。 「ToPay」は支払いが必要であることを意味し、「To Rate」は評価が必要であることを意味します。

仮説を検証するために、小規模なユーザーテストを行いました。ユーザーにわかりやすいデザインを選択してもらいました。

繰り返しになりますが、結果には驚きました。

ほとんどのユーザーはすぐにオプションAを選択しましたが、時間があれば熟考し、これが考える価値のある質問であることを示唆するために、彼らの一部は考えを変えてオプションBに目を向けました。

この思考メカニズムは、ダニエルカーネマンの著書 Thinking、Fast andSlowで説明されています。

心理学者は、私たちの脳には2つのシステムがあると信じています。

システム1の操作は無意識で高速であり、完全に状態にあります。自律制御の。システム2の操作は通常、論理的な動作、専門性、選択、その他の経験に関連しています。

システム1は、一貫性の特性を見つけるのに優れているだけでなく、緯度全体の値を解釈する機能も備えています。別の判断の代わりに1つの判断を使用します。システム2は、問題の解決に焦点を当て、答えを見つけるために記憶の検索に注意を向けるのが得意です。

システム1と2を映画の登場人物と見なすとすると、システム1が本当の主人公。私たちの日常生活のほとんどの活動はシステム1によって完了されます。システム2は、システム1の直感と衝動の一部を抑制する重要なタスクに関してのみ必要です。

Withこの理論とテスト結果から、正しい選択はオプションAのようです。それで、私たちの設計は最初から直感的で正しいのに、なぜそのようなユーザーフィードバックを受け取ったのですか?

からのリマインダーのおかげでインドネシア人の同僚、翻訳すると言葉の意味が変わるかもしれないことに気づきました!確かに、Shopee IDアプリでは、「ToShip」と「ToReceive」は「Packing」と「SentOut」に翻訳されました。

したがって、キーワードとアイコンの不一致がユーザーの思考を刺激し、それが私たちの苦境につながりました。

結論解決策は、アイコンのデザインを変更することではなく、PMを使用してさまざまな地域の翻訳を確認し、変更の提案をすることでした。そうすることで、コピーライターは当初の意図と同じ意味を正確に伝えることができます。

このケースは、将来、さまざまな国や地域向けの製品を設計する際に考慮しなければならないポイントになります。これは、ローカリゼーションを非常に重視する理由でもあります。地元の視聴者の共感を高めるためのローカリゼーションの取り組みについて詳しくは、以前の記事をご覧ください。

おすすめの記事:

Shopee Design Talk Plus:体系的なデザインでマルチマーケットローカリゼーションを強化プロセス

グローバリゼーションは、何十年にもわたって現代世界の決定的な特徴でした。Covid-19の大流行が私たちを襲ったときでさえ、それは…

medium.com

)(

Shopee Design Talk Plus:デザイン言語システム101 —一貫性からローカリゼーションまで

「デザイン言語システムとは」それは、ローラが共有するデザインで提起した数百万ドルの質問でした…

medium.com

ShopeeDesignのシニアプロダクトデザイナーであるLilyによる執筆

Shopeeは、南東部を代表するeコマースプラットフォームです。アジアと台湾。強力な支払いとロジスティックサポートを通じて、簡単、安全、迅速なオンラインショッピング体験を顧客に提供します。プラットフォームを継続的に強化し、地域で選ばれるeコマースの目的地になることを目指しています。

Instagram で連絡を取り合いましょう!