Khoi Vinh on How His Blog Amplified His Work and Career

Design / General / Portfolio

Khoi Vinh on How His Blog Amplified His Work and Career – Own Your Content:

Paul Jin:

When you’re looking through other people’s portfolios, what stands out? Do you have any advice And could you share any practical wisdom to creatives on how to showcase their portfolios better?

Khoi Vinh:

I’d be much more interested in a portfolio full of made up projects that are representative of exactly what a designer wants to do more than anything, than I would be in a portfolio of highly competent but passionless work executed by someone who’s not thrilled by any of it.

The passion is the difference maker.

Portfolios should show personality and passion. Both are tricky to depict in a portfolio vs. a video chat. Spend extra time writing about who you are, how you solve problems, and what you’ve learned along the way.

Periodicals as Collections, No. 2: bauhaus

Design

Periodicals as Collections, No. 2: bauhaus:

Which brings us to some of the more contentious principles of the Bauhaus’s modernist typography: the liberal use of sans-serif typefaces, for both headlines and text, as well as the use of exclusively lowercase letters. In their historical and cultural context, these choices were far more scandalous than they appear to us today. At that time sans-serif type was not wholly uncommon in advertisements or headlines, and had been experimented with by earlier avant-garde movements, but its use for running text was still regarded as unorthodox, and less readable than roman or blackletter.

Do we have any “scandalous” designs today?

Reach for Gmail

Design

Gmail’s mobile apps recently received a crisp visual refresh, but the fundamental reachability issue was not addressed. The most important buttons in the app are still in no hand’s land. The Gmail team should consider the button layout Superhuman uses which places archive, reply, trash, etc. at the bottom to be more thumb-friendly.

Left: Gmail. Right: Superhuman

Gmail’s update is intriguing because Google Tasks already transitioned to an interface that focuses on reachability. I predict more redesigns that utilize half-sheets throughout the year.

February 2019 Retrospective

Retrospective

This is a first attempt to write about what I’m listening to, reading, watching, designing, learning and thinking about. I took notes throughout the month in my current note-taking and task tracking app, Bear. For March I will begin to transition to Day One for journaling.

Listening

The Dropout Podcast

The Dropout is a new podcast from ABC Radio about Elizabeth Holmes and Theranos. I’m not as familiar with Theranos as I should be considering the drama, fraud, and damage the company has caused. After listening to the first few episodes I purchased Bad Blood too. The story is… insane.

Ron Burgundy Podcast

The Ron Burgundy Podcast is a new podcast from iHeartRadio starring Will Ferrell as the character Ron Burgundy from the movie Anchorman. The podcast starts off a bit simple and expected, but it’s still enjoyable to listen to such a confident idiot.

Fresh Air

This month on Fresh Air Terry interviews Random House copy chief Benjamin Dreyer. Listening to someone nerd out on words and grammar is thoroughly enjoyable.

How Did This Get Made

  • Minisode 206.5 – Jason, Paul, and I are equally freaking out with excitement over the trailer for the next movie in the Fast & Furious universe: Hobbs & Shaw.
  • Little Italy – This might be a tough sell and I understand. Little Italy is a terrible movie, but it’s worth watching if you enjoy listening to Jason, June, and Paul discuss the details.

Watching

A Star Is Born

In my opinion A Star Is Born is highly overrated. Yes, Shallow is a good song that I have listened to many, many times. However I did not buy the love story, and the ending felt both rushed and random.

Bohemian Rhapsody

Rami Malek rightfully won the Oscar for Best Actor for his performance in Bohemian Rhapsody. Learning to sing and speak with a British accent with large, fake teeth in your mouth must be incredibly difficult. I thoroughly enjoyed this movie. To learn more about his experience listen to his Fresh Air interview. Have I mentioned Fresh Air? 😉

The Walking Dead

Even though the ratings are down, I think the second half of season 9 is interesting and scary. The new villain and her group provide an innovative and unexpected story.

Little Italy

As mentioned above, the movie is terrible but worth watching if you enjoy listening to the podcast How Did This Get Made.

Broad City

I’m sad season 5 will be the last season of Broad City, but so far it’s enjoyable. The first episode is told entirely as Instagram Stories. I got to see Abbi and Ilana at the first Clusterfest in San Francisco. The first 3 minutes and 45 seconds of their set was the two of them dancing to Jennifer Lopez’s Get Right. So fun.

Eastern Promises

My wife demanded that I watch Eastern Promises starring Viggo Mortensen and Naomi Watts. My wife as usual is right. The movie is great.

Widows

