Joanna Gruesome’s Peanut Butter

“Peanut Butter” by Joanna Gruesome

Joanna Gruesome is not a person but a band from Wales, and their just-released second record (titled “Peanut Butter,” okay whatever) clocks in at just twenty-two minutes. Allowing for commercials, that’s basically a sit-com’s worth of your time, but it will yield you much more pleasure than any episode of “The Great Bang Theory” because it’s fantastic, a remarkably solid if explosive mix of punky pluck and dreampop melodicism. I’m a sucker for this stuff, I admit, but who can resist when it’s this good? Here’s the third track from the record, the thoroughly winning “Honestly Do Yr Worst.”

You can find “Peanut Butter” on Spotify, but they’re an indie band released on an indie label, so if you want to offer maximum support, buy direct from slumberlandrecords.com.

+

Share

Job Opening Spotlight on Digg

Digg

This is the second installment in my ongoing series highlighting interesting job openings for designers. (See the first one on Toca Boca’s opening for a design director here.) This spotlight focuses on the social news site Digg, which in its hey day was a breakthrough hub for news discovery that drove tremendous traffic. By the time Betaworks Studio purchased the company in 2012, traffic and engagement had declined so precipitously that its top ten was rife with low quality links like “The Top 10 Clubs in Denver.” Since that time, a smart, dedicated team in New York has been able to revive the brand so that it is once again a compelling source of fascinating links. I asked Digg’s Michael Young about their opening for a product designer.

What makes this job a great opportunity for a product designer?

Digg exists in a pretty unique place outside of typical media or social experiences. We’re in a position to really innovate on how people find and share great content. We’ve got a super-talented engineering team, massive amount of data to work with, and some big problems that we’re trying to solve. We’re not looking for someone to just optimize some minor parts of the experience. A really well-rounded designer will be able to come in and make a big impact here.

How does design figure into where Digg is headed?

Design has been really key to reinventing the Digg brand and it’s going to be even more important going forward. When we took Digg over and relaunched in 2012, our goal was to distill the brand down to its essence and make it better. We combined excellent curation with clean, straightforward design to deliver the best stories on the web. We’re building on that foundation now with some ambitious new products. The challenge is to continue to make the Digg experience feel simple and intuitive. Beyond just great visual design, that’s going to require being more user-focused in our design process and do more user-testing.

What relationship will this product designer have with the rest of the team?

We’re a highly collaborative team, and this design role is a real lynchpin to the whole Digg organization. A product designer has to balance our business goals, our engineering challenges, the insight we have from our data, the needs of our users and translate all that into an elegant design. It also just has to be a product that’s fun to use! I think it comes down to this: more than anyone else on the team, a product designer on our team has to be the one that sees things through the eyes of the user and keeps the team focused on making a great experience for them.

If you’re interested, see the Digg listing for a product designer.

+

Share

The International Flag of Planet Earth

Swedish designer Oskar Pernefeldt’s graduation project for the Beckmans College of Design is an impressively professional proposal for a single flag to represent the entirety of the world we live on. His design for the flag is smart and quite plausible, but the reasoning he puts forth for it, outlined in the video above, is where his thinking truly shines. That, and the numerous immaculately realized renderings of the flag in hypothetical uses.

The International Flag of Planet Earth by Oskar Pernefeldt
The International Flag of Planet Earth by Oskar Pernefeldt
The International Flag of Planet Earth by Oskar Pernefeldt
The International Flag of Planet Earth by Oskar Pernefeldt

More information at flagofplanetearth.com.

+

Share

Guillaume Kurkdjian’s Electronic Items

Electronic Items by Guillaume Kurkdjian
Electronic Items by Guillaume Kurkdjian
Electronic Items by Guillaume Kurkdjian

Various devices charmingly rendered in isometric views by Guillaume Kurkdjian, who also produces a Tumblr of weekly animated GIFs. Though they’re focused on very different subject matter, are executed in an entirely different medium, and are animated instead of static, their warm color palettes and understated presentation remind me of the work of painter Wayne Thiebaud. Here’s one example.

