Duolingoのデザインシステムは、受動攻撃的な監視役として構築されている。

これを理解するには、フクロウのDuoの進化を振り返る必要があります。アプリの初期の頃、Duoは親しみやすく、役に立つガイドでした。手を振ったり、微笑んだり、ユーザーの成功を祝ったりしました。彼は、業界標準の魅力的なデザインに完璧に合致していました。

しかし、製品チームがユーザーの定着率データを分析するにつれ、重要なことに気づきました。親しみやすいマスコットは簡単に無視されてしまうのです。親しみやすいフクロウに手を振って、その後3週間アプリを閉じても、フクロウは気にしません。フクロウは単なる飾りなのです。

そこで彼らはデザインシステムを変更した。フクロウの絵柄も変えた。

デュオは笑顔を消した。彼の目は大きくなり、瞬きもせず、少しばかり鋭さを増した。通知の視覚的な階層構造が変化した。明るく陽気な色彩は、鮮やかなコントラストに取って代わられた。UXライティングは、明るい励ましから、率直で罪悪感を煽るような表現へと変化した。

デジタル製品におけるキャラクターデザインを研究する中で、ある明確なパターンに気づきました。私たちは通常、マスコットをブランドアンバサダーとして扱いますが、DuolingoはDuoを感情に訴えかける手段として活用しています。

このアプローチの優れた点は、感情の強さを段階的に調整できる点にある。デザインシステムは静的なものではなく、ユーザーの行動に反応する。レッスンを時間通りに完了すれば、Duoは比較的ニュートラルな態度を示す。軽く頷いて承認を示すかもしれない。しかし、1日でもレッスンを休むと、デザインシステムはエスカレートしていく。

通知の頻度が増え、文面もより辛辣になる。フクロウの見た目も変わり、落胆したり、悲しんだり、あるいはかすかに怒っているように見える。このアプリは、まるでガスライティングのように、漫画の鳥の感情状態に責任を感じさせるように仕向けているのだ。

これは、UXライティングとビジュアルデザインが完璧に調和した傑作です。コピーはあなたが失敗していることを伝え、ビジュアルデザインはその失敗の重みを実感させ、インタラクションデザインは緊張を解消するために特定の行動を促します。