Even with this awesome cast Widows is mediocre. Skip.

Black Earth Rising

If you like BBC dramas that are mostly slow but have powerhouse actors and actresses with occasional intense scenes, Black Earth Rising should go on your watch list.

True Detective

Yes, season 3 of True Detective is better than the disastrous season 2, but it’s still a miss compared to season 1. However, I truly believe Mahershala Ali is one of the best living actors.

Reading

Robopocalypse

Robocopalyse came highly recommended, but I would not recommend it. War, artificial intelligence, robots, etc. Yawn.

First Draught

First Draught (clever name) is a newsletter written by MG Siegler that covers a wide variety of tech topics. MG has an uncanny ability to use his previous posts as arguments. I guess that’s an option when you consistently write year after year.

Design in Tech

The prolific John Maeda has a brief yet fulfilling newsletter named Design In Tech (not a clever name but simple never hurts) for those interested in the intersection of design and tech.

Ridgeline

Craig Mod, author, photographer, and podcaster, has a newsletter named Ridgeline that focuses on walking. I enjoy it for both his writing style and photos.

Dense Discovery

Dense Discovery is the best design newsletter I’ve found. It includes links to high-quality articles, apps, and products.

Photographing

Ocean Beach

I recently ran from my home in the Inner Sunset district of San Francisco to Ocean Beach. The angle of this ramp combined with the water collected at the bottom and the beach behind it spoke to me. I shot it with my iPhone XS Max and edited it in Lightroom on iOS.

iPhone XS Max · 1/12800, ∫/1.8, ISO 25

Rodeo Beach

The various hikes around Rodeo Beach in Marin County offer incredible views of the ocean and a small beach.

iPhone XS Max · 1/2300, ∫/2.4, ISO 16

Learning

SBI

I recently took a management course at Salesforce, and learned about the SBI tool for providing and responding to feedback. I was surprised by how difficult it is to give feedback for a problematic situation.

Adobe Lightroom

The Adobe Lightroom team occasionally Tweets short video tutorials to take a quick look at tools on both the Mac and iOS apps. A video to demonstrate the gradient tool was particularly helpful to adequately edit the above black and white photo. Take a look at the before and after. The first has an overexposed sky, and with a couple taps and swipes I managed to only darken the clouds making the photo more dramatic.

Experimenting

Run & Yoga

My fitness goal right now is to switch off every day between a 3-5 mile run and a 30 minute yoga session. I find that practicing yoga at home allows me to maintain an extended feeling of calmness. Like most habits once you have completed approximately one week of a new routine it feels unusual to miss a day.

Headspace

I recently subscribed to Headspace and set aside a few minutes each day to meditate in a quiet room. Fortunately Salesforce provides “mindfulness” rooms on each floor. So far I find that after completing even a brief Headspace session I feel relaxed for a couple hours.

Pixel 3

For years the iPhone was the clear leader in mobile photography, but something changed with the Pixel 3. It appears that the tech media and consumers are beginning to recognize the Pixel’s potential. However, I think there is some nuance worth discussing.

Apple’s mobile camera philosophy appears to be let’s show you either precisely what the image looks like in the real world, or, with HDR mode active, a few minor adjustments to enhance the details. Google’s philosophy appears to be let’s enhance what the camera sees as much as possible to ensure you get more likes on Instagram. This isn’t a bad thing! Google is making photography exciting. Apple is still playing it safe which, as a budding photographer, I believe is the right philosophy.

I took this photo using my Pixel 3 at Forest Hill Station in San Francisco. I strongly recommend you tap on the link to see Marcin Wichary discuss the station’s architectural details.

Pixel 3 · 1/25, ∫/1.8, ISO 95

Design

Lately I’ve been inspired by Massimo Vignelli, Michael Beirut, and the Bauhaus. Grids, Helvetica, tight kerning, etc. I keeps promising myself that I will order an iteration as a large poster soon.

Attire

Steve Jobs was of course infamous for wearing a uniform:

In the process, however, he became friends with Miyake and would visit him regularly. He also came to like the idea of having a uniform for himself, both because of its daily convenience (the rationale he claimed) and its ability to convey a signature style. “So I asked Issey to make me some of his black turtlenecks that I liked, and he made me like a hundred of them.” Jobs noticed my surprise when he told this story, so he showed them stacked up in the closet. “That’s what I 
wear,” he said. “I have enough to last for the rest of my life.”

Steve Jobs by Walter Isaacson

Some simply copied his uniform. I’ve always joked about having one myself, and it finally happened with the guidance of my lovely wife. A combination of a Vince Bomber Jacket, blue jeans, grey socks, Vince Barnett Leather Sneakers, and a black, gray, or blue Velvet Howard Whisper Classic Crew Neck Tee has helped me achieve this goal.

Facebook Paper

Design / iOS

5 years ago today Facebook Paper was released. So cool to see this incredibly thorough archive of all the little interactions we worked so hard on. https://mobile-patterns.com/iphone/facebook-paper

Mike Matas

I was a huge fan of Facebook Paper. I knew when Facebook acquired PushPopPress that Mike Matas and team were going to build something amazing.

Facebook Paper launched in 2014 and I recall the overall reaction to be simultaneously “wow!” and “what?” Reflecting now it’s clear that Paper was an inspirational yet unusual attempt to combine Facebook with periodicals. You were able to follow publications and topics, and then swipe between your Facebook feed and these other sections. I consistently used Paper to browse my feed, and, more importantly, communicate with friends using instant messaging after Facebook removed messaging functionality from the main app.

Tilting through full-screen photos using the phone’s accelerometer was cool, but my friends don’t usually share gorgeous photos on Facebook. The assumption that people carefully edit photos after shooting with fancy cameras was also a misstep with Facebook Home.

As an interface designer I was floored by the details: the animations were perfect, the swipe gestures were fun, the onboarding tutorial was clear, and the primary interaction was horizontal instead of vertical. For right-handed users this was a very pleasing interaction (although Instagram recently tried a similar approach with less success). Paper pushed me and the rest of the now defunct startup I worked for at the time to get the details right.

I hope to one day build an app as beautiful and delightful as Facebook Paper.

Photowalk — Sausalito, California

Event / Photography

Photowalk — Sausalito, California:

Alas, it was time again for the San Francisco Unplashers to congregate and capture. This event was a bit more ambitious than the previous get-togethers and schmoozes. We decided to hop on the ferry at the Ferry Building and ride over to the quaint yet delightful town of Sausalito. But first, coffee at Blue Bottle for some pour overs and lattes.

I recently hosted another photowalk event for Unsplash. Read about it on Medium.

Essential Skills for Product Designers

Design / Essay

Essential Skills for Product Designers – Yellowstroke.com:

When you receive a new project, listen to your manager. Ask for requirements, historical information, the definition of done, timelines, etc. When you show your designs, listen to your design team. Ask follow-up questions. Consider every piece of feedback even if you disagree with it. Try their suggestions. Make a few more iterations. When you show your prototypes, listen to your users. They will surprise you by interpreting interfaces in ways you did not expect. Ask why. Ask what they’re thinking. Ask what they expected.
When you hear concerns and clarifications, listen to your engineers. They need to solve problems you most likely didn’t consider. If they have a tough sprint they may need to find ways to simplify your proposal. Cooperation and compromise are key to building strong relationships.

Yours truly on Budi Tanrim’s fantastic design blog, Yellow Stroke.

Memobottle Notebook-Sized Water Bottles — Tools and Toys

Product

Memo

Memobottle Notebook-Sized Water Bottles — Tools and Toys:

I loved the medium-size Memobottle, and I carried it around at work for several months. The only problem was how often I was asked with a sarcastic tone, “What are you drinking?” People assumed it was vodka because of its flask-like shape. I eventually changed to a Yeti, but I was never in a fraternity. Now I drink water out of a glass like an adult. Sigh.

Craig Mod Pontificates About macOS Behaviour

Apple / Design / iOS

Each time I try to use iMovie my mental model for how an app should work is challenged: What *are* you, Sir? Be you a desktop app? Or be you an iOS app? Or be you some unholy hybrid, neither here nor there, using neither standard nor guessable UX patterns or keyboard shortcuts?

Where as using Keynote makes me feel like some perfect freestyle swimmer, able to glide effortlessly forward, running against few walls, expected functionality where I expect it, working as I anticipate it to work.

Let’s play: How do you save a movie in iMovie?

File … > Save? Nope. Doesn’t exist.

File … must be … > EXPORT? Nada.

OK … File … > Share?? … > File… ?

Really?

File > Share > File is how you get a movie out of iMovie onto your drive?

*places laptop in toilet*

I mean, I get the impulse to create parity between iOS and macOS … sort of. But, who is this helping? The iOS folks are going to open the app on iOS, and the folks on macOS are going to expect standard macOS patterns.

Craig makes excellent points about how some apps changed over time depending on how closely linked to iOS they became. Keynote continues to behave the way it did in the early 2000s when I was making fancy HCI presentations with three dimensional slide transitions.