Painting by Wayne Thiebaud

More at electronicitems.tumblr.com.

+

Share

Offscreen Magazine No. 11

Offscreen Magazine No. 11

Kai Brach’s Offscreen, the defiantly print-based magazine “about the people behind bits and pixels” has just announced its eleventh issue, which includes an extensive interview with yours truly. I initially demurred when Brach asked to me to take part, but after we exchanged some emails, I relented when he assured me that it would be a substantive exchange, not just a breezy overview of my various projects and jobs. The end result is one of the most honest interviews I’ve given, I believe.

You can get your copy or subscribe to receive this and future issues—if you’ve never seen Offscreen in person, you should know that to hold one in your hands is to experience almost viscerally the enormous passion and detail that Brach invests into every detail of the production.

Spread from Offscreen Magazine No. 11

More info at offscreenmag.com.

+

Share

UI Reel for Avengers: Age of Ultron

London-based creative agency Territory Studio created “more than 200 screens and 80 minutes of unique animations across all 11 sets” for this year’s won’t-be-denied cinematic blockbuster “Avengers: Age of Ultron.” Their hypothetical user interfaces are elaborately constructed and intricately animated, and they’re clearly higher in quality than similar AfterEffects projects that can be had for surprisingly cheap via Evato and other design marketplaces. But the difference is a matter of degrees and not miles, I think.

While Territory’s work is impressive, this project doesn’t showcase any particularly new ideas. In fact, I’m a bit weary of this school of UI aesthetic for the silver screen; not only does it seem highly commodified (i.e., these UIs always look the same in every movie), but the style is looking less and less like what real user interfaces will look like in the future.

+

Share

Interview with Nikki Sylianteng About Her Parking Signs Project

Sylianteng’s original, guerrilla signs have started to become reality.
Above: Sylianteng’s original guerrilla signs have started to become reality.

A little more than a year ago I posted an article about designer Nikki Sylianteng’s To Park or Not to Park project, in which she undertook a guerrilla campaign to bring her reworked, demonstrably clearer versions of real parking signs to the streets of New York City. At that time, the project was already attracting tons of notice from the press; it has since continued to blossom in impressive ways. Several municipalities around the world have started to re-examine their own parking signs with the aim of emulating Sylianteng’s work, and one major city, Los Angeles, has even started pilot testing versions of her designs in its downtown area. I thought it was a good time to ask her over email about her thoughts on the project’s progress and where she hopes to take it.

Khoi Vinh: Last year this was a really interesting side project, but now these signs are becoming reality. Have you been surprised by the life this has taken on?

Nikki Sylianteng: I am surprised. Mostly because there are a lot of people who believe that cities intentionally keep parking signs confusing because it’s a huge revenue source for them. So I expected someone on the city side to have shot it down by now. So far though, from what I’ve heard at the transportation hearing in LA and other cities who’ve expressed interest, that hasn’t been the case.

So that’s a remarkable story—do I understand it correctly than an L.A. city council member just happened across your work? Did he consult you before he put it before the council?

Yes, I think they read about the project on Wired, then I got an email from his policy director asking for my permission to attach a mockup of the sign to a motion to be introduced in Council.

What was your reaction to the one hundred trial street signs based on your ideas that L.A. posted earlier this month?

It’s the first official trial so it’s pretty exciting. The sign has its limitations so I’m curious to see how it pans out and what effect it will have on parking tickets. One thing I noticed is they seem to have gone out of their way to change aspects of the design even though I’d given them templates. I wonder what the motivations are and if this will keep happening. Also, I’ve been so focused on the ordinary driver/neighborhood activist, but it’s probably time to directly address cities.

