iA / Dictionary / D / Design

PLAN

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Design: In everyday life, “Design” refers to the pleasant shape of things. It is a superficial term, cosmetic rather than structural in its meaning. When designers talk about “Design” they refer to how a product or service works, rather than how it looks. Designers, a highly heterogeneous audience, have a more structural, sometimes even moral understanding of how products are built. The difference in use can lead to a lot of misunderstandings. When talking to a client, be sure to specify what kind of design you’re referring to, which helps avoid debates around Taste.

Articles related to Design

Design as Thought: AI and the Future of Design

Orlando and Oliver studied philosophy together 30 years ago. Their shared love for philosophy, design, and technology reunited them to discuss AI and the future.

iA Notebook Preorders

Following the enthusiastic response to our announcement in December, we are pleased to open preorders for the handcrafted iA Notebook.

Copycats &  Other Monsters

Things can be replaced. Lost time, however, is forever lost.

Design Takes Time

Designing iA Presenter took us three years. Design takes time.

Music in Writing

We make music when we speak. When we write, the music is in our head, and typing we play the drums. Being fully immersed in writing is like composing and playing music while we drum up our perceptions into letters, words, sentences, and paragraphs. How does it all play together?

Ethics for Designers

Facebook fishing for our email passwords, Roomba is hovering up all the data on our homes, Amazon is listening to our conversations for laughs, Tik-Tok spying on our kids. And that we see so much dirt on the surface makes it likely that under the surface it's even worse. The solution for all of this: "Ethics". Design ethics! Tech ethics! Business ethics! Ethics for AI!

Writing Fonts: A Typographic Christmas

The next update of iA Writer does some extreme typographic acrobacy. It comes with three variable fonts which give us 1000s of grades. This allows us to adjust the weight of the font depending on size, device and background color. Additionally, we adjust the line height and spacing depending on column width and type size. The crazy part is that you probably won't see any of this. But you might feel it.

Aesthetics

As the success of design has become measurable, it has transformed a handicraft into an engineering job. Not the master designer but the user is the arbitrator of good design. The key performance indicator is not beauty but profit. As financial and technical performance was gained, beauty left the stage. Now it feels like something is missing.

Design is Political

Everything around us is designed. Design shapes cities, gives form to houses, sketches and connects spaces; designers define our environment, our things, bodies and minds. Design is political.

Duospace: In Search of the Perfect Writing Font

Monospace is the typical choice that communicates writing. With iA Writer Duospace, we went a step ahead. After seven years of offering no font options to write, iA Writer now comes with a choice. Next to the monospace Nitti you will now find a brand new duospace font. Duospace?

iA Writer 5 for iPhone: Sneak Peek

iA Writer 5 will be released on iOS shortly. You asked for more focus on the writing, so we directed our attention on the keyboard, the heart of your writing experience.

iA Writer 5: From Raw to Cooked to Sushi

Technology evolves from raw to complex to simple. From the fist to the hand axe to the hammer. From carts to the Model T to Tesla. From switchboard-operated phones to digital phones to smartphones. From SMS to Facebook to Messenger. From the crude to the cooked to Sushi.

Speaking Schedule

iA is speaking at a wide range of design and tech conferences. An overview of past and future events.

UX Lessons In Game Design

To spice up our monster essay on icons, we created an icon monster shooter arcade game. Planned as a one week hackathon, it turned into an amazing one year adventure. Here is what UX designers learned creating an arcade game.

Über Icons

Icons sparen Platz. Icons sehen schick us. Icons geben einfache Antworten auf nervige Fragen wie: Kann man das alles etwas etwas frecher machen? Wie können wir da mehr Marke reinbringen? Womit peppen wir den Entwurf nun noch auf? Icons sind praktisch. Icons sind ein Segen. Wir ♥ Icons. Bis zum Wahnsinn.

On Icons

Icons save space. Icons look crisp. Icons give quick answers to hard questions: How do we make it nicer? How can we brand it? How do we make it more fun? We ♥ icons. Until they start messing with our minds.

Starting Out On Android

In the summer of 2014, we started dabbling with the Android SDK to get a feeling of what it would mean to develop an Android adaptation of iA Writer. We discovered a dev-friendly world with scant traces of the Android horror stories we had in the backs of our minds.

Putting Thought Into Things

To get a good perspective, we start our projects with research. We go mobile first for prioritization, and we want all the content first so we can design in the browser… Unfortunately, the reality of web design follows a different stereotype.

Logo, Bullshit & Co., Inc.

Everybody likes logos. Everybody wants their own logo. Everybody wants to make their own logo. Everybody has a computer and some fonts. Anybody can make a logo. What makes designers think they are so special?

Learning to See

Learning to design is learning to see, an adventure that gets more and more captivating the further you go. A love letter to my profession.

«Die Spannung zwischen Nutzbarkeit und Ästhetik» (Webmagazin)

Interview von Christoph Ebert für Webmagazin anlässlich der MobileTech Conference in München.

アプリにレスポンシブデザインを届ける

iA WriterはMacネイティブアプリにおいて、初めてレスポンシブデザインを取り入れたテキストエディターです。しかしなぜ実現までこんなに時間が掛かったのでしょうか?

Bringing Responsiveness to Apps

iA Writer for Mac is the first native text editor that uses a responsive design. Why did it take so long?

“400,000 downloads with a super simple app” (Business Insider)

The following Interview on iA Writer and the secret of its success has appeared in Business Insider, who reached out to us, “to get the story on where his app came from, where it's heading, and what's wrong with contemporary text editors.”

“Good design is invisible” (The Verge)

Since iA's work is informed by its presence in Europe and Asia, The Verge wanted to know our thoughts on the differences between the two, and in particular where he sees the state of Japanese design right now.

レスポンシブ・タイポグラフィ

ウェブサイトを作るときは、まずは本文のテキストを定義することから始めるものだった。本文の定義次第で、中心となるコラム(列)の幅が決まり、その他はそれに連なって自ら定義される。これは昔の話。近年までは画面の解像度は基本的に共通だった。しかし、今は様々な大きさのスクリーンや解像度に対応する必要があり、事情は複雑になっている。

Responsive Typography: The Basics

When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogeneous. Today we deal with a variety of screen sizes and resolutions. This makes things much more complicated.

New Site with Responsive Typography

With the chaos of different screen sizes and a new generation of web browsers, the design paradigms of layout and typography have shifted away from static layouts and system fonts to dynamic layouts and custom web fonts. Screens are changing not just in size, but also in pixel density. Now we need not only responsive layouts, we also need responsive typefaces.

“Why Simplicity Creates Great User Experiences” (DRT)

Interview with William Channer for DRT, focusing on “the importance of keeping interfaces simple, why current websites are complicated and the pitfalls of research and why it's a good starting point to understand user expectations.” This is the unedited transcript of the interview.

iABC

The idea: Look at the history, shape and sound pattern of each letter, sum it up in 140 characters, and collect a beautiful specimen for each letter.

Business Class: Freemium for News?

