<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Peter Cho on Medium]]></title>
        <description><![CDATA[Stories by Peter Cho on Medium]]></description>
        <link>https://medium.com/@pcho?source=rss-21867366208a------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*DNI88cpJGwDB32AeBZl_8g.jpeg</url>
            <title>Stories by Peter Cho on Medium</title>
            <link>https://medium.com/@pcho?source=rss-21867366208a------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 04:34:42 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@pcho/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Type, between two languages]]></title>
            <link>https://uxdesign.cc/type-between-two-languages-3c9b832649f0?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/3c9b832649f0</guid>
            <category><![CDATA[graphic-design]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[typography]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[language]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Mon, 17 Mar 2025 15:47:16 GMT</pubDate>
            <atom:updated>2025-03-20T00:58:04.102Z</atom:updated>
            <content:encoded><![CDATA[<h4>My Korean language journey</h4><figure><img alt="Latin letterforms a, b, c, d, e, and Korean letterforms ㅈ, ㅊ, ㅌ, ㅍ, and ㅎ" src="https://cdn-images-1.medium.com/max/1024/1*NGhUszTjZ0gaSD5nHrnzDw.png" /></figure><p>In 2023, coming out of the doldrums of the pandemic, I was rediscovering my love for type design. At the beginning of that year I dusted off an old type project, <a href="https://www.typotopo.com/work/peasy">Peasy</a>, and worked diligently to get it ready for release. I spent a lot of nights and weekends, and even though the <a href="https://typotopo.substack.com/p/a-type-designers-job-is-never-done">later stages of “finishing” a font</a> can be tedious, it was a great learning process.</p><p>Later that year, my dad, feeling lonely since my mom passed in 2022, said he might want to move to Korea to live in a Silvertown. This is the name they give to pricey senior apartments where they provide three meals a day, health and fitness facilities, various activities, and opportunities to socialize. While at first my brother and I were against it, we came around to the idea, and my dad ended up moving in November of last year. But when he first mentioned the possibility of returning to Korea, I decided I should start trying to learn Korean so I could help him if he were to move. I signed up for an online class with the SF Korean Center and got placed at the Intermediate 1 level.</p><p>As a Korean-American, I’ve often felt shame that I couldn’t speak Korean better. When we were little, my parents thought — like many other immigrant parents at the time — speaking English with us would help us succeed in this country. So the Korean I did know was from basic things I happened to pick up from my parents and five weeks of language study I did in Seoul after my freshman year of college. Starting in on learning Korean again after so many years, I quickly found myself getting drawn in — watching dramas, following Korean accounts, joining apps to chat with natives who want to improve their English, trying lots of methods to learn and improve. It has been a mix of fun and frustrating, knowing I’m improving but still feeling my language skills are poor. I know every sentence I say or write has a mistake or two in it. After a year and half of serious study, I can generally communicate what I want to say, but I’m a long way from fluent.</p><p>During this time, my time for type design has regrettably fallen away. While I’ve been curious what it would be like to design a Korean font, I haven’t looked into it seriously. But last month, a design professor I know, <a href="http://yeoahn.com/designandchange/">Yeohyun Ahn</a>, reached out to invite me to show work in a group exhibition at the <a href="https://isea2025.isea-international.org/">ISEA electronic art festival</a> being held this May in Seoul. I replied with an immediate yes, but I had to think hard about what I could make for the show. I remembered an old interactive animated sketch I made, where letters of the alphabet could transition into each other by moving the negative space shapes, or “counters,” inside a rectangle container.</p><figure><img alt="Animation showing a through e animating from one letter to the next" src="https://cdn-images-1.medium.com/max/1024/0*koCaFY1Kom3jrWZK.gif" /></figure><p>I wondered, could this work for the Korean alphabet, Hangul, too? Hangul is a phonetic writing system for the Korean language, invented by King Sejong in the 15th century to promote literacy among the Korean people. Prior to the creation of Hangul, Korean was written using thousands of Chinese characters that took years of schooling to learn, so only the noble class had the privilege of literacy.</p><p>In Hangul, consonants and vowel shapes are combined to form each syllable. In Korean typefaces, this involves a lot of inner adjustment to make each combined syllable feel balanced. Before I started looking at Korean type closely, I naively thought Korean might be easier to design than Latin. (No kerning pairs!) But it’s actually another beast altogether — like kerning in two dimensions.</p><figure><img alt="Visual explanation of how consonants and vowels are arranged into syllables in the Korean writing system, Hangul" src="https://cdn-images-1.medium.com/max/1024/0*9a-r9mitOvu74NGg.png" /></figure><p>With the sketch of the animating letters in mind, I set out to draw my first ever set of Hangul characters, using the same concept from the Latin — letting the negative space define the form of each letter.</p><figure><img alt="Two characters displayed in Robofont software" src="https://cdn-images-1.medium.com/max/1024/0*JF63CP-zbGXwGW1E.png" /></figure><figure><img alt="A through Z in a custom blocky font" src="https://cdn-images-1.medium.com/max/1024/0*oolSAAFOkNed8clI.png" /></figure><figure><img alt="Korean letters shown in blocky font" src="https://cdn-images-1.medium.com/max/1024/0*oEkKkFbiWeZPiEY7.png" /></figure><p>My process has been to design these characters first in Robofont, export the paths with a Python script, then import them into Processing to manipulate them with code. Then, inspired by surprising overlaps between the two languages that have stuck out to me on my language learning journey, I have been creating some animations of Korean and English words, where the words transition between each other.</p><p>Here are some of the results so far. In this first animation, the morphing words ‘삶’ and ‘life’ are a metaphor for the flow of our everyday lives.</p><figure><img alt="The word for life 삶 rotates in a looping animation, sometimes transforming into the English word ‘life’" src="https://cdn-images-1.medium.com/max/800/1*8tg5rTpWllwBMO35yOJGMA.gif" /></figure><p>I was surprised by how the word for ‘stain,’ 얼룩, sounds like someone pointing it out (“oh, look”) in English.</p><figure><img alt="The word for stain 얼룩 transitions into the English phrase ‘oh look’" src="https://cdn-images-1.medium.com/max/800/0*YXZsZjFQM_iXp9iD.gif" /></figure><p>In this animation, the words for ‘push’ and ‘pull’ in both languages make for a fun play on words. 밀다 means to push and 당기다 means to pull.</p><figure><img alt="Korean and English words for push and pull animate back and forth, pushing and pulling on their counterparts" src="https://cdn-images-1.medium.com/max/800/0*uMlOlgf3M8eg2r9r.gif" /></figure><p>Finally, the everyday words ‘많이’ and ‘many’ sound very similar and mean almost the same thing.</p><figure><img alt="A repeating grid of the word 많이 transitions into a grid of the word ‘many’" src="https://cdn-images-1.medium.com/max/800/0*XskpcpB3pkwFJi2u.gif" /></figure><p>The concept for this project is to explore unexpected connections between the two languages using custom letterforms that can transition from one writing system to the other. Working across and between these two languages has been a process of discovery.</p><p>I hope to make something that could only come from my unique vantage point as a type designer, creative coder, and Korean heritage language learner. It’s been a surprising twist, being able to combine my interest in type design and learning Korean in this new way.</p><p><em>🇰🇷 If you happen to be in Korea in 2025, my work will be shown (at high res and frame rate!) at </em><a href="https://www.sac.or.kr/site/eng/show/show_view?SN=70075"><em>Seoul Arts Center</em></a><em> at the end of May and </em><a href="http://gmap.gwangju.go.kr/"><em>GMAP</em></a><em> in Gwangju in July–August.</em></p><p><em>📸 I’ll be sharing more on the project installation on Instagram: follow me at </em><a href="https://www.instagram.com/pchocho"><em>@pcho</em></a><em> and </em><a href="https://www.instagram.com/typotopo"><em>@typotopo</em></a><em>.</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=3c9b832649f0" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/type-between-two-languages-3c9b832649f0">Type, between two languages</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[A Brilliant brand refresh]]></title>
            <link>https://pcho.medium.com/a-brilliant-brand-refresh-4af021c11486?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/4af021c11486</guid>
            <category><![CDATA[education]]></category>
            <category><![CDATA[branding]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[apps]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Wed, 22 May 2024 21:44:29 GMT</pubDate>
            <atom:updated>2024-05-22T21:44:29.161Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JgBO_Sf2iEc347M0AtZEZQ.png" /></figure><h4>A collaboration between Koto and our internal team</h4><p><a href="https://brilliant.org/">Brilliant</a> is a website and app for learning quantitative and technical skills. Our main topics are math, data, and computer science, including AI. We’re direct-to-consumer, and most of our customers are in their teens, twenties, and thirties.</p><p>What’s different about Brilliant is our method of learning by doing — there are no videos, and everything is interactive. You’re interacting with diagrams and data, and rearranging code. We focus on skills that are broadly applicable to any kind of knowledge work. And we design the learning specifically to improve your ability to think and reason from first principles.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*8La2IBWdvEqJBy6d6iYFPg.png" /><figcaption>The Brilliant brand: Before</figcaption></figure><p>Starting in the fall of 2023, our team set out to refresh our brand to be better aligned with our audience of young professionals. We engaged with <a href="https://koto.studio/">Koto</a>’s LA team on designing and developing a brand across all touchpoints that would read as modern, cohesive, and engaging.</p><p>Brilliant’s brand evolved over time to include a globe-like app icon, a light all-caps sans serif wordmark, an illustration style called PIX built from straight-edged line segments, and a goofy character named <em>Blorb</em> who encouraged you along your learning journey.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XUsjvgm6hRJjqo7CQ0Vk1g.png" /></figure><p>Brilliant’s new wordmark is composed of rounds and squared off corners, echoing the shapes of our illustration style. It’s bold, yet friendly, and works well at small sizes.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6m4Ihy0tgZYV0Lodmt_l5A.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*MyLCh7KXSSEKYRiMfleLmw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*tN6B1emo303y_RreiMwCLA.gif" /></figure><p>For typography, we chose two typefaces from <a href="https://contrastfoundry.com/">Contrast Foundry</a>, <a href="https://contrastfoundry.com/typeface/cofo-robert">CoFo Robert</a> for headers in marketing, and <a href="https://contrastfoundry.com/typeface/cofo-sans">CoFo Sans</a> for use across product. We worked with the kind folks at Contrast Foundry to create a slightly custom version of the sans for our use at Brilliant.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OzP1dbO5gF0yjnULLmHgfA.png" /></figure><p>We landed on a lighter, brighter color palette and a new pear color spectrum for use across primary CTAs and streaks.</p><h3>Introducing Koji</h3><p>A key aspect of the brand that we didn’t expect at the outset was the need for a new mascot we could tie the brand around. We value fun, vitality, and levity as important for helping people reach their learning goals. We realized that we wanted a new mascot who could help lower the stakes for learners and act as a natural cheerleader to help motivate them.</p><p>Enter <em>Koji</em>, a lifelong learner with 13.7 billion years of experience. Koji is a sentient particle born from the Big Bang, and your guide to the Brilliant universe.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ACcolLlgfvUAnCUu8-3KRw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*hb4ZPFPkOx8-syk1e_8Mlw.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ypbwf8WzvHoK7Lp0s6MAfw.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/885/1*nkQ4TfU1KK_Z4eTwKBk5WQ.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/885/1*QzBl0onnhhyDz3aaSO7ihQ.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*pQQn1rXK_RlAtgdk2HxM-w.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZAIU7vFUifLzXuY-3nWRng.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*P7ZnugDhixaVHjrZjfxevA.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*It91kEbBZktpd3xEf0Or0g.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*vZ2YzSJuvu5S30uK8LjxnQ.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ux4eKFQFljGeH0E--Gs8PQ.png" /></figure><h4>Many thanks to</h4><p><strong><em>Our friends at Koto: </em></strong><em>Phoebe Roberts, Deanna German, Jim Ward, Carolyn Rush, Zoe Schneider, Angela Yu, Wyatt Turner, and Dave Ladd</em></p><p><strong><em>The creative team at Brilliant: </em></strong><em>Sue Khim, Cole Bolton, Peter Cho, Cody Bond, Juliana Chen, Habib Placencia, Zack Davenport, Jack Kovacich, Lawrence Wilson, Marisa Rafter, and Ji Sub Jeong</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4af021c11486" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Why are we so fascinated by letters?]]></title>
            <link>https://uxdesign.cc/why-are-we-so-fascinated-by-letters-9a31795c6672?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/9a31795c6672</guid>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[typography]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[language]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Mon, 23 Oct 2023 04:09:50 GMT</pubDate>
            <atom:updated>2023-10-23T07:30:18.852Z</atom:updated>
            <content:encoded><![CDATA[<p>When I tell them that I make fonts, my non-designer friends are truly curious. Everyone has had some exposure to fonts, most commonly through the font menu in apps. They see how a different font can make your document longer (if you’re trying to reach a certain page count), or shorter (if you’re trying to fit it onto fewer sheets of paper). They might have a favorite font to use. Many people also know something about typography from popular culture — maybe they’ve seen <a href="https://en.wikipedia.org/wiki/Helvetica_(film)">that documentary about Helvetica</a>, heard <a href="https://www.bbc.com/news/magazine-11582548">how much Comic Sans is reviled</a>, or enjoyed <a href="https://www.youtube.com/watch?v=jVhlJNJopOQ">that SNL sketch</a> about Papyrus in the logo for James Cameron’s <em>Avatar</em>.</p><p>Even if they haven’t put too much thought into what goes into designing a new font, most people will be interested, because type, and letters, are interesting to so many of us.</p><figure><img alt="Many sheets of plastic Letraset dry transfer lettering spread in a fan" src="https://cdn-images-1.medium.com/max/1024/0*99e9hpnQvgoofEqi.png" /><figcaption>Letraset dry-transfer lettering</figcaption></figure><p>As a youngster, I was fascinated by letters: calligraphy, swashes, and ornamentation; ambigrams, lettering that you can read upside-down, or upside-up; Letraset, dry-transfer type you could rub letter by letter to compose a flier or zine. I explored type and computation as a grad student and worked in the design field for many years, using type every day. My lifelong interest in type culminated in learning type design, and I’ve been developing my craft over the past few years. I launched my first typeface <a href="https://www.typotopo.com/work/peasy">Peasy</a> this summer.</p><p>Lately I’ve been thinking about letters in all their shapes and sizes and why they’re so fascinating to us.</p><h3>Why letters draw us in</h3><p>Letters have a talisman-like quality. They’re connected to childhood, these brightly colored blocks and magnets. You learn your letters and learn how to read and write over a formative period of your development. They’re ingrained into us at a really early age when we’re impressionable.</p><p>Humans are pattern-seeking machines. We seek to make sense of the world, and patterns help us learn and remember what’s important. In pre-historic times, this meant knowing which plants were good to eat and which would make you sick. In literate societies, pattern-seeking is what allows us to learn how to read and write. We teach these patterns to our children.</p><p>Typography is a system of patterns nested in patterns, nested in larger patterns.</p><figure><img alt="The letters a through z appearing in a graph with lines connecting them" src="https://cdn-images-1.medium.com/max/1024/0*Cv6g5Brs66r744W3.png" /></figure><p>Letters are made of shapes you can write with your hand — repeated straight and curved segments that join in specific patterns. You string letters together into words, then sentences, and paragraphs. Letters contain a whole universe of language that let you express ideas and tell stories: it’s magical.</p><p>Written language then allows you to broadcast your words out to many others through various technologies, from the printed book to the web. This ability to reach so many people is yet another kind of magic.</p><figure><img alt="The phrase ‘Typography is what language looks like.’ displayed in 5 different typefaces" src="https://cdn-images-1.medium.com/max/1024/0*M__kZhep3Ft-gnDY.png" /></figure><p>In Thinking with Type, Ellen Lupton writes: “Typography is what language looks like.” Typography is usually invisible. But the choice of typeface also conveys another layer of meaning that a reader may or may not notice — it’s a vibe or a feeling. The typeface can evoke an emotion.</p><p>We like letters because they contain many kinds of shapes and come in so many different shapes and sizes. They come from a long tradition of writing and tie us back to history. There are many kinds of scripts across time and languages. As we get better at seeing letters, we begin to recognize how the same letter can be expressed with a wide range of shapes.</p><figure><img alt="Drawing of six letter a’s in different styles" src="https://cdn-images-1.medium.com/max/1024/0*l0ogsEir6K4InvM1.png" /></figure><p>For instance, all of the characters above are easily recognizable as the letter a.</p><p>But there are some mysterious rules to how our recognition of letters works. For instance, the two main lowercase roman ‘a’ shapes seem they might be connected to each other like this.</p><figure><img alt="Drawings of lower case a’s transitioning from a single storey a to a double storey a" src="https://cdn-images-1.medium.com/max/1024/0*xFc2sle5ZphYarL9.png" /></figure><p>But if you try to make an a like these intermediate shapes, rarely would you be able to read these two shapes in isolation as an a — they look more like the lowercase d.</p><h3>Rationalizing the alphabet</h3><p>This XKCD comic deeply resonates with me as someone who designs letters. I agree with how the alphabet start out strong, how the dotted letters are friends, and how V through Z are 100% ‘haunted letters.’</p><figure><img alt="Comic of the letters A through Z and comedic commentary on the different letters and ordering" src="https://cdn-images-1.medium.com/max/1024/0*_Yvuo7PDqQyffFUS.png" /><figcaption>From: <a href="https://xkcd.com/2794/">xkcd.com/2794/</a></figcaption></figure><p>When you design a typeface (like Peasy shown below), you’ll start with an idea, and the lowercase a through z, since those are the characters that get used the most. You often start with n &amp; o as control characters, and a handful of letters you can use for the basic shapes.</p><figure><img alt="a through z in Peasy font" src="https://cdn-images-1.medium.com/max/1024/0*D4eBmquhnh7rObcs.png" /></figure><p>A bunch of the round shapes are related to each other. The curves of the lowercase b, d, p, and q are often designed to match each other.</p><figure><img alt="a through z with a b c d e g o p q highlighted" src="https://cdn-images-1.medium.com/max/1024/0*jTjAqaRGkaW-Tynk.png" /></figure><p>These letters all relate as well.</p><figure><img alt="a through z with h m n r u highlighted" src="https://cdn-images-1.medium.com/max/1024/0*yhLRFv4oMgn8V2RD.png" /></figure><p>And these characters that contain diagonals are often your problem children. The lowercase s is often hard to get right too.</p><figure><img alt="a through z with k v w x y z highlighted" src="https://cdn-images-1.medium.com/max/1024/0*FYrynKPaVdCDgO6g.png" /></figure><p>As you add more characters you can express more things with your type. Punctuation lets you convey emotions, asides, emphasis. Diacritic marks or accents are important for writing in languages that use the Latin alphabet other than English. Numbers and symbols, too: they all have meanings that are helpful in expanding what you can say with your type.</p><figure><img alt="many characters of the font including accented characters" src="https://cdn-images-1.medium.com/max/1024/0*BGeMd80Y9s3Jur63.png" /></figure><h3>Type design is a paradox</h3><p>The goal in type design is a paradox. You want to make letters as unified as possible while simultaneously making them as distinct from each other as possible. You’re making each letter the closest to the platonic ideal of what that letter looks like, while following the overall structure and rules you’ve set up for your typeface.</p><p>And in the background, you’re keeping in mind the history of type, the long tradition of typographic conventions that inform many things, like: what letters in that style are shaped like, where the thins and thicks go, and where serifs should appear.</p><p>Type is a complex system of nested patterns. We love seeing the complexity, even if we’re not always aware that it’s there.</p><blockquote><strong><em>Check out </em></strong><a href="https://www.typotopo.com/work/peasy"><strong><em>Typotopo.com</em></strong></a><strong><em> to test drive </em></strong><a href="https://www.typotopo.com/work/peasy"><strong><em>Peasy</em></strong></a><strong><em> or download a type specimen.</em></strong></blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qs8EVeHWUcRTW_49RI365g.png" /></figure><p>This post is based on part of my lecture at the MIT Media Lab last month as part of the <a href="https://www.media.mit.edu/posts/lunch-lectures-computational-typography/">Computational Typography lunch lecture series</a>. The lecture recording is available on YouTube now:</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FHgkOSiv6mgw&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DHgkOSiv6mgw&amp;image=http%3A%2F%2Fi.ytimg.com%2Fvi%2FHgkOSiv6mgw%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/42b75a52a9fe8170a8372a566ec3edb4/href">https://medium.com/media/42b75a52a9fe8170a8372a566ec3edb4/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9a31795c6672" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/why-are-we-so-fascinated-by-letters-9a31795c6672">Why are we so fascinated by letters?</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Peer into the mind of a type designer]]></title>
            <link>https://uxdesign.cc/peer-into-the-mind-of-a-type-designer-56a6490009f2?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/56a6490009f2</guid>
            <category><![CDATA[type]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[typography]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Thu, 17 Aug 2023 02:37:52 GMT</pubDate>
            <atom:updated>2023-08-17T23:49:55.823Z</atom:updated>
            <content:encoded><![CDATA[<h4>The making of Peasy: A case study</h4><h4><strong>On becoming a type designer</strong></h4><p>As a kid, I remember first getting interested in typography when I got my first computer, a Mac Plus, in eighth grade. Many happy hours were spent in Hypercard and Aldus PageMaker as I made interactive slideshows and newsletters. I remember poring over the Adobe Font &amp; Function magazine and begging my parents for the first release of Myriad, a Multiple Master font that came on multiple 3.5 inch diskettes. It was just so cool that you could dial a single font to any weight or width you needed for your design — that was the future!</p><figure><img alt="Photos of the first issue of Font&amp;Function magazine" src="https://cdn-images-1.medium.com/max/1024/0*RgaH6p___n27Gy4s.jpeg" /><figcaption>Font &amp; Function was Adobe‘s font catalog, published quarterly as an oversized magazine</figcaption></figure><p>I even had an early copy of Fontographer, though the horrible fonts I made as a teenager are thankfully gone now. After a career spent in many different types of design — motion graphics, product design, web design, branding, and exhibit design — I decided to try my hand at type design. In 2017, I joined the Type@Cooper West Extended program (now Type West), and I spent a year learning the ins and outs of type design theory, history, and practice.</p><p>When I decided to apply to type school, I was honestly worried that the act of moving points around the screen would feel tedious, and this thing I loved, type, would become tiresome. Thankfully, for me, the act of designing type is seriously Type 1 fun on the <a href="https://sketchplanations.com/the-fun-scale">fun scale</a> — super fun while you’re in the act of doing it. It keeps you wanting to come back for more. I had put type design away in 2020 when the pandemic hit, and when I reopened my font design software earlier this year (I use <a href="https://glyphsapp.com/">Glyphs</a>), I was struck by how calming and meditative it is to get lost in type design. I highly recommend it.</p><h4><strong>The making of Peasy: original inspirations</strong></h4><p>This month I launched my first typeface, hopefully the first of many. It’s called <a href="https://www.typotopo.com/work/peasy">Peasy</a>, and it’s a low-contrast humanist sans type family that works well for setting long-form text. Peasy was my thesis project from my type program, and to be honest, the name came first.</p><p>The project started with a few original inspirations — one was making something “easy” — clean, easy-going, a font I would want to use myself. Another was the idea of modular, multi-color type. Here I explored ideas for stencil and multiple stroke inline styles.</p><p>Some drawings I made called for wide base forms that could serve as a skeleton for supporting a multi-line display style. This led to humanist shapes and angles, notch shapes, and low contrast between the thin and thick parts of the letterforms. The multi-line winding shapes ended up resembling the angled stroke of a broad-nib pen and lended itself to flared corner details.</p><figure><img alt="The letters ‘hamburgefont’ drawn in different styles" src="https://cdn-images-1.medium.com/max/1024/0*s8Zjr4HWPcmgwlER.png" /><figcaption>Early sketches for Peasy</figcaption></figure><p>Halfway through the program, the design ended up quite wide, since I was trying to accommodate a multi-line engraved style. Wide styles aren’t super practical for most applications and are rarely used in text settings. The place you find bold, extended width type most reliably is in decals: on kitchen appliances or the backs of cars.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5RgtA4Gyh6Xn3zgb8DLyJA.png" /></figure><p>By the end of my degree program, I had a light and heavy roman style, a light italic style, plus a stencil display concept that I’d like to return to at some point. For my presentation, I applied these styles to a fictional airline. Later, after graduating, I spent a few weeks on a heavy italic style to round out the masters, then took a break.</p><figure><img alt="Words in different sizes and styles in the Peasy font from 2019" src="https://cdn-images-1.medium.com/max/1024/0*wQac-7MNvKpDYBK0.png" /></figure><figure><img alt="The alphabet in a stencil font and the words PeasyAir" src="https://cdn-images-1.medium.com/max/1024/0*lUtkc27FPT0oUMV5.png" /></figure><h4><strong>Back from the pandemic</strong></h4><p>Having put Peasy away for almost three years, I saw so many things I wanted to fix when I opened it back up. I wanted to make Peasy a typeface I’d be happy to use to set text, a face that looks great at text sizes and is highly readable. So much of readability is about spacing, achieving even color between the positive and negative shapes, including the white space between letters. My type teacher Frank Grießhammer would say that as long as even ugly letterforms are spaced well, you can read anything.</p><p>My focus was on making the type narrower in proportion overall, with more tightly set side bearings. I simplified the italics by removing the exit strokes that felt extraneous and led to worse spacing. I ironed out odd flares and pinched corners. In general I also worked on improving the drawing of the shapes and corrected inconsistencies and dark spots in the light and heavy weights.</p><figure><img alt="Illustration showing how the letters ‘go’ changed from 2019 to 2023" src="https://cdn-images-1.medium.com/max/1024/0*O3XUivp_yjAQrPob.png" /></figure><figure><img alt="Illustration showing how the letters ‘klm’ changed from 2019 to 2023" src="https://cdn-images-1.medium.com/max/1024/0*EX8Z9vJhHfIfTMSU.png" /></figure><p>A big part of the refinement was figuring out the contrast between thins and thicks, trying to make the contrast angle as consistent as possible, and walking the tight rope of just how much contrast to introduce.</p><figure><img alt="Illustration showing how the letters ‘fra’ changed from 2019 to 2023" src="https://cdn-images-1.medium.com/max/1024/0*DoR2xEGHE9gcw6_a.png" /></figure><figure><img alt="Illustration showing how the letters ‘vwxy’ changed from 2019 to 2023" src="https://cdn-images-1.medium.com/max/1024/0*ciYsrqvtYrhhWEHh.png" /></figure><p>I wanted Peasy to feel relaxed and organic, not fussy or contrived, so I also worked on the curvature and angle of ending strokes, having the cut angle following the curve. The rounds are a little off from perfect circles, and these curves appear in the dots on the i and j and in the punctuation, too.</p><figure><img alt="Illustration showing the letter O from Peasy and circular curves superimposed, showing the gap between them. Second illustration showing how O, o, and the dots in i, j, and ! are related" src="https://cdn-images-1.medium.com/max/1024/1*RI-yJwMtTsycOmC2Nh-JJw.png" /></figure><p>A lot of time was spent expanding the character set quite a bit. I got into diacritics I had never even seen before and learned a lot in the process. Peasy got a set of small caps (a personal favorite), fractions, and both old style and lining figures. I also added alternate forms, some with a more primary school vibe — a, l, and y — as well as a two-story g for more formal text settings.</p><figure><img alt="Illustration showing how the full character set changed from 2019 to 2023" src="https://cdn-images-1.medium.com/max/1024/0*vqAmF4yocN52APVK.png" /></figure><figure><img alt="The full character set, showing many variants of letters with different accent marks" src="https://cdn-images-1.medium.com/max/1024/0*f6DscevSEZSobPZB.png" /></figure><h4><strong>Launching a font</strong></h4><p>In a feedback session on Peasy where he gave me advice on the design, <a href="https://djr.com/">David Jonathan Ross</a> said, this is all “type designer shit,” meaning the details we were discussing were things only other type designers would really notice. He said that getting people to use the font would teach you way more than perfecting the curves. His advice helped me gain the confidence to go ahead and release the typeface and see what people make with it.</p><p>A typeface design is thousands of micro decisions crossed with thousands of macro decisions, at a thousand different dimensions. At some point you have decide, it’s ready to ship, and you hope it connects with an audience, and they make things with it that surprise you. I’m hoping these reflections give you more insight into the thought process of a type designer. If you’re curious to learn more about Peasy or see it action, check it out at my site <a href="https://www.typotopo.com/work/peasy">typotopo.com</a>. You can also download <a href="https://www.typotopo.com/test-fonts">test fonts</a> to try Peasy out for free.</p><p>Also feel free to send me any feedback on Peasy and what you might like to see in a v2. I’ve started to think about how I’d like to expand the type family over time.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*emVLuHUaBhQ1fxWyoXvwYA.png" /></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=56a6490009f2" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/peer-into-the-mind-of-a-type-designer-56a6490009f2">Peer into the mind of a type designer</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[How to ‘un-stuck’ your design work]]></title>
            <link>https://uxdesign.cc/how-to-un-stuck-your-design-work-827ae3756b8c?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/827ae3756b8c</guid>
            <category><![CDATA[typography]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[design-process]]></category>
            <category><![CDATA[creativity]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Mon, 31 Jul 2023 14:46:33 GMT</pubDate>
            <atom:updated>2023-08-02T23:31:30.448Z</atom:updated>
            <content:encoded><![CDATA[<h4>Three lifelines to call on when you’re feeling stuck creatively</h4><figure><img alt="Text illustration with 1), 2), and 3) propping up the phrase “Your design work”" src="https://cdn-images-1.medium.com/max/1024/1*gC9PVWzFBdgrTfq-tKllHw.png" /></figure><p>I’ve been a professional designer for over twenty years, working across a wide range of media: UX/UI, motion, branding, web design, mobile apps, and creative coding. Most lately, I’ve been developing my font design practice. Design is a long journey of exploration and growth. You live through bouts of self-doubt and self-criticism but ideally, you also experience many moments of pride in the work you put out into the world. As a designer, you strive to create captivating work that reaches people and has impact.</p><p>I’ve been reflecting on how you can make your design work better, especially when you’re feeling stuck. While working on my first original font design, <a href="https://www.typotopo.com/work/peasy">Peasy</a>, I realized the same advice that works in my day job in product design is true in type design as well.</p><p>If you’re feeling stuck with your designs, here are three strategies you can call on to breathe new life into your creative work.</p><figure><img alt="Text illustration saying 1) Time is a gift" src="https://cdn-images-1.medium.com/max/1024/1*VszR0onK71kQGBwOrDIrCQ.png" /></figure><h4>1. Time is a gift</h4><p>When you work as a practicing designer, deadlines are tight, rounds of iteration are fast-paced, and time is a precious resource. However, don’t underestimate the value of stepping away from your work for a while and coming back to it later. What designer hasn’t had the experience of coming back to something you’re working on the next morning, and saying to yourself, “What was I thinking?”</p><p>When you put the work away for a time, sleep on it, and revisit your work again with fresh eyes, you get to experience it new again, and you notice things that you became blind to as you worked on it for an extended period. Flaws or missed opportunities for improvement become obvious to you when you see things anew. Time away is also a gift because the in-between time is when you do your best thinking. Some of my best ideas come to me when I’m in a state of transition and my mind is free to wander, problem solve, and make connections: showering, driving, walking, or falling asleep in bed.</p><figure><img alt="The letters ‘easy’ illustrated large at different weights superimposed on each other" src="https://cdn-images-1.medium.com/max/1024/1*zJmXgrCl_gwaN1tkWWnXNQ.png" /></figure><figure><img alt="Text showing the same font in a few different weights and styles at an angle" src="https://cdn-images-1.medium.com/max/1024/1*6h-RvVtrgcvxLGeUKqNUgw.png" /><figcaption>When I reopened Peasy after two and a half years, so many details jumped out at me —pinched corners, odd flares, and forced stroke endings.</figcaption></figure><p>I experienced “time away” to an extreme with my font project Peasy. It began as my thesis project when I was a student in the Type@Cooper West extended program in 2018, where I spent many nights and weekends learning the craft of type design and creating this sans serif typeface family. I put type design aside as the pandemic started and ended up taking a two-and-a-half year break from Peasy. When I cracked it open again, I saw so many things I wanted to change. Ideas I thought were quirky and fun originally became weird and clunky. I had so many “what was that about?” moments. But having so many things I wanted to fix and change motivated me to put in the work to make Peasy into a typeface I’m proud of and would want to use myself.</p><p>When you’re immersed in a project, sometimes the best thing you can do to propel the work forward is give yourself the gift of time. Try setting aside your work for a day or two. When you revisit it, you’ll be surprised at what you see when you see it with a fresh perspective.</p><figure><img alt="Text illustration saying 2. Change your context" src="https://cdn-images-1.medium.com/max/1024/1*E4q97-2D2_EhI_was8X13w.png" /></figure><h4>2. Change your context</h4><p>Digital designers use tools like Figma to create frames, duplicate them, and make variations. Just in the normal process of working on your designs, you’re often passing through many different contexts.</p><p>A part of the workflow that’s so natural you probably don’t even think about it is changing your magnification level— you’re constantly zooming into details of the design, zooming out to get a bird’s-eye view of a full flow. You work across different contexts in terms of levels of fidelity, from sketches and wireframes to hi-fi visual designs. Another way to change the context includes creating working prototypes to experience it much closer to how an actual user would. For mobile apps, seeing it on a phone or tablet lets you try it out with the same form factor, scale, and interactions (tapping, swiping, pinching) that an end user would.</p><p>Digital designers could benefit by reviewing their work in even more contexts. Seeing it projected on a big screen can magnify details you missed on your laptop. Similarly, watching others test drive your designs (user testing or play testing) helps you see it in a new light. These days it’s rare for UX/UI designers to print out their designs, but seeing them in physical space, pasted up on a wall, can reveal new insights, inconsistencies, and connections. Printing out the screen designs also makes them more visceral, and you can better judge if they “feel” right to you.</p><p>In type design, you’re also looking at your work in a lot of different contexts. Letters don’t exist in isolation, so you always have to look at your type designs in the context of words, headlines, or paragraphs. You want to look at the curves and shapes zoomed way in to look at the details, and zoomed out, so you can see how the positive and negative spaces work together and look at the overall “color” of the type. Your type design tools let you reverse glyphs like ‘S’ upside-down and mirrored, so you can check that your curves are balanced and not lop-sided in any direction.</p><figure><img alt="Overhead photo of many pages, printed with text in Peasy at different sizes" src="https://cdn-images-1.medium.com/max/1024/1*EkfFRXKPdKTxY2trhxL7kA.png" /><figcaption>Paper is messy, and analog, but an important part of the design process.</figcaption></figure><p>You want to see your typeface in the context you intend it to be used. For Peasy, I spent a lot of time typesetting and reviewing book, magazine, or web page layouts at body text sizes. Printing out your proofs at high resolution is key. You want to see the type design is well-balanced and works across many different settings and contexts.</p><figure><img alt="Text illustration saying 3. Call on friends" src="https://cdn-images-1.medium.com/max/1024/1*7PHdqjIQEmNkXkavp3mynA.png" /></figure><h4>3. Call on friends</h4><p>Your third lifeline is the “phone-a-friend.” Much of the practice of design is a solo event. You’re at your desk, staring at the screen, moving pixels or paths with your mouse. But design doesn’t have to be a solitary endeavor. You can reach out to friends and colleagues for feedback and critique. Ask them to walk through your designs and talk out loud about what they are seeing and thinking. Set up a time to “pair design” and jam on the designs in a collaborative tool like Figma. Outside perspectives can offer invaluable insights that you might have missed, identify weaknesses, and uncover areas for improvement.</p><figure><img alt="The letters of the alphabet in the Peasy font with handwritten annotations in different colors" src="https://cdn-images-1.medium.com/max/1024/1*-B-yDFTjtVstbXmRb-dVvw.png" /><figcaption>Assistance from friends came in the form of marked-up proofs.</figcaption></figure><p>I’ve found type designers to be a uniquely generous community. Many type designers I’ve met give their time freely to offer opinions and help others improve their craft. When working on Peasy, I got invaluable feedback (in the form of emailed suggestions, 1:1 Zoom sessions, and liberally marked-up PDFs) from a whole crew of friends and colleagues.</p><p>If you seek feedback, be open to both praise and constructive criticism. Try not to defend your designs too hard and listen to what others are trying to tell you. Feedback is a gift and a powerful tool for growth if you want it to be. I believe most people in your life are kind and want the best for you — try calling on friends, colleagues, or experts you respect to give you honest and open advice.</p><p>When your design work is leaving you feeling stuck, you can always call on these three lifelines: time, context, and feedback. Give yourself the opportunity to take a break so you can approach your work with fresh eyes, see your designs in different and unexpected contexts, or seek input from those you trust. By incorporating these practices into your creative process, you’ll improve your craft and elevate your design work to a new personal best.</p><blockquote>Peter Cho is founder of <a href="http://typotopo.com/">Typotopo.com</a>, a studio for font design and experimental typography. Learn more about his original typeface Peasy at <a href="https://www.typotopo.com/work/peasy">this link</a>.</blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=827ae3756b8c" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/how-to-un-stuck-your-design-work-827ae3756b8c">How to ‘un-stuck’ your design work</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[The key to learning math and science online is interactive play]]></title>
            <link>https://uxdesign.cc/the-key-to-learning-math-and-science-online-is-interactive-play-6ea68ce167fe?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/6ea68ce167fe</guid>
            <category><![CDATA[learning]]></category>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[interaction-design]]></category>
            <category><![CDATA[stem]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Mon, 27 Sep 2021 15:31:31 GMT</pubDate>
            <atom:updated>2021-09-29T18:58:15.479Z</atom:updated>
            <content:encoded><![CDATA[<h4>Why I joined Brilliant.org.</h4><figure><img alt="Collage of diagrams explaining various science and math concepts" src="https://cdn-images-1.medium.com/max/1024/1*GgSzIo6sCcZY1LGbgcnMIw.png" /><figcaption>A collection of play-ful interactives (Credit: the Brilliant.org team)</figcaption></figure><p>Learning something new takes trial and error. You make a hypothesis, then you discover if you were right or if your thinking was off. Learning is a give-and-take process, and it can be messy — you’re muddling through something new and often challenging. To learn, you need space to explore freely, you need to experiment, you need to be free to make mistakes, and you need to enjoy the journey. How might we design experiences online that encourage these important aspects of learning?</p><h4>A “blueprint” for interactivity</h4><p>At a startup called Inkling where I led design from 2009–15, we were focused on how we could help students learn better through a new textbook experience on the iPad. We believed we could use this powerful, page-sized, touch-screen tablet computer—a new medium at the time—to advance learning. Could we make your path personalized and self-directed? What are ways we could make it easier to search, cross-reference, and annotate? How could we make the experience of learning more social? And how could we make the content more multimedia and multi-modal?</p><p>We developed a library of interactive modules called “blueprints” that allowed users to explore a diagram through a specialized interaction. We had blueprints for guided tours that would slide and zoom across an image, showing a caption at each step. We invented a “slideline” blueprint that would cross-fade between images on a continuum. A “test yourself” had a mode where labels on a diagram were replaced with text bubbles you could reveal one at a time.</p><figure><img alt="Thumbnail diagrams showing 7 interactive image types on the Inkling publishing platform" src="https://cdn-images-1.medium.com/max/1024/1*ApS9a4Iumq-UBPKo-ZTX9A.png" /><figcaption>Inkling “blueprints” provided standardized ways to interact with images in learning content</figcaption></figure><p>Blueprints were useful because they could be applied repeatably across content types. But relying on blueprints meant that the ways you could interact with content were limited. We never went deep on creating exercises, explorations, or quizzes where the interactivity was intertwined with the learning itself, allowing the user to, say, explore the relationship between supply and demand in market economics, or test real-world simulations in physics.</p><h4>The Brilliant approach</h4><p>This summer I met the team at Brilliant and learned more about their approach to teaching STEM online. Lessons on Brilliant are bite-sized and artfully illustrated. They explain topics across math, science, and engineering through fun characters and memorable scenarios. And importantly, when taking a course on Brilliant, you’re asked to engage at every step, through low-stakes quizzes to test knowledge as you go, interactive visual explanations that allow you to explore freely, and puzzles that challenge you to apply your knowledge in new contexts.</p><p>Interactive content on Brilliant comes in a wide range of shapes and sizes. For instance, this animated, explorable diagram from a geometry course helps you visualize the surface area of a 3D volume:</p><figure><img alt="As the user manipulates a shape in 3D, they can see the exterior planes of the shape unfolding" src="https://cdn-images-1.medium.com/max/1024/1*Md4GNEl2szQfI5PIKm2s2w.gif" /></figure><p>In this dynamic illustration from a course on scientific thinking, a learner can explore how much light passes through as they change the orientations of a series of polarized filters:</p><figure><img alt="A sequence of 5 polarized filters showing what percentage of light is transmitted when filters are oriented in different directions" src="https://cdn-images-1.medium.com/max/714/1*NeQqE8IH4fixO-r1LHG1vg.gif" /></figure><p>In this interactive exercise, the learner gets live feedback as they look for the solution to a logic puzzle:</p><figure><img alt="A user tries to solve a logic puzzle, matching which dessert belongs to which person given 3 conditions" src="https://cdn-images-1.medium.com/max/810/1*sZnKGVURMJTSIIXgMH3pYQ.gif" /></figure><p>Here’s an example of how a learner struggles their way through constructing a binary search algorithm with tailored feedback at each step:</p><figure><img alt="A user manipulates pseudocode, checks their progress, and sees feedback at each step" src="https://cdn-images-1.medium.com/max/1024/1*Wdr8A6isiJ6uaaCot-61oQ.gif" /></figure><p>And in this lesson, a learner plays with a real-time search engine of the Sherlock Holmes corpus to discover the answer:</p><figure><img alt="Question asks how many short stories do not mention Watson, and the user searches “NOT watson” to find the answer of 1" src="https://cdn-images-1.medium.com/max/1024/1*FF1RMwZ_08H5UWjXqcoHJg.gif" /></figure><p>When I was offered the opportunity to lead design and research at Brilliant, I jumped at the chance. As a designer, I can see the impact that rich interactivity has on learners, and I see the promise of a product experience that considers user motivation, lesson outcomes, and learner goals. It’s my chance to dive back into the world of online education and explore how we can use interactivity to its full potential. And I’ve been inspired by my colleagues to consider how important <em>play</em> can be in making learning come alive.</p><h4>The Four Freedoms of Play</h4><p>Most online learning today happens through video, on YouTube, and lecture-format platforms like Udemy, Teachable, or Khan Academy. But the best digital learning experiences draw inspiration from what MIT’s Scot Osterweil calls the Four Freedoms of Play: freedom to <em>experiment</em>, freedom to <em>fail</em>, freedom of <em>identity</em>, and freedom of <em>effort</em>. These freedoms describe the ways we can borrow from the world of games and use play to create engaging learning experiences that stick with you.</p><ul><li><strong>Freedom to experiment</strong> means playing with a system, trying out variations, and seeing how a simulation behaves under different conditions. It means tinkering and exploring freely. Experimentation is how breakthroughs are made.</li><li><strong>Freedom to fail</strong> means you’re in a safe space. Failing doesn’t mean that you’re doing it wrong, it’s a sign that you’re trying and learning from your mistakes. The freedom to fail is especially important in STEM, where you do have right and wrong answers, but where so many people have been stigmatized by how performance on tests and assignments are graded in school. They come to believe they’re “bad” at science and math, when in fact working through failure states is an important part of how scientists, mathematicians, and engineers make progress in their day-to-day work.</li><li><strong>Freedom of identity</strong> means the choice to try on different roles and perspectives. In games of many types, in unstructured play, in improv, taking on different identities from your own helps unlock new ideas and modes of thinking. When learning STEM it could be as fundamental as, “I never thought I was good at this, but seeing it explained this way made it click for me.”</li><li><strong>Freedom of effort</strong> means trying as much or as little as you’d like and being able to slide back and forth as you go. You can choose to push until you find the answer on your own, or you can ask for hints or jump straight to the solution. Having this flexibility is an important aspect of play that gives you control over your learning path.</li></ul><p>We can use the freedoms of play framework as inspiration as we create interactive experiences that teach math and science topics, helping us make learning environments that are more engaging and more effective.</p><p>I believe the future of learning online is interactive play. The best learning experiences online will draw from the four freedoms, tell you stories that keep you engaged, and surprise you with moments of delight. Learning online should not be a passive, sit-back experience, it should invite you to lean forward, ask questions, and challenge yourself.</p><p><strong><em>Interested in working at Brilliant?</em></strong><em> We’re hiring for </em><a href="https://brilliant.org/careers/"><em>key roles</em></a><em> in </em><a href="https://docs.google.com/presentation/d/1blmEfEH6YdWV759pKSYKORUaraG9DGY9qytiJ9l45Q8/edit#slide=id.ge71fbb9c80_0_3"><em>design</em></a><em>, research, engineering, marketing, and content.</em></p><p><strong><em>Have a question or want to reach out?</em></strong><em> I’m </em><a href="https://twitter.com/pcho"><em>@pcho</em></a><em> on Twitter and would love to hear from you.</em></p><figure><img alt="A lineup of quirky characters interacting in various scenarios" src="https://cdn-images-1.medium.com/max/1024/1*W9pBJ5LaF09AjvzXmlAvww.png" /></figure><p>Thanks to Zandra, Ben, Pontus, Habib, Alex, Sue, Silas, Blake, Eli, and the rest of the Brilliant team.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=6ea68ce167fe" width="1" height="1" alt=""><hr><p><a href="https://uxdesign.cc/the-key-to-learning-math-and-science-online-is-interactive-play-6ea68ce167fe">The key to learning math and science online is interactive play</a> was originally published in <a href="https://uxdesign.cc/">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[How to find what drives you as a designer]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://uxdesign.cc/how-to-find-what-drives-you-as-a-designer-29350ff120d8?source=rss-21867366208a------2"><img src="https://cdn-images-1.medium.com/max/2138/1*ijagoYHUg3HJcJ7bb1vaMQ.png" width="2138"></a></p><p class="medium-feed-link"><a href="https://uxdesign.cc/how-to-find-what-drives-you-as-a-designer-29350ff120d8?source=rss-21867366208a------2">Continue reading on UX Collective »</a></p></div>]]></description>
            <link>https://uxdesign.cc/how-to-find-what-drives-you-as-a-designer-29350ff120d8?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/29350ff120d8</guid>
            <category><![CDATA[decision-making]]></category>
            <category><![CDATA[careers]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[ui]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Sat, 22 May 2021 17:58:52 GMT</pubDate>
            <atom:updated>2022-04-27T17:26:06.122Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[How constraints can inspire creative thinking]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://medium.com/ydays/how-constraints-can-inspire-creative-thinking-8a125be26091?source=rss-21867366208a------2"><img src="https://cdn-images-1.medium.com/max/1600/0*pecA3-9e2-acClpF" width="1600"></a></p><p class="medium-feed-snippet">Adding limitations helps uncover new solutions</p><p class="medium-feed-link"><a href="https://medium.com/ydays/how-constraints-can-inspire-creative-thinking-8a125be26091?source=rss-21867366208a------2">Continue reading on YDays »</a></p></div>]]></description>
            <link>https://medium.com/ydays/how-constraints-can-inspire-creative-thinking-8a125be26091?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/8a125be26091</guid>
            <category><![CDATA[ideas]]></category>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[inspiration]]></category>
            <category><![CDATA[creativity]]></category>
            <category><![CDATA[how-to]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Fri, 05 Feb 2021 03:08:35 GMT</pubDate>
            <atom:updated>2021-02-05T16:45:37.311Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Learning about drawing]]></title>
            <link>https://medium.com/ydays/learning-about-drawing-86dda7c3dca3?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/86dda7c3dca3</guid>
            <category><![CDATA[design]]></category>
            <category><![CDATA[games]]></category>
            <category><![CDATA[drawing]]></category>
            <category><![CDATA[web]]></category>
            <category><![CDATA[creativity]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Tue, 05 Jan 2021 17:10:32 GMT</pubDate>
            <atom:updated>2021-01-05T17:47:30.521Z</atom:updated>
            <content:encoded><![CDATA[<h3>Three things we’ve learned about drawing</h3><h4>A look back at the first three months at YDays</h4><p>We launched <a href="https://ydays.com/">YDays</a> in October: it’s a site where friends, colleagues, family members, and even strangers can draw together and explore unique prompts and drawing tools. Since then, we’ve seen thousands of people try it out. The new year is a natural time to look back, so we wanted to share three things we’ve learned about drawing from our community over the past few months.</p><h4>🌻 [1] Even when the constraints seem limiting, people find ways to express themselves creatively.</h4><p>In the <a href="https://ydays.com/c/-MOSHVIVBHDUrnTEQZSL">YDays holiday community challenge</a>, day 3 was a snowflake-making prompt. We heard from several people that it was their favorite drawing of the week. Even though the brush was limited in what you could do, we were surprised at how different the responses were, from more “snowflake” like:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*WVl6mbXrUhmDoqqB" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/0*DyrutZdeNp9blRJe" /><figcaption>Drawings by aaron.kennaday and Ionna Marasioti</figcaption></figure><p>To something more out there:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/0*cYJpaAXUzsSqZ-SE" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/0*GVTsaNBJTlwvipEM" /><figcaption>Drawings by Charity Jantzen and mariehammje</figcaption></figure><p>This constraints of the tool and the drawing prompt came together in our <a href="https://ydays.com/c/-MN-xfKWd17Aodouhi_y">first community challenge</a> as well. Day 2 asked everyone to come up with a sports-related drawing, but the brush only let you make alternating black-outlined shapes. Here are a selection of our favorites:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*EwMIRdMCM7psV-4sKP6_1g.png" /><figcaption>Drawings by (top) Austin Reavis, laura.salisbury, PixelSushiRobot, Peter C, (bottom) pajotpaul, Krista Wollny, Caasl Nimajneb, and Marc</figcaption></figure><p>We were blown with the range of dynamic drawings — it’s as if the limitations of the tool were helpful in unlocking creativity. We continue to be impressed by how people can take these little doodles to unexpected places.</p><h4>🌈 [2] Drawings are a way to get to know each other.</h4><p>So much of the time we spend on our phones and computers, especially in the past year, is about consuming news and social media. The cycle of doom scrolling never ends! We’ve enjoyed playing YDays with new and old friends as a bit of an antidote — and it’s been a way to get to know each other better too.</p><p>It’s also been a treat to meet some of you through your drawings!</p><p>For instance, the holiday challenge asked you to draw something you always wanted as a kid, whether you got it or not. Some of you wanted a lovely cat or dog:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ySyLnukwTUvy8g7h" /><figcaption>Drawings by (top) scookie, Ryan O’Toole, Melissa Kuo, Austin Reavis, (bottom) lilith, Julia Helmes, CynTo, and angie.co</figcaption></figure><p>Or a game console:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*EKliQWEGXBG-FK1w" /><figcaption>Drawings by Mitchel Spears, PixelSushiRobot, mariehammje, and Daniel</figcaption></figure><p>Or something else entirely:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*ome-hoV76ge72-gl" /><figcaption>Drawings by eliseco, Charity Jantzen, aaron.kennaday, and mabel.kong</figcaption></figure><p>We’re excited about the potential to make new connections with each other by sharing our creations!</p><h4>🎨 [3] Drawing is for kids of all ages</h4><p>If you’re like a lot of people, you stopped drawing when you were a kid. Maybe you didn’t think of yourself as “artistic” any more, so you put your markers away. It’s been wonderful to hear from people who haven’t drawn in decades, rediscovering the joy in drawing through the puzzle-like brushes.</p><p>YDays has also been a way for different generations to play together — we’ve heard about moms, dads, kids, and grandparents all drawing together.</p><p>We believe that there’s value in taking a moment for yourself to discover and play and making something each day. It’s a time to relax and to get outside of yourself for just a few minutes in your day.</p><h4>🎉 A new year</h4><p>In 2021, we hope to foster a community of inspiring, generous, and supportive people who want to help each other be more creative. Are you on board? Here are some ways you can help out:</p><ul><li><strong>Try out the YDays Daily Play.</strong> Starting today! Check it out <a href="https://ydays.com/home">on your YDays homepage</a>.</li><li><strong>Follow us on Instagram:</strong> <a href="https://instagram.com/ydays_">@ydays_</a></li><li><strong>Share your thoughts.</strong> Do you have a favorite drawing tool? One you hate? Ideas for making YDays better? Want to pitch us on where we should go next? Write us at: <em>feedback@ydays.com</em>.</li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=86dda7c3dca3" width="1" height="1" alt=""><hr><p><a href="https://medium.com/ydays/learning-about-drawing-86dda7c3dca3">Learning about drawing</a> was originally published in <a href="https://medium.com/ydays">YDays</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[The Why Behind YDays]]></title>
            <link>https://medium.com/ydays/the-why-behind-ydays-4782255d742c?source=rss-21867366208a------2</link>
            <guid isPermaLink="false">https://medium.com/p/4782255d742c</guid>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[drawing]]></category>
            <category><![CDATA[startup]]></category>
            <category><![CDATA[design]]></category>
            <category><![CDATA[react]]></category>
            <dc:creator><![CDATA[Peter Cho]]></dc:creator>
            <pubDate>Thu, 29 Oct 2020 21:39:51 GMT</pubDate>
            <atom:updated>2020-10-29T21:39:51.340Z</atom:updated>
            <content:encoded><![CDATA[<h4>A site for creative drawing challenges with friends</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XMTpvDF0Psl4jelb34GAxQ.png" /><figcaption>A selection of drawings made by YDays users</figcaption></figure><p>Like you, I’ve been spending months stuck inside, unable to see friends and loved ones freely outside of the Zoom boxes we’ve grown so tired of. We’re all craving novel ways to connect with each other. And maybe, like me, you’ve hoped to use this time to improve yourself in some way. Could we be more creative, practice new skills, or make things?</p><p><a href="https://ydays.com/">YDays</a> was imagined as a response to these needs: it’s a way to connect with our friends or teammates, be delighted each day, and inspire one another. Each day of a five-day YDays challenge, you’ll get a different puzzle-like drawing tool to explore and simple prompt to respond to. You’ll discover what you can come up with and witness how we express our unique personalities through low-key but surprising little doodles.</p><h4>Taking inspiration from Typecookers</h4><p>A main influence for the idea behind YDays came from a Slack community of lettering artists and type designers I belong to. We have a channel for running challenges that we call <em>typecookers</em>, so named because the type we draw has to follow an auto-generated “recipe” for characteristics of the lettering. (The term originates from KABK, a type design school in Holland.)</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NkhCCvESBAe_M4Redh7wsw.png" /><figcaption>An <a href="https://www.instagram.com/p/Bp0A2EiBfma/">election-week typecooker challenge</a> from November 2018.</figcaption></figure><p>Each week, we agree on a word, phrase, or theme and use a bot to generate the recipe that we all need to follow, characteristics like weight, width, stem construction, stroke endings, and lengths of ascenders and descenders. Submissions are due Sunday, and from morning until late evening, the creations trickle in to the channel. We chat about the designs, we vote our favorites, and then the winner gets to post them to <a href="https://www.instagram.com/typecookerwest">Instagram</a>. It’s part competition, part inspiration, but above all, it’s super fun.</p><p>For “makers” like us, creating things is what fuels us. We have a strong internal drive to make new things with our hands and see them in the world. But our urge to make things competes with our desire, especially now, to sit back and consume media instead — so it helps to have some external motivation. Our typecooker challenges on Slack are successful motivators because they combine two important factors: constraints and accountability. Constraints are great because they limit the field of exploration you are permitted to use and force you to exercise being creative with a limited palette of tools—constraints can often feel freeing! Accountability is helpful because you have a deadline and a community of friendly folks who are both counting on you and cheering you on. You don’t want to let them down.</p><h4>How YDays works</h4><p>When you create a five-day challenge on YDays and invite friends or coworkers, you get a different interactive drawing tool every day. The tools have unusual properties, so part of the fun is discovering what you can make. They impose unique constraints you’ve never seen before in a digital drawing program, and these limitations change every day. It’s a bit of a level playing field too since no one will be an “expert” at drawing with a novel tool.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*lQXalz0S7P3adazhoFgM9A.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IPgAyQ92YTqklw5_1on7rA.gif" /><figcaption>Explore the drawing tool, its constraints and possibilities. Then, see what your challenge mates came up with.</figcaption></figure><p>By joining a challenge with friends or teammates, there’s a bit of accountability too. It’s no big deal if you happen to miss a day, but it’s most fun when everyone is contributing every day, so you can see how the others express themselves when given the same prompt and tool constraints.</p><h4>Listening to users</h4><p>Since we started testing with users in late September, we’ve had a few hundred people try out YDays. We’ve gotten a lot of useful feedback like: <em>When I got to the challenge screen, I had no idea what to do next.</em> This kind of feedback has been essential in making the experience better, and we know we’ve still got a ways to go.</p><p>We’ve also had the benefit of having designers as early users. They’ve offered such helpful observations and advice about onboarding and usability. They’ve shared friction points about the mindset of a new user, both around joining, or starting their first challenge. And they’ve asked great questions about the strategy for how users can stay engaged throughout a challenge and how they can keep building and growing over time.</p><p>But for the actual drawing activities, the feedback has been really positive —we’re hearing that discovering the drawing tool each day is the most fun part of it for many people. I think YDays can be enjoyable for people of all drawing abilities: both people who draw regularly as adults and those who haven’t drawn since they were a kid.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*a6KhZ76gRN9kMAWqdPOLMQ.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*HugUAPrnQ6-a7COPm68BFw.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*tNugoaxfLXz-n-W0eF2Vew.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*jQyT2baD4r-pZ5ufGeoNUQ.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*skBDdNKjJnuPRy2SNS2I9g.gif" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*X62wNs6odUsKhQQ84Uv1uQ.gif" /><figcaption>A collection of “faces” drawn with one of the animated drawing tools</figcaption></figure><p>Most of all I’ve been blown away by what participants in YDays challenges have been coming up with. People continue to surprise me with their drawings. It leads me to believe that while constrained, the creative possibilities of each tool is still a limitless space.</p><p>Some quotes we’ve heard from early users:</p><blockquote>I’m having a lot of fun! And it’s nice to see that even as a s**t drawer I can get somewhere and it’s humbling to see what others can do… <br>—Jordan</blockquote><blockquote>Once my slow gears kicked in, I LOVED it. I learned to wait for inspiration until I saw the tool. And each day I was excited to see what the new tool would be. <br>—Amy</blockquote><blockquote>Loved this whole thing! It was exciting every day to sit down and do a low key doodle. Also loved seeing the creativity of other people and being surprised every day by their results and by the new challenge. It was time-boxed, so I didn’t worry about running out of steam. <br>—Shannon</blockquote><h4>My personal journey as a maker</h4><p>In August 2020, a layoff from work led me to devote my full time to this passion project. I recruited a couple friends to join me part time in helping get the project off the ground and into your hands. Over the past couple months, I’ve gotten to dust off my coding skills in React and JavaScript, learn more about the capabilities and limitations of Firebase, and practice my skills in UX, UI, user research, usability testing, and branding with quick iteration loops with users.</p><p>The most fun part for me has been exercising my creative coding skills (using <a href="https://p5js.org/">p5.js</a>) to come up with unexpected drawing tools. For me, a good drawing tool in YDays is one that feels like a fun toy to play with, feels natural to use, doesn’t include any distracting interface elements or instructions on how to use it, and allows a novice to create something that looks cool, all while still supporting a wide range of creative expression. And bonus points if it has animation built into it.</p><p>As a designer-turned-design-leader, it has been a fun and rewarding experience to try my hand at making things again. What a rush it is to hear feedback on something that’s broken in the user flow, push an update, and see it go live. Or to invent a new drawing tool, put it out in the world, then see the amazing things people I don’t know are able to come up with using it. I’m excited to bring YDays into the world, and I’m even more excited to see what you will do with it.</p><h4>Give YDays a try, and let us know your thoughts:</h4><ul><li>Sign up at <a href="https://ydays.com/">ydays.com</a> and start a challenge with friends or teammates.</li><li>What’s confusing to you? How could YDays be improved? What else should we build? Leave a reply, or write us to let us know what you think: <a href="/service/mailto:feedback@ydays.com">feedback@ydays.com</a>.</li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4782255d742c" width="1" height="1" alt=""><hr><p><a href="https://medium.com/ydays/the-why-behind-ydays-4782255d742c">The Why Behind YDays</a> was originally published in <a href="https://medium.com/ydays">YDays</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>