Los Angeles Mayor Eric Garcetti unveils a pilot test of new parking signs based on Sylianteng’s designs.
Los Angeles Mayor Eric Garcetti unveils a pilot test of new parking signs based on Sylianteng’s designs.

Was that a moment when you suddenly recognized new potential for the project, or had something like this always been in the back of your mind?

I think it happened a couple months before [the L.A. city council first took it up], after I did the colorblind studies which was also around the first time you picked it up for Subtraction.com. All these articles were coming out talking about how I was trying to change the system. I don’t think I was thinking that far ahead when I started but when I heard that, it made me think “Am I? Is that what I’m trying to do? Maybe it is?”

When I put the first sign up, I had just come back from L.A. where I got a US$95 parking ticket in downtown. It just so happened I was also looking for a personal project to work on at the time. Getting the ticket reminded me of an old parking sign redesign concept I did before grad school that was just sitting in my portfolio. I knew a few of my non-designer friends could really relate to it which is important to me so I thought maybe I should at least find out whether it also made sense to other people.

There is a project in France called Fabrique-Hacktion that I love. I’ve always been drawn to these types of projects so I approached this as something similar. I can’t say it was completely out of my mind though because I’ve always wanted to do a project like Deborah Adler’s ClearRx. But like I said, there’s this perception that it was highly unlikely because it goes against government interests so I’m surprised by how well it’s been received.

Is that “change the system” impulse something that’s consistent in your work, or in your life? It takes a certain gumption to take on bureaucracy in this way where you’re saying, “This is all wrong, let me show you how to do it right.”

Hah, that’s a loaded question.

Questioning the system is more like it. Especially when it goes against what you would think is common sense. It’s less about gumption and more about curiosity and an impulse to understand why things are the way they are. Why do parking signs have to be so complicated? Do cities just have other priorities? Do they even think they’re broken? Are they intentionally confusing us? I don’t pretend to know but I want to find out.

When I was younger, even if things didn’t make sense, I assumed there was a good reason for it. Some expert must have thought about this already, right? But the older I get, the more I realize that’s not always true. I’ve become very skeptical of the assumption that “that’s just the way things are”.

Interview with Nikki Sylianteng of To Park or Not to Park
Above: The design evolution of Sylianteng’s parking signs.

Okay so, maybe it’s too early to say definitively, but what’s your best guess to date for the answers to those questions? Particularly, “Are they intentionally confusing us?” I bet a lot of people suspect the answer is yes.

This may be the eternal optimist in me but so far my answer is no. You really can’t generalize.

Several cities have expressed interest in trialing the new sign and if you listened to the transportation committee hearing in LA, it wouldn’t be so easy to say yes.

I spoke to fellow frustrated driver Michael Brouillet who met with traffic engineers in Santa Monica. He said “meeting the people that actually design the parking signs we find so confusing and hearing their own frustrations of state and federal laws that tie their hands in terms of design, I felt naïve that I used to believe that they were almost intentionally trying to confuse us.”

It seems more a matter of lack of ideas, priorities, and bureaucracy than malicious intent.

What are your thoughts on Pentagram’s recent redesign of NYC’s parking signs? That is, what do you think of them aesthetically and functionally?

They look good and are probably the best they can be, considering the constraints. Functionally, I’ve heard they’re harder to read because the type seems smaller. I don’t drive here so I can’t speak from experience.

Do you think there’s any hope that these municipalities can internalize good design well enough to do this on their own, without having to hire a firm like Pentagram?

They might always need to contract it out. Is there a municipality in the world that does it well in-house? Maybe in Europe?

The latest versions of Sylianteng’s parking sign designs.
Above: The latest versions of Sylianteng’s parking sign designs.

One thing that stands out when you compare Pentagram’s New York signs and the pilot signs that L.A. produced is that the former are fairly impressive typographically while the latter are a bit of a letdown. Is that aspect of the design important to you when you think about the success of this project?

In terms of getting qualitative feedback, it is important because it creates an emotional reaction in the person reading the sign which can affect their comprehension. I’ve read reports about some signs getting mixed reactions and I can understand why.

On a broader level, the problem with parking signs is really a systemic one. Solving it means asking questions like: How do confusing signs get in front of drivers in the first place? What makes them perform so poorly over time? And how can a new design or framework fix this? In that sense, L.A.’s pilot is pushing that conversation forward.

What are your plans for the project going forward?

I need to establish clear guidelines and next steps for cities who want to do a trial. Then it’s just a matter of seeing what happens.

Eventually though I’d like it to be self-sustaining. I’ve thought about having local reps of some sort, just like how I have my colorblind council and friendly neighborhood spies. I’ve also thought about bringing people in to help or collaborate. I have a lot of ideas from merchandise to quizzes to a Patreon to a picture book…I can see myself working on this project forever, which I love, but I’d like to work on other projects too! My goal is to do both.


More information on the project at toparkornottopark.

+

Share

Reader Comments on The State of Design Tools

Neonto Studio
The promising prototyping app Neonto Studio is one of a few surprising tools that readers wrote in about.
Last week I published a post titled “The State of Design Tools: An Unscientific Survey” that summarized some of the trends I saw on a mini-tour of five design teams here in New York City (plus one public event). It generated a lot of interesting comments, both about the trends and tools I mentioned and the ones that I didn’t. Here are a selection of them, anonymized in the interests of those who wrote in.

On the topic of Sketch adoption, which I said was lower than expected, one reader wrote about his experiences in the startup world:

I’m always interested in how software adoption (and habits more broadly) drastically differ from region to region. In this case, Sketch’s significant traction in Boulder, Colorado stands in stark contrast to your findings. I would say most—if not nearly all—designers use it here. I moved to Boulder fifteen months ago (former New Yorker) and took my company through Techstars. In that program, every team that had in-house design used Sketch, and all of those designers encouraged me to jump ship from Adobe. So far the switch has been a good decision…Obviously, like with everything else, I scream at the screen from time to time!

Now we’re based out of a large, tech-focused co-working space and when you walk around all you see open is Sketch. After moving to Boulder, I can’t remember the last time I saw a designer working in Photoshop.

I don’t doubt that lots of early stage startups use Sketch as their primary tool these days. But I’m less convinced that when you look in aggregate at design teams of many different types that you would see similar results. All the same, one reader from a well-known tech giant wrote:

I work for [a very large tech company] and Sketch use amongst designers here is rampant. I would say most of the 800+ person design community here now uses Sketch as their default (and only) design tool.

On the topic of prototyping, that reader also said:

You’re right, however, that prototyping tools are still all over the map. I’m seeing the most enthusiasm here for Tumult Hype, which is not on your list.

I hadn’t even heard of Tumult Hype before, which looks great. Nor had I heard of Neonto Studio, which was brought to my attention by one of its developers:

What Neonto Studio does is superficially quite similar to the app prototyping tools you mention (Pixate, etc). But the major difference is that Neonto generates real, useful code for iOS and Android. You can export a whole App Store-ready app, or hand the code over to a developer for further work. There’s no cross-platform runtime, framework or HTML5 involved—the output is ‘real iOS’ and ‘real Android’ from visual blueprints.

That looks fantastic; I’ve added it to my list of tools to try. Back to interface design, one reader wrote effusively about Affinity Designer:

It’s early days but the app has already proved its sophistication and usability in the features already rolled out and it has enormous momentum behind it. The team is steadily delivering on all their promises, with multiple artboards and a large canvas coming soon—at which point it will really start to take its place as the natural heir to that mighty app treated so scornfully by Adobe: Freehand. Adobe really should be afraid; Affinity is an app developed by a team with a real passion to excite designers. It has solid roots in Freehand’s stellar usability but is coded from the ground up as a thoroughly modern app that can deliver fully for different media. On top of this, Affinity’s masterstroke is to establish a common file format across its illustration (Designer), image editing, and layout apps, while maintaining pathways to Adobe products from Illustrator through to Photoshop to yes…Freehand. No I don’t work for Affinity, I’m just a very, very grateful designer who has waited something like a decade (since the last Freehand release) for this. Like Rip Van Winkle, the vector space is just awaking to a very new world.

