{"id":46543,"date":"2025-08-11T12:54:29","date_gmt":"2025-08-11T09:54:29","guid":{"rendered":"https:\/\/typetype.org\/fr\/?p=46543"},"modified":"2026-05-15T10:14:42","modified_gmt":"2026-05-15T07:14:42","slug":"road-testing-how-the-typetype-font-was-tested-for-the-atom-ev-interface","status":"publish","type":"post","link":"https:\/\/typetype.org\/fr\/blog\/road-testing-how-the-typetype-font-was-tested-for-the-atom-ev-interface\/","title":{"rendered":"On the Road: How a TypeType Font Was Tested for the Atom EV Interface"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"718\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main.png\" alt=\"\" class=\"wp-image-46544\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main-1024x511.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main-768x383.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main-1200x598.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main-420x209.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_main-600x299.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Atom is&nbsp;Russia\u2019s first production electric vehicle, with its release expected very soon. This vehicle\u2019s unique interface is&nbsp;a&nbsp;true glimpse into the future, featuring augmented reality, a&nbsp;head-up display projected onto the windshield (AR&nbsp;HUD), and even a&nbsp;display directly in&nbsp;the steering wheel (SWP). <\/p>\n\n\n\n<p>It&nbsp;was for these specific interfaces\u2014the SWP and AR&nbsp;HUD, as&nbsp;well as&nbsp;for the mobile app\u2014that we&nbsp;created (or&nbsp;rather, customized) a&nbsp;font. The Atom team then conducted a&nbsp;study to&nbsp;ensure that text set in&nbsp;this font could be&nbsp;read flawlessly under real-world driving conditions. <\/p>\n\n\n\n<p>In&nbsp;this article, we\u2019ll take you through the customization process and the research behind&nbsp;it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Atom Interphases: Customizing a&nbsp;Font for Atom<\/h2>\n\n\n\n<p>TypeType was tasked with creating a&nbsp;text font for the electric vehicle\u2019s interface, app, website, and all other Atom platforms. Crucially, it&nbsp;had to&nbsp;complement the Atom display font already in&nbsp;use on&nbsp;the project. During the approval phase, we&nbsp;and the Atom team concluded that the best solution would be&nbsp;to&nbsp;customize our own <a href=\"https:\/\/typetype.org\/fr\/fonts\/tt-interphases\/\">TT&nbsp;Interphases Pro<\/a> font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"335\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1.png\" alt=\"\" class=\"wp-image-46545\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1-1024x238.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1-768x179.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1-1200x279.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1-420x98.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_1-600x140.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0Our dream is&nbsp;to&nbsp;create a&nbsp;unified style of&nbsp;communication with the user across all media\u2014from posters to&nbsp;the interfaces inside the electric car. The Atom font is&nbsp;a&nbsp;vibrant neo-grotesque that helps&nbsp;us stand out in&nbsp;a&nbsp;sea of&nbsp;informational noise. However, the&nbsp;UI team prefers more understated fonts that place a&nbsp;minimal cognitive load on&nbsp;the driver. At&nbsp;their request, we&nbsp;explored font pairings, and everyone liked TT&nbsp;Interphases Pro. We&nbsp;wanted to&nbsp;infuse it&nbsp;with the character of&nbsp;the Atom brand, and TypeType offered&nbsp;us an&nbsp;excellent solution by&nbsp;customizing their font.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Oleg Vakhromeev, Creative Director at&nbsp;Atom<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0We&nbsp;needed to&nbsp;add a&nbsp;branding component to&nbsp;the font. So, we&nbsp;decided to&nbsp;make some characters more interesting and decorative. At&nbsp;the same time, it&nbsp;was vital to&nbsp;preserve readability.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Antonina Zhulkova, Design Lead at&nbsp;TypeType<\/p>\n<\/blockquote>\n\n\n\n<p>To\u00a0ensure the character of\u00a0the customized font echoed the existing display font, we\u00a0selected distinctive letters and used them as\u00a0a\u00a0basis to\u00a0modify a\u00a0series of\u00a0characters in\u00a0<a href=\"https:\/\/typetype.org\/fr\/fonts\/tt-interphases\/\">TT\u00a0Interphases Pro<\/a>. These included the terminals of\u00a0G, J, R, Q, a, and\u00a0g, as\u00a0well as\u00a0the letters \u0423\u0443, Yy, \u041a\u043a, Kk, and \u0416\u0436. Some forms were completely redrawn.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"678\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2.png\" alt=\"\" class=\"wp-image-46547\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2-1024x482.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2-768x362.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2-1200x565.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2-420x198.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_2-600x283.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>The numerals were also modified to&nbsp;be&nbsp;more striking and characterful. Specifically, this applied to&nbsp;the numbers 1, 3, 6, and 9&nbsp;across all styles\u2014lining, old-style, tabular, circled, and so&nbsp;on.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"515\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3.png\" alt=\"\" class=\"wp-image-46548\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3-1024x366.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3-768x275.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3-1200x429.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3-420x150.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_3-600x215.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0There\u2019s an\u00a0interesting story with the numbers 6\u00a0and 9. In\u00a0the original <a href=\"https:\/\/typetype.org\/fr\/fonts\/tt-interphases\/\">TT\u00a0Interphases Pro<\/a>, they looked like a\u00a0circle with a\u00a0diagonal line. To\u00a0make these forms more display-like, we\u00a0needed to\u00a0add \u2019tails\u2019 to\u00a0them. But this shape isn\u2019t ideal for readability because it\u2019s more ambiguous\u2014you could confuse these numbers with an\u00a08, a\u00a03, or\u00a0a\u00a00. So, we\u00a0created two sets for different tasks: one more readable, the other more accentuated.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Antonina Zhulkova, Design Lead at&nbsp;TypeType<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"515\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4.png\" alt=\"\" class=\"wp-image-46549\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4-1024x366.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4-768x275.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4-1200x429.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4-420x150.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_4-600x215.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>For the interfaces, we&nbsp;created a&nbsp;separate font file containing only tabular figures, which are used specifically when number distinguishability is&nbsp;critical at&nbsp;high reading speeds. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"731\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5.png\" alt=\"\" class=\"wp-image-46550\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5-1024x520.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5-768x390.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5-1200x609.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5-420x213.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_5-600x305.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>We&nbsp;also drew symbols for several currencies: the som, somoni, tugrik, and dirham in&nbsp;all their respective styles. The dirham was particularly interesting to&nbsp;work&nbsp;on, as&nbsp;we&nbsp;had never designed this symbol before. Currently the national currency of&nbsp;the UAE and Morocco, and a&nbsp;fractional monetary unit in&nbsp;Jordan, Libya, and Qatar, it&nbsp;doesn\u2019t have a&nbsp;single dedicated symbol like the ruble or&nbsp;dollar sign. It&nbsp;is&nbsp;typically typed using three separate characters: two from the Arabic script and a&nbsp;dot.<\/p>\n\n\n\n<p>For this font, however, we&nbsp;created a&nbsp;single glyph for the dirham to&nbsp;make it&nbsp;easy to&nbsp;type. We&nbsp;even conducted a&nbsp;small study to&nbsp;understand exactly how it&nbsp;should look in&nbsp;this font.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"466\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6.png\" alt=\"\" class=\"wp-image-46551\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6-1024x331.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6-768x249.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6-1200x388.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6-420x136.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_6-600x194.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Finally, we&nbsp;made technical refinements to&nbsp;the font, adjusting the baseline and leading so&nbsp;that when switching fonts in&nbsp;the interface, the layout would not break.<\/p>\n\n\n\n<p>The resulting font was named Atom Interphases. It&nbsp;fully met the company\u2019s needs, a&nbsp;fact confirmed by&nbsp;Atom\u2019s research, which we\u2019ll discuss next.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Atom Interface Font Study<\/h2>\n\n\n\n<p>After we&nbsp;delivered the finished Atom Interphases, the Atom team decided to&nbsp;test the font by&nbsp;recreating driving conditions. It&nbsp;was crucial to&nbsp;understand how quickly and easily notifications could be&nbsp;read, as&nbsp;this directly impacts driving safety.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"465\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7.png\" alt=\"\" class=\"wp-image-46552\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7-1024x331.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7-768x248.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7-1200x388.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7-420x136.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_7-600x194.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0We&nbsp;were verifying if&nbsp;the font was suitable for our specific interfaces: the SWP, which is&nbsp;a&nbsp;tablet on&nbsp;the steering wheel, and the HUD, the projection on&nbsp;the windshield. We&nbsp;needed to&nbsp;test the readability and recognizability of&nbsp;characters with these specific interfaces in&nbsp;mind and find out how the font would perform while a&nbsp;person is&nbsp;driving.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Yaroslava Medvedeva, Lead User Experience Researcher at&nbsp;Atom<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Preparation<\/h3>\n\n\n\n<p>The structure of&nbsp;the study itself was quite simple. It&nbsp;began with a&nbsp;briefing between the Atom and TypeType teams. The specialists discussed potential issues that could arise under the given conditions, such as&nbsp;how specific letters are perceived and whether they might be&nbsp;confused. For example, would a&nbsp;single-story \u2019a\u2019 be&nbsp;mistaken for an \u2019o\u2019? If&nbsp;so, would that pose any risk? How are letters and symbols recognized in&nbsp;general?<\/p>\n\n\n\n<p>Atom\u2019s designers also paid close attention to&nbsp;number recognition. A&nbsp;great deal depends on&nbsp;this\u2014for instance, whether a&nbsp;person correctly understands their driving speed.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0Almost no&nbsp;one conducts&nbsp;UX studies like this. We&nbsp;found articles about font size, contrast, and the perception of&nbsp;texts in&nbsp;different fonts, but none of&nbsp;them were what we&nbsp;needed. We&nbsp;had to&nbsp;test all this directly with our interfaces. We&nbsp;identified two key metrics to&nbsp;focus&nbsp;on: legibility and readability. That&nbsp;is, the recognizability of&nbsp;specific characters and the readability of&nbsp;the entire text. We&nbsp;looked at&nbsp;the font\u2019s influence on&nbsp;how a&nbsp;word is&nbsp;perceived as&nbsp;a&nbsp;whole and how many words a&nbsp;person can process in&nbsp;a&nbsp;single quick glance. This context is&nbsp;critical for&nbsp;us. While driving, conditions are constantly changing. For example, when someone is&nbsp;driving on&nbsp;a&nbsp;highway at&nbsp;150&nbsp;km\/h (93&nbsp;mph), there\u2019s very little time to&nbsp;look at&nbsp;a&nbsp;screen. So, it&nbsp;was essential to&nbsp;test readability specifically in&nbsp;the context of&nbsp;short interactions.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Yaroslava Medvedeva, Lead User Experience Researcher at&nbsp;Atom<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_8.gif\" alt=\"\" class=\"wp-image-46553\"\/><\/figure>\n\n\n\n<p>To&nbsp;test the legibility of&nbsp;individual characters and the readability of&nbsp;phrases, the designers requested the font sizes approved for use in&nbsp;the interface designs. They then created cards with characters printed in&nbsp;the smallest of&nbsp;these sizes.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0We&nbsp;decided that in&nbsp;the first stage, we&nbsp;wouldn\u2019t test the font within our interfaces, because then it&nbsp;would be&nbsp;unclear what influenced perception and reading efficiency\u2014the font or&nbsp;the interface itself. So, we&nbsp;used a&nbsp;dark background and a&nbsp;light-colored font for high contrast and created cards, each displaying six characters. The letters were arranged in&nbsp;a&nbsp;random order so&nbsp;that context wouldn\u2019t aid in&nbsp;their recognition.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Yaroslava Medvedeva, Lead User Experience Researcher at&nbsp;Atom<\/p>\n<\/blockquote>\n\n\n\n<p>Special attention was given to&nbsp;similar-looking characters that were flagged during the briefing (\u2019a\u2019&nbsp;\/ \u2019o\u2019, \u2018m\u2019&nbsp;\/ \u2018n\u2019 etc.). <\/p>\n\n\n\n<p>More cards were created with these characters than with others. After a&nbsp;pilot test, the number of&nbsp;characters per card was reduced to&nbsp;four to&nbsp;make them easier to&nbsp;remember and list. This allowed respondents to&nbsp;\n1d94\ngrasp all the symbols at&nbsp;a&nbsp;glance and name them, ensuring that memory recall didn\u2019t affect the results.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"478\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en.png\" alt=\"\" class=\"wp-image-46554\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en-1024x340.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en-768x255.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en-1200x398.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en-420x139.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_9_en-600x199.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>To&nbsp;test readability, cards were made with notification texts already used in&nbsp;the head-up display (HUD). The text was also printed on&nbsp;a&nbsp;dark background with a&nbsp;light-colored font in&nbsp;the size approved for notifications. A&nbsp;few experimental cards were also created with increased and decreased letter-spacing to&nbsp;see if&nbsp;it&nbsp;would affect readability. The same process was repeated for the steering wheel panel (SWP), with the text size adjusted for that specific interface.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"351\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en.png\" alt=\"\" class=\"wp-image-46555\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en-1024x250.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en-768x187.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en-1200x293.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en-420x102.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_10_en-600x146.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">The Research Process<\/h3>\n\n\n\n<p>A&nbsp;qualitative method was chosen for the study. Respondents were selected with varying levels of&nbsp;eyesight, including mild nearsightedness or&nbsp;astigmatism.<\/p>\n\n\n\n<p>Using a&nbsp;full-scale rig for&nbsp;UX and cognitive ergonomics research, the context of&nbsp;a&nbsp;drive was recreated. The experiment lasted 60&nbsp;minutes. During this time, participants were shown the prepared cards alternately on&nbsp;the HUD and SWP screens. Respondents had to&nbsp;name all the symbols and phrases they saw. They were only given two seconds to&nbsp;view each card.<\/p>\n\n\n\n<p>On&nbsp;command, respondents would look at&nbsp;the screen on&nbsp;the steering wheel and then shift their gaze to&nbsp;the windshield. This was done to&nbsp;see if&nbsp;refocusing their gaze affected the readability and legibility of&nbsp;the characters.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"564\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en.png\" alt=\"\" class=\"wp-image-46556\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en-1024x401.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en-768x301.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en-1200x470.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en-420x165.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_11_en-600x235.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0We&nbsp;had a&nbsp;protocol sheet with two columns: one listed the symbols and texts from the original cards, and the other had fields to&nbsp;be&nbsp;filled in&nbsp;with what the person said. This allowed&nbsp;us to&nbsp;compare and see if&nbsp;there were any errors. It\u2019s important to&nbsp;conduct these readability tests with native speakers to&nbsp;eliminate any errors that might stem from a&nbsp;participant simply misunderstanding a&nbsp;word.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Yaroslava Medvedeva, Lead User Experience Researcher at&nbsp;Atom<\/p>\n<\/blockquote>\n\n\n\n<p>For the notifications (the phrases), it&nbsp;was agreed that if&nbsp;a&nbsp;respondent couldn\u2019t read the phrase in&nbsp;one&nbsp;go, the card would be&nbsp;shown again. The protocol tracked how many times each participant needed to&nbsp;see a&nbsp;card to&nbsp;repeat what they had read. This helped determine what volume of&nbsp;text a&nbsp;person could absorb in&nbsp;a&nbsp;single brief glance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1440\" height=\"564\" src=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12.png\" alt=\"\" class=\"wp-image-46557\" srcset=\"https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12.png 1440w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12-1024x401.png 1024w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12-768x301.png 768w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12-1200x470.png 1200w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12-420x165.png 420w, https:\/\/typetype.org\/fr\/wp-content\/uploads\/sites\/15\/tt_blog_atom_12-600x235.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p style=\"font-size:18px\">\u00ab\u00a0We&nbsp;went through the entire scenario with the respondents this way and then analyzed the errors. It&nbsp;turned out that the number of&nbsp;errors was minimal. Based on&nbsp;this, we&nbsp;concluded that the font is&nbsp;viable; that&nbsp;is, it\u2019s safe to&nbsp;use in&nbsp;the interface for driving.\u00a0\u00bb<\/p>\n\n\n\n<p style=\"font-size:18px\">Yaroslava Medvedeva, Lead User Experience Researcher at&nbsp;Atom<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusions<\/h3>\n\n\n\n<p>By&nbsp;the end of&nbsp;the experiment, all respondents had successfully completed the task. The font\u2019s readability was high, and participants correctly read all notifications. There were also no&nbsp;issues with letter and number legibility.<\/p>\n\n\n\n<p>We&nbsp;at&nbsp;TypeType hadn\u2019t conducted studies like this before, but thanks to&nbsp;Atom\u2019s experience, we&nbsp;are already integrating a&nbsp;similar approach into our own research on&nbsp;font readability.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Project Team<\/h4>\n\n\n\n<p><strong>Atom<\/strong><\/p>\n\n\n\n<p>Valentin Krotov&nbsp;\u2014 Design System Manager<br>Alexey Dmitriev&nbsp;\u2014 HUD Design Lead<br>Yara Medvedeva&nbsp;\u2014 Lead Researcher<br>Inga Blagodatskaya&nbsp;\u2014 Lead Researcher<br>Sveta Kholodnova&nbsp;\u2014 Researcher<br>Oleg Vakhromeev&nbsp;\u2014 Creative Director<br>Alexander Pavlovich&nbsp;\u2014 Director of&nbsp;Design and User Experience<\/p>\n\n\n\n<p><strong>TypeType<\/strong><\/p>\n\n\n\n<p>Antonina Zhulkova&nbsp;\u2014 Design Lead<br>Anastasia Pogorelova&nbsp;\u2014 Senior Font Designer<br>Marina Khodak&nbsp;\u2014 Design Lead<br>Yuri Nakonechny&nbsp;\u2014 Head of&nbsp;the Technical Department<br>Stanislav Tikhonov&nbsp;\u2014 Font Engineer<br>Sergey Kuzmin&nbsp;\u2014 Head of&nbsp;the Project Office<br>Katerina Fedina&nbsp;\u2014 Client Manager<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Atom is\u00a0Russia\u2019s first production electric vehicle, with its release expected very soon. This vehicle\u2019s unique interface is\u00a0a\u00a0true glimpse into the future, featuring augmented reality, a\u00a0head-up display projected onto the windshield (AR\u00a0HUD), and even a\u00a0display directly in\u00a0the steering wheel (SWP). It\u00a0was for these specific interfaces\u2014the SWP and AR\u00a0HUD, as\u00a0well as\u00a0for the mobile app\u2014that we\u00a0created (or\u00a0rather, customized) a\u00a0font.<\/p>\n","protected":false},"author":1590,"featured_media":46544,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[187,185],"class_list":["post-46543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-font-custom","tag-corporate-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/46543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/users\/1590"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/comments?post=46543"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/46543\/revisions"}],"predecessor-version":[{"id":50737,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/posts\/46543\/revisions\/50737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media\/46544"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/media?parent=46543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/categories?post=46543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/fr\/wp-json\/wp\/v2\/tags?post=46543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}