Ralph Ammer
Don't think big
An Article by Ralph AmmerOne of the biggest mistakes you can make in your creative project is to pick a topic which is too big. Big topics often lead to small results, small topics foster great results.
And here is why: Your project is limited by the time and energy you have.
These are the boundaries of your project. If you pick a huge topic then there is not much room for your creative efforts. On the other hand, if you pick a small topic you have time and energy to make a great creative contribution.
Is perfection boring?
An Article by Ralph AmmerWe love to see the process, not just the result. The imperfections in your work can be beautiful if they show your struggle for perfection, not a lack of care.
Now I get it
An Article by Ralph AmmerTo design a system means to orchestrate the interplay of its elements.
Such a system is considered “interactive” if it is open, which means that there are ways to engage with the processes that are happening inside of it. There is of course a range of interactivities which spans from very basic reactive behaviour to highly complex conversational interactions.
But what do you want to say?
An Article by Ralph AmmerPablo Picasso famously said:
“The world doesn’t make sense, so why should I paint pictures that do?”
A sensible approach to something that can’t be explained is to express it.
Rather than giving you explanations or “saying something”, most artists are concerned with what I like to call “room for interpretation”. They create platforms that trigger thoughts, feelings, emotions, and ideas.
Instead of trying to explain the inexplicable artists express their view of it. They don’t want to tell you what to think, they invite you to respond.
A lightbulb is not an idea
An Article by Ralph AmmerWith conventional placeholders, such as words, we can describe patterns for a large number of situations. On the other hand it is easy to fool yourself (and others) with words, since you can avoid to be specific. Any business meeting can confirm this.
When you draw something you are forced to be specific — and honest.
Our illustration of an “idea” from above is unconventional in the sense that it conveys specific original thoughts of what an idea is. It adds value to the words.
And that is the catch: The drawing must be unconventional to support the conventional words. We have to make sure not to use “words in disguise”. Take a common illustration for “idea” for example, which haunts flip charts all over the world: the lightbulb.
The lightbulb image works on a purely symbolic level, it only replaces the word “idea”. This image of a household item contains no original thought about what an idea is. While symbols like these work well as international replacements for words or icons to indicate a light switch for instance, they convey no nutritional value as illustrations — they are empty.
Beyond Artboards
The Pursuit of Lossless Design-Development Handoffs.
Can't developers just see?
We designers love artboards. From rough UI sketches to high fidelity mockups, we see ourselves as visual artists expressing ideas on artboards that have a pre-defined width and height. To start a new project, we declare the size of the artboard in the first step.
What about responsive design? Not a problem! We diligently design on three artboards — one for mobile, one for tablet, and one for desktop — with content elegantly adapting, scaling, reflowing, reordering, and reprioritizing. We proudly hand off the artboards to developers while patting ourselves on the back: this is how responsive design should be done.
After weeks of arduous engineering, the product finally comes out. We find, to our great dismay, that some copy is hanging off the grid, the focal point of the hero image has been cropped out, the font sizes don’t even come close to the type ramp. What went wrong? Can’t the developers just see everything on all those artboards?
Nope.
We are the ones who paved the path
No matter how many screen sizes our artboards account for, some user’s browser will break loose from our prescription. With users resizing, rotating, and zooming the screen, new devices stretching, squashing, curving, and cutting (e.g. the speaker area in iPhone X) the screen, the sizes become infinite. Good luck making an artboard for each one of them.
Artboards are a lossy format. Using artboards in a handoff is a lossy process. When we pitch a finite number of plans against an infinite number of situations. We inevitably get in-betweens. Once there are in-betweens, there are unknowns. Once there are unknowns there is guesswork. Once there is guesswork, there are surprises. Engineers take the path of least resistance. We are ones who paved the path.
Until we get there
- As a designer, learn writing HTML, or better still, semantic HTML. If coding up the entire design is too hard, try coding up one component at a time, and not worrying about CSS. The HTML alone will prove invaluable for developers to understand the content structure. In addition, you are forced to optimize the information architecture as you work out the code from content.
- If coding by yourself is out of the question, pair up with the engineer who will receive the design. Work closely with him or her to prototype the design, validate responsive behaviors, and obtain feedback on the feasibility. Don’t call it an iteration until the design has seen played with in code.
- As a manager for large enterprise, co-locate your designers and developers, encourage interdisciplinary learning, understand that each minute spent on coding before the handoff translates to ten minutes saved from changing and fixing issues after the handoff.
- As a stakeholder in the handoff meeting, give the designer a thumbs-up when he or she demos live code running in browsers in place of mockups on artboards. That’s a design champion you are looking at.