There are still Freehand diehards out there, apparently. Similarly, I received one or two comments from folks who are still using Fireworks and who lament Adobe’s decision not to continue to evolve that.

Also in the category of “Adobe-related Surprises” is InDesign. We did hear about InDesign use for UX work during our mini-tour, actually, which I probably should have mentioned in my original post. But readers seem to be pushing its limits further than I would have guessed possible:

I’m curious about the absence of InDesign in your list. Can I assume there weren’t many print designers involved in the survey? In my previous job we worked solely on native app development and InDesign was actually a well suited tool, primarily due to its excellent exporting options. Plus we could use the DPS tools for high-fidelity prototyping.

Another reader went into much greater detail about how integral InDesign is the work that he does:

I started using InDesign extensively a few years back when freelancing. I was doing print and web design and I could just use the same tool for everything. Seeing as I was no longer doing any Flash websites but more and more text-heavy websites and apps, working with InDesign felt much more natural. It just made sense.

When I see discussions around our tools, I often think to myself that we don’t face these problems, InDesign covers all our needs. Here are a few reasons on why I love InDesign:

Grids. No need to rely on layers or third party plugins, the grid tools are just there Vector based No need to explain. And it’s easy to export at any given resolution.

Masters. This is super efficient. We usually work on a master and then create the different states on pages. If we need to change a text or move an element, we just have to do it once and it automaticaly appears on all pages. Using masters and page, we don’t rely on the layers which to my mind it much simpler. We don’t have to hide/show layers to show specific states.

Linked files. This is like masters of masters. We use them for components we use everywhere, like the navigation bar. And since you can select layers when you place a doc in another document, it gives a lot of possibilities. For instance, our app uses different colors depending on the users. When we include the navigation we can just select the right color layer, this way we have one document that fits all our needs. And if we change an icon in the navigation file, the document it’s included in will get updated next time we open it.

Export. Super easy to export to a wide range of formats, no need for layer comps. And the Package feature permits to create a folder that includes all the linked images and fonts so we can pass our files along easily.

Responsive. Thanks to the alternate layouts, we can work on all sizes, in one document and it’s neatly organised.

Crash recovery. Even though it’s quite stable it does crash sometimes. But the files always reopen and we never lose work.

Styles. Styles really are my favorite feature. It’s incredibly powerful and when working within a small team it does really speed the process. We have created object styles for every component we use in our app and the logic feels quite the same as HTML. We create an object to which we apply classes. We can have padding, margins, apply a paragraph style to an object style,etc. And it cascades, since a style can be based on a parent style.

Styles synchronization. Through the years we found a few tricks to answer our needs. One of them was to have an always up-to-date style guide. We use an InDesign Book in which we have our style guide and templates documents. If we edit a style in a new document, we add it to the book, and sync the styles. This way, our style guide and templates always have the latest styles. When we start working on a new page, we open the Book and we are good to go, the document already includes all the styles and swatches.

Cross platform. We now have a team spread across Europe doing both print and web, on Mac and Windows, it’s just simpler to have everybody use the same software.

A couple years back we even used the Digital Publishing Suite to prototype (we use InVision now). It really permits us to industrialize our process, be more efficient and spend time on the right questions.

That particular message stunned me. I’m not sure I would recommend anyone adopt InDesign as their primary interface tool, but if it works for you, I won’t argue.

If you have similar comments, please send them to me via the form at the bottom of this post—I’m very interested in what people are using out there and why. To echo what I’ve been saying over and over: we have the great fortune of living in very interesting times for designers’ tools; I fully intend to savor this moment.

+

Share