Mac and Windows versions of all shortcuts: The ⌘ key on Mac is usually used like the Control key on Windows, but there is still a Control key on Mac that is used for some shortcuts, adding edge cases and exceptions to this OS modifier key translation.Maintaining “pair” logic where applicable: Actions like “move to front” and “move to back” should have keyboard shortcuts with keys physically next to each other.Physical comfort of keyboard shortcuts: Where are key combinations located on a keyboard, and are they comfortable to reach?.At the same time, we need to avoid duplicate shortcut conflicts not only between existing Figma shortcuts, but also between shortcuts defined by the OS or other major desktop applications.Īdditionally, there are many other considerations when adapting existing US QWERTY keyboard shortcuts to a swath of new keyboard layouts: For example, we want to maintain motor memory that users may already have from other tools, aligning our shortcuts to similar actions (say, copy, paste, zoom). Keeping a holistic view of where Figma fits within these various ecosystems is important when developing shortcuts that will impact a user’s workflow. Put a pin in this detail, because the struggle of keyboard detection comes back later.Ĭombining our detection data with forum feedback posts, we narrowed down our initial work to a (not so short) shortlist of standard keyboards: German, French AZERTY, Japanese, British, Swedish, Finnish, Danish, Norwegian, Italian, Spanish, Spanish LATAM, Chinese, Portuguese, and Korean.Īs a graphic tool and a text editor that exists within the realm of a browser (which also exists within an operating system)-Figma inherits all the shortcuts from each of these spaces, many of which are already in conflict with each other. Marcin introduced us to these century-old Remington Typewriter layouts for Domestic, Swiss-Standard, and Swedish. With keyboard detection logging in place, we saw over 2.5k distinct layouts used on Figma within 30 days! I didn't even know this many keyboard layouts existed, and it turns out that there have always been thousands of keyboard layouts. For example, we might get data that the keyboard’s Quote code has the ä character, and, in combination with other such mappings, we can extrapolate that perhaps the user has a Swedish keyboard. Here’s how our heuristics work: This API tells us the character associated with each positional key code for the current user, which we then map to known keyboard layouts. However, on browsers, the best we could do was make guesses based on heuristics involving the experimental Keyboard API, which has its own limitations. Gathering this information was easier via the desktop app, where we are able to detect the OS keyboard setting. With an overwhelming number of possible keyboard layouts, we wanted to start by supporting shortcuts for keyboard layouts that our users most commonly use. Coding languages have not entirely caught up yet, it seems. What? A new capitalized letter? In 2017, the new capital eszett character was officially adopted by the German spelling council, though the character has existed in fonts before that.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |