Symbols to words

I have a vivid memory of the first time I read a word. I was around 4 years old and in the car with my mom, probably driving around to do errands. I’d learned my letters and was starting to sound out things and I saw a sign that said S T O P. I sounded out the letters and suddenly it connected in my head. The letters S T O P made the sound of the word “stop!” Immediately all the previously incomprehensible and un-interesting signs around me had meaning, if I could only parse them.

I had a few false starts (reading “F I R E H O S E” on a panel at the mall as “fire house”) but I started reading books almost immediately after that. At kindergarten story time, I went to the bookshelf and picked out a book to read, and was brusquely told by the teacher that “story time” meant I should sit quietly in the rug with the other children and listen to the teacher read us a story. At home I was unfettered and weekly read the “ten fiction and ten non fiction” books I was permitted to check out of the library on my kids’ card.

After college, I had an opportunity to run away with the circus (a story for another time) but ended up going to Japan to study pottery. My Japanese/English dictionary and good intentions got me to a point where I could function, but I only leaned phrases and a few nouns. When I returned to the USA and ended up in a series of increasingly responsible tech jobs, I always had a lingering thought in the back of my mind that I wished I’d taken it more seriously and taken classes to learn Japanese properly.

Basic Japanese Conversation book title page
My well-loved copy of the classic “Basic Japanese Conversation” by Samual E. Martin.

During COVID I had a time to deeply consider what I wanted to accomplish in my life and one of my few regrets was that I felt I wasn’t “done” with Japan. I wanted to return, and understand more, and have better quality conversations with Japanese people. So, I started to teach myself Japanese and travel around Japan a couple months a year visiting different areas and making friends I can talk with.

I study every day. Even if it’s just 15-30 minutes. Initially it was just daily Duolingo, which helped with listening and vocabulary, but I couldn’t get the words out of my head to speak. I so I took classes at GenkiJACS in Kyoto. I struggled during class because I “learned” hiragana and katakana, but that meant I could recognize and name them individually. I couldn’t sight-read quickly enough to get meaning from written materials. I had to rely on hearing and memory to learn and it wasn’t sufficient.

When I shifted to a deeper study of written Japanese, I focused on leaning the JLPT kanji lists and what is taught in the Japanese elementary and middle school curriculum. I watch Japanese media in Japanese with Japanese subtitles. I found a tutor to help me learn Shodo. After 4 years of daily study, I recently broke through and can sight-read simple Japanese texts (graded readers) and parse Japanese media with subtitles where people talk conversationally. Reading accelerates my learning, and improves my recall.

iPhone screenshot from Umi app.
Umi app lesson from “Kotaro Lives Alone”

An application that’s helped me a lot in my goal to understand and read colloquial Japanese is Umi. It uses SRS (spaced repetition) combined with fair-use snippets of Japanese video content to teach vocabulary in context.

When I travel in Japan now, it’s really exciting to to look around so many previously illegible signs that now have meaning. I’m happy and enthusiastic that I’m able to feel the magic of symbols turning into words more than once in my lifetime.

Becoming a Designer Founder

User experience (UX) designers add necessary perspective and skills to early-stage companies, which are often overweighted with technical and business expertise. UX designers’ aptitude for considering holistic systems, desire to understand human motivations, visual thinking superpowers, and dedication to validated learning make them valuable early hires for startups. Increasingly, designers are taking more strategic roles at early-stage companies, but founders with a background in design are still relatively rare.

Watch this presentation to hear me talk about:

  • Why I joined Brooklyn Copper Cookware
  • Ways my UX career prepared me to be a designer founder
  • Consultant thinking versus owner thinking
  • What it means to be a design-led company
  • Examples of UX practices used at Brooklyn Copper Cookware

Thanks Mary Treseler and Leah Buley for inviting me to present “Becoming a Designer Founder” at the O’Reilly Design Conference in San Francisco March 2017.

Balanced Craft at TalkUX

Ladies That UX invited me to be the closing speaker at TalkUX 2016. As I transition from UX practitioner to entrepreneur, I am glad to share back what I’m learning with my communities. Hopefully I’ll inspire other UX designers to take the plunge!

In this short video, I explain why I’m excited about what we’re doing at Brooklyn Copper Cookware, and why I think TalkUX is such an important event.

You’ll have to wait a whole year for the next TalkUX in Taipei, Taiwan. Until then, you can sample the talks from this year’s conference, (or re-live the good times if you were there). Click here to see videos of the presentations from TalkUX 2016.

Thanks to the kind folks at Blueprint for the interview and event videos!

Founder Myopia

My friend Ben Yoskovitz, author of Lean Analytics invited me to present at the AB InBEv ZXlerator program on June 21, 2016.

This talk was a new direction for me. Instead of talking “to” founders about what they should do, I’m now able to speak “with” founders and share my own direct experience. In this talk I discuss a common error of perspective founders can succumb to, illustrated with examples from my own company, Brooklyn Copper Cookware.

Balanced Craft

How can we shape our skillsets to be effective participants in Balanced Teams? Complex software projects require a wide range of skills. As an individual who seeks meaningful work, you understand the need for cross-team communication and collaboration, but the skillset is overwhelming. What do you need to know? How deeply must you know it?

First presented at the Balanced Team Summit 2015, Grand Rapids MI.

Video

Slides

Structured UX Design Critique

I was invited to speak at the Downtown LA UX Study Group on the topic of UX Design Critique. You can look at the slides here, or download the deck from SlideShare.

Here’s the list of resources I reference at the end of the deck.

Make an animated GIF with Keynote and Photoshop

I enjoy the InVision newsletter because it includes great interviews with designers and useful tips, like this article from Andy Orsow called 7 tips for designing awesome animated GIFs.

I learned how to make animated GIFs with Photoshop at Shillington, but found the process unwieldy. I didn’t realize you could give yourself a huge head start by doing your animations as a video first. I didn’t have ScreenFlow or After Effects, so I was intrigued by Andy’s suggestion that I could use something considerably more low-tech (and probably already on YOUR computer too.)

Pro tip: If ScreenFlow or After Effects aren’t in your budget, create your animation in Keynote, and export it as a video. Yep, there’s finally a use for that setting. —@andyorsow

Here is the result of my little experiment. I made this animated GIF with Keynote and Photoshop. It was a pretty straightforward process and it was a fun way to learn something new. If you want to try it out yourself, please read on for a few more tips you might find helpful.

arrow-circle-line

Set up your Keynote workspace

You can change the size of the “canvas” in Keynote by setting the slide size in the inspector. I choose 600×200 because that’s the width of graphics for my blog. You can pick any size that makes sense for your project.

 

Screen Shot 2014-12-14 at 6.32.34 PM

Turn on the rulers and drag some guides so you can orient yourself as you’re working.

Screen Shot 2014-12-14 at 6.38.43 PM

Create your animation in Keynote

The Keynote animation settings are a little fussy to get used to but there’s a lot already built in. Everything you’ll need us under the “Build” tab of the inspector. You “group” actions by using the “Start Build” drop down, which allows you to run actions at the same time. For example, the circle rotates and moves at the same time, that’s TWO actions)

Screen Shot 2014-12-14 at 6.40.26 PM

Export to Quicktime

When you’re ready, export the file to Quicktime format. I only had one slide in my deck with the animation, so I kept all the defaults (Playback Uses: Manual Advance), 24 frames per second. I just turned off Audio (not sure that was actually necessary)

Finish it up in Photoshop

Importing the .mov file into Photoshop was pretty straightforward. File > Import > Video Frames to Layers. As Andy suggested, I chose the option “Limit To Every 2 Frames”

Screen Shot 2014-12-14 at 6.46.12 PM

Once I imported the file into Photoshop, I immediately tried to Save for Web, but the GIF didn’t animate. I wasn’t sure what was wrong so the second time I imported it, I opened the animation panel (Window > Animation) and verified the playback was working before I exported.

It was better to do it that way anyhow because I could tune the animation by extending time and removing frames. I found that I needed to extend the last frame to 1 second to make the animation look like there’s a little pause before it starts.

What will YOU make?

Please leave a comment if you found this helpful or leave a link to your animated GIF project. I’d love to hear from you.

My favorite hand-drawing resources

fear-pencil

I’m on a quest to be better at hand-drawn visual communication. I think of the subject as “chunks” I need to master:

  • Communicating abstract concepts visually
  • Hand lettering
  • People and objects in context
  • UI sketching

Here are some resources I’ve found fun/memorable/useful. Several of them cover more than one of the areas of mastery I mention above, so I have not categorized them.

Sketching Across the Design Process, Ray DeLaPena

Ray’s workshop at Lean UX NYC 2013 strongly influenced the way I think about the different contexts of sketching: “thinking,” “talking,” and “showing.”

Kate Rutter, Strategic Sketcher at Intelleto

My friend Kate Rutter creates and shares amazing resources. If you get a chance to attend a workshop or hear hear speak at an event, do it!

Hand Lettering Ledger, Mary Kate McDevitt

Although you might think that hand-lettering is just the territory of graphic designers and illustrators, I think it’s great for any hand-sketcher to have a couple different hand-printed fonts in their toolkit. The book has great examples and loads of different worksheets, so buy it on paper and practice, practice, practice!

The Sketchnote Handbook, Mike Rohde

This book is worth getting on paper. It’s printed on nice paper and bound well so it’s a pleasure to read. The electronic version is not as satisfying.

The “Back of the Napkin” series from Dan Roam

I first saw Dan Roam at SxSW 2010 when he launched “The Back of the Napkin.” He now has a several books and tons more resources on his site.

VizThink

The VizThink folks are an international community. They have interesting events and good resources.

Quick, Useful UI Sketches, Lane Halley (that’s me!)

I’ve pulled together my current thinking about UI sketching in a workshop. I use a technique I call “reverse wireframing” to teach you to see the structure of UIs and through a series of exercises, you’ll create your personal shorthand to draw UI elements.

Good luck, and please leave comments with your favorite resources!