I had a perspective-changing talk on the subject of pay walls with the chief executive of a big publishing company (no, I can't tell you who). He asked me what I think about pay walls.

Die Zeitungs-Applikations-Komplikation – wer zahlt?

Computer, Smartphone, Tablet-PC, IP-TV, Spiele-Konsole, Navigationsgerät und vielleicht sogar im Display des neuen Backofens. Das Web soll uns ganz wie von Bill Gates vorhergesehen überall Information übermitteln. Ob das wirklich Sinn macht, ist eine andere Frage.

Form and Information

Here is the lecture iA's Oliver Reichenstein gave in 2010 at Keio University on creativity, information, and innovation.

iPad: Scroll or Card?

How do you navigate content on the iPad? Scroll or flip? In 1987, the biggest neck beards in tech held a conference on the Future of Hypertext and there were two camps, “Card Sharks” and “Holy Scrollers”. They had an epic battle over this question: Should you scroll or flip pages on the screen? Who won the fight?

Gap: Controlled Brand Demolition? No.

There has been speculation about whether the Gap redesign was a super-dynamic marketing stunt, or just mere tomfoolery. If you know how plump most big corporations are, the answer to that seems pretty clear (tomfoolery). In the light of the recent run of brand redesign hullaballoos, it’s worth discussing whether scandalous redesigns help brand awareness or hurt brand image.

Can Information be Architected?

A presentation with the title "iA on IA," held at EuroIA 2010.

Writer for iPad

“Writer has out-innovated Apple. Writer is actively designed to help you write.” —Fast Company

Can Experience be Designed?

Do architects design houses or do they design “inhabitant experiences”? The bullshit answer is “They design inhabitant experiences”. The pragmatic answer is: “They design houses”. The cautious answer is: Architects design houses that lead to a spectrum of experiences, some foreseen, some not. But they do not design all possible experiences one can have in a house.

“Web design is engineering” (Jonny Holland)

Jeron van Geel interviewed Oliver Reichenstein on Jonny Holland. He asked a series of questions about the relationship between Philosophy, Design, Japan and Western culture.

E-Reading: Neue Medien sind mehr als ein Vertriebskanal für alte Inhalte

«Das Buch wird niemals sterben.» In der englischen Simultan-Übersetzung klingt es fast wie «wir werden immer reiten und brauchen keine Autos». Doch der italienische Redner eines wissenschaftlichen Fachverlags ist sich seiner Sache sicher.

WIRED on iPad: Just like a Paper Tiger…

First, the paper magazine was crammed into the little iPad frame. In the form of a PNG slide show. To compensate for the lack of interactive logic, this pretty package was provided with a fruity navigation.

Cosmic 140—Art for Geeks

Our latest Web Trend Map tells the story of Twitter and its 140 most influential Twitter users. Surprisingly, it’s even more popular than Web Trend Map 4.

Cosmic 140 – Per Anhalter durch die Twitter Galaxis

Hier ist unsere nächste Web Trend Map. In diesem Jahr gibt es keinen Metro-Fahrplan und auch keine Internet-Adressen. Stattdessen zeigen wir die 140 einflussreichsten Twitter User mit #Namen, #Alias, #Kategorie, #Einfluss, #Aktivität sowie wann und was sie zum ersten mal getwittert haben.

«Gibt es die perfekte Webseite?» (Design Made In Germany)

Interview von Ulrike Daraghma und Pascal Jeschke für Design Made in Germany. DMIG «wollte wissen, ob es die perfekte Webseite gibt, ob Online-Nachrichten-Magazine eine Zukunft haben» und wie wir uns «die Zukunft von Text generell vorstellen.»

Designing for iPad: Reality Check

Over the last two months we have been working on several iPad projects: two news applications, a social network, and a word processor. We worked on iPad projects without ever having touched an iPad. One client asked us to “start working on that tablet thing” before we even knew whether the iPad was real.

iA’s 2006 Facebook Designs, Redesigned

From December 2006 to February 2007 we were in touch with the product manager of Facebook. The prospective: Redesigning Facebook. Eventually. Since the contract was never signed, we kept our designs in the drawer. Until now…

Meet C140, Our Next Trend Map

It’s one year since our last Web Trend Map. A lot has happened, but there are not enough changes in the landscape of domains in the last 12 months to create another domain-based Web Trend Map. The big changes happened one level higher, on the social layer, that is: On Twitter and Facebook.

Reuters, NYT und iA im Gespräch

Am diesjährigen Media2010 Event in Sydney wurden Marc Frons (CTO, New York Times), Nic Fulton (Thomson Reuters) and Oliver Reichenstein über die Zukunft der Nachrichtenindustrie befragt. Die beiden Hauptfragen lauteten…

What’s Next in Web Design?

I’ve been asked by the Italian magazine L’Espresso to write an article on The Future of Web Design. Here is the (longer) English text.

Was bringt 2010?

2009 ist sicher in unseren Erinnerungen verstaut, die Nullerjahre sind überstanden – Zeit für einen Ausblick.

Web Trend Map Video Interview

I sat down with the video team of GaijinPot for a short interview about the Web Trend Map.

Can Experience be Designed?

First, think of a number between one and ten. Then take a step back and look at the words “User Experience Design” as if you had never seen them.

Kenya Hara On Japanese Aesthetics

What makes Japanese design so special? Basically, it's a matter of simplicity; a particular notion of simplicity, different from what simplicity means in the West. So are things in general better designed in Japan? Well, actually, it's not that simple…

Der Weg des Projekt-Samurai

Obwohl ich immer wieder grosse Projekte leite, habe ich nie intensiv über das Handwerk der Projektleitung nachgedacht. Ich sehe aber, dass selbst gestandene Projektleiter immer wieder scheitern.

Future of Journalism: A Little Bit of Everything Please

Recently, there has been a quality renaissance in the discussion about the economic future of journalism. While some are still touting the one miracle solution (usually alluding to Google’s business model and success), a lot of ideas have arisen that will probably make up for the economic future of journalism as a whole. Time for a summary.

The Spectrum of User Experience

Designers are narcissists, programmers are nerds, and whoever wears a tie must be a jerk. Designers, programmers and business people love to hate each other. That's why we keep them separated…

Das Spektrum der Nutzererfahrung

Eine fertige Website weist zahlreiche Aspekte eines Hauses auf. So lässt sich das Treppenhaus (sagen wir die obere Navigation) oft nicht mehr verschieben, ohne dass die Mieter (sagen wir eine Partnerintegration) gestört werden und das Fundament (sagen wir Drupal oder Typo3) bestimmt die Stabilität und das Entwicklungspotential des Gesamtgebäudes mit.

Web Trend Map 4: Coolest Gift For Geeks

It hangs in the headquarters of Google, Microsoft, Facebook, WordPress, and Yahoo! Japan. Even the CERN in Geneva has its own copy. The WTM4 poster has caused quite a stir.

Kill Blog Comments?

Blog comments have an innate communication problem: You can't discuss and moderate the discussion at the same time.

Web Trend Map 4: Preview

While the first map was hacked together in an afternoon, the second took a week, and the third devoured a month of concentrated work, the fourth Web Trend Map (due in February) has already taken more time in preparation than all previous versions combined.

Web Trend Map 4: Die Online-Trends 2009

In einem Nachmittag zusammengeflickt war die erste Web Trend Map, die zweite kostete uns eine Woche und die dritte verschlang bereits einen ganzen Arbeitsmonat. Die Web Trend Map Nummer 4, erscheinen soll sie im Februar 2009, hat bereits jetzt mehr Vorbereitungszeit in Anspruch genommen als alle ihre Vorgängerinnen zusammen.

webapp的死闘:Google vs Apple

ウェブサイトが機能的にも審美的にもますますウェブアプリケーション的性質を帯びてきている昨今ですが、本日はウェブアプリケーションをスキニングの観点より分析していきたいと考えています。まずは手始めに、HTMLスキン対デスクトップアプリケーション・スキンという二つのアプローチの比較をしてみましょう。言い換えれば、Google対Appleです。

Webapp Death Match: Google vs. Apple

With websites turning more and more into web applications, functionally as well as aesthetically, it'd be interesting to look at what makes a Web app work in terms of skinning. We start off by comparing two different approaches: HTML-skin vs. desktop-application-skin. In other words, Google versus Apple.

Web Trend Map V3

Das ultimative Tool für Internetfreaks, die Web Trend Map 2008, ist nun als A0-Poster erhältlich.

Web Trend Map 3

We are happy to announce that the coolest gift for geeks, the A0 poster of the 2008 Web Trend Map, as featured by The Guardian, WIRED, Le Monde, Corriere, kottke, Boingboing, Techcrunch, Mashable, Valleywag and literally thousands of blogs.

Web Trend Map 2008 ベータ版

ここに、ついに2008年度版Web Trend Mapを披露させていただけるときがやってまいりました。私たち渾身の、栄光のベータ版です。今回は300件近い有名な、または影響力の大きなサイトをピックアップし、東京首都圏路線図に配置してみました。そして、前回より多くの方のご要望をいただき、ポスターのサイズもA3からA0へと大きくしました。ご自宅や、オフィスのワンポイントに、自信を持っておすすめさせていただきます。

Web Trend Map 2008 Beta

We present you with the 2008 Web Trend Map, in all its beautiful beta glory. This time we’ve taken almost 300 of the most influential and successful websites and pinned them down to the greater Tokyo-area train map.

Web Trend Map 2008: New Layers

Those familiar with the new Swiss train station maps may recognize one source of inspiration. We’ve adopted some concepts from our good friend Adrian Schaffner’s work on mapping Swiss train stations.

Trend Map 2008: What’s New?

We’ve redesigned the Web Trend Map from scratch. It’s now presented as an isometric landscape.

Branding Crimes: 4. The Start-Button

We have hated this thing for over 12 years now—the button that launches a pull-up menu. Only the twisted minds over at Redmond could come up with this. Yeah, I know it's not a real "Start" button anymore, with Vista it's become more of a clickable logo like the Macintosh one. But, after all this time, it is still a push-up menu. And that is another major branding crime. Why?

Branding Crimes: 2. Stealing Interfaces

A wonderful example of what not to do if you believe that Brand = Interface. Copying interfaces defines you as a second choice company.

Branding Crimes: 1. Missing Logo

The Interface is the brand—but few interfaces qualify to leave out the main orientational element—the logo.

Face Off: The Essentials of Online Rebranding

A company may choose to rebrand itself because of a merger, a bankrupting scandal, or because they simply have outgrown their name. These are solid reasons; however, on the web, rebranding should be considered with the caution of a face transplant.

Web Trend Map 2007 Version 2.0

We have done it before, and now we’ve done it again—the poster of most successful websites, mapped to the Tokyo Subway, is back!

A Word on Design Value

The other day we got a telephone call from a business man that planned to "exponentially increase" his Internet performance. His budget? $1,000.

wiki型新聞再構築(Washington Postデザイン考察)

前回の記事には多くの反響をいただきました。特に、どゆこと?という詳細へのご要望が多かったのが

Washington Post Redesign as a Wiki

After our last post on “The Future of News” we have been asked again and again to illustrate what a newspaper as a wiki would look like. We’re happy to oblige…

Web Ad Spend Overtakes Newspapers

Earlier this year we speculated that in 2007 "Big ad investments start streaming in". Our prognosis was heavily understated.

USA Today: Mission Accomplished

When I read this morning that USA Today "refashions itself as a social network", I got a little shock as I was worried that they are going to eat our client's lunch. Fear nothing, client. Among information designers the USA Today redesign is a laughing stock.

Web Trend Map: Reactions

What started as a fun new years card made quite a few waves. The Web Trend Map’s reception so far…

Web Trend Map 2007

As a Christmas and New Year’s present to our clients and readers we have created three fun Internet overviews.

Build a Plane and Fly to Sicily

Since Mondays are typically low energy days, I’d like to share this story with, to reassure you: If you have a strong vision—no one can stop you.

100% Easy-2-Read

この世にあふれるウェブサイトの多くは、読むのが苦痛なくらい細かいテキストをびっしり詰め込んでいます。どうしてなのでしょう?スクリーンに、そんなに情報をぎゅうぎゅうと詰め込む必要はありません。これは、スクリーンが今よりずっと小さかった時代に遡る、悪しき慣習的集団勘違いです。ですから、

The 100% Easy-2-Read Standard

Using 10 pixel Verdana made sense in a time when screens were 640 pixels wide. Today it is a mistake.

New Athens

When people ask me about my background, they're confused. I studied philosophy. How come I do web design? In short: The old Greeks brought me here. What can Internet workers learn from the old Greeks?

95%タイポグラフィ説ーその後

コメントの嵐、多くのブログでのお褒めの言葉、ちょっと恐れ多いような方々からもご意見をいただき、またフォーラムでのディスカッション、中国語やイタリア語への翻訳など、ほんとうに色々と皆様に反響をいただきました。一つ一つにお答えすることが難しいので、いただいたご質問、反論などから多かったものについてこちらで少し追記させていただきたいと考えています。この作業によって、結果的に自分でも色々と整理出来た気がします。

Reactions to 95% Typography

An avalanche of comments, hundreds of applauding blog entries, honorable mentions from cooler and more sublime and hotter and higher places, forum discussions, translations in Chinese and partially in Italian and even blunt plagiarism was incited by one of my recent notes.

Coca-Cola and The Matrix

Brands make us associate positive values and positive experiences with the products they mark. Brand values are defined by the senior management in the “Brand Matrix”. Coca-Cola recently changed their brand matrix. Are we soon going to associate other things with Coca-Cola?

The Interface of a Cheeseburger

All things have an interface. Shaping interfaces is shaping the character of things. The brand is what transports the character of things. When looking at McDonald’s, iPod, or Nintendo DS it becomes quite obvious that the interface *is* the brand.

ウェブデザインの95%はタイポグラフィ

95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.

Design is How it Works

“Most people make the mistake of thinking design is what it looks like. That's not what we think design is. It's not just what it looks like and feels like. Design is how it works.”

どうしてシンプルは難しいのか

シンプルなウェブサイトは使いやすく、分かりやすく、そして読みやすいものです。しかし実際には、使えないか、醜くて、そして一般的に難しい単語がびっしり詰まったようなものを多く見かけます。どうして、デザイナーたちは、シンプルな仕事をすることにこんなに苦心するのでしょう。

Why is Simplicity Difficult?

Simple websites are easy to use, easy to understand, nice to look at. In practice, websites are either unusable or ugly and filled with too many words. Why do designers have a hard time to keep it simple?

Usability News: The F-Pattern

Since I’ve started developing websites I’ve been looking for the ideal layout. Today I got another hint on the direction to take. Jacob Nielsen calls it the “F-Pattern”.

ユーザビリティとブランディング

企業のウェブサイトというのは往々にして顧客との最初の、そして緊密な接点となるものです。その点で、ユーザビリティとオンライン・ブランディングはどのビジネスにも重要です。しかしながらウェブデザインとユーザビリティはしばしば矛盾するのです。今回は、私たちがどのようにその矛盾を解決しているのかをご紹介したいと思います。

Usability and Branding

Your website is more important for your company and its brand portfolio than your business card, your brochures, the products you sell, your packaging, the address and the building your company resides in.

Usable Interface Design

As an information designer the interfaces we currently work on—no matter whether Apple or Windows—bother me. Yes, OS X looks a lot better than its predecessors, and Windows’ upcoming rip off of OS X looks better than the previous rip off.

The Right-Side Column: Just Noise?

If it is your side column on your website you want it. But does your user read—or even: see—it? You might argue that the side column is standard. So we do need it. Do we?

How Important is Design on the Web?

Internet users can give websites a thumbs up or thumbs down in less than the blink of an eye, according to recently published study report. Nature.com and Wired recently reported on the fact that we pass judgement on a website in less than a second. This sounds like good news for web designers. Is it?