« Previous | Next »
Web Design is 95% Typography (1)
Published on 19/10/06
by Oliver Reichenstein
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.
Information design is typography
Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites:
Today we are inundated with such an immense flood of printed matter that the value of the individual work has depreciated, for our harassed contemporaries simply cannot take everything that is printed today. It is the typographer’s task to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him.
Information designers are the typographers of the 21st century
With some imagination (replace print with online) this sounds like the job description of an information designer. It is the information designer’s task “to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him”.Macro-typography (overall text-structure) in contrast to micro typography (detailed aspects of type and spacing) covers many aspects of what we nowadays call “information design”. So to speak, information designers nowadays do the job that typographers did 30 years ago:
Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work which cannot be read becomes a product without purpose.
Optimizing typography is optimizing readability, accessibility, usability(!), overall graphic balance. Organizing blocks of text and combining them with pictures, isn’t that what graphic designers, usability specialists, information architects do? So why is it such a neglected topic?
Too few fonts? Resolution too low?
Why is typography such a neglected topic?
The main — usually whiny — argument against typographical discipline online is that there are only few fonts available. The second argument is that the screen resolution is too low, which makes it hard to read pixeled or anti aliased fonts in the first place.Renaissance: 1 Font
The argument that we do not have enough fonts at our disposition is as good as irrelevant: During the Italian renaissance the typographer had one font to work with, and yet this period produced some of the most beautiful typographical work:The typographer shouldn’t care too much what kind of fonts he has at his disposal. Actually the choice of fonts shouldn’t be his major concern. He should use what is available at the time and use it the best he can.
Choosing a typeface is not typography
The second argument is not much better. In the beginning of printing the quality of printed letters was way worse than what we see on the screen nowadays. More importantly, if handled professionally, screen fonts are pretty well readable.Information design is not about the use of good typefaces, it is about the use of good typography. Which is a huge difference. Anyone can use typefaces, some can choose good typefaces, but only few master typography.
Treat text as a user interface
Yes, it is annoying how different browsers and platforms render fonts, and yes, the resolution issue makes it hard to stay focused for more than five minutes. But, well, it is part of a web designer’s job to make sure that texts are easy and nice to read on all major browsers and platforms. Correct leading, word and letter spacing, active white space, and dosed use of color help readability. But that’s not quite it. A great web designer knows how to work with text not just as content, he treats “text as a user interface”. Have a look at Khoi Vinh’s website, and you’ll probably understand what that means:Slightly more famous examples of unornamental websites that treat text as interface are: google, ebay, craigslist, youtube, flickr, Digg, reddit, delicious. Being a hard to dispute necessity, treating text as a user interface is the only parameter for success. Successful websites manage to create a simple interface AND a strong identity at the same time. But that’s another subject.
UPDATE: As it raised so many eyebrows, hands and questions I decided to write a follow up to this article.
Where to start: Resources
On the Web
- Web typography In order to “allay some of the myths surrounding typography on the web”, he has “structured his website to step through Bringhurst’s working principles, explaining how to accomplish each using techniques available in HTML and CSS”.
- Five simple steps to better typography The kind of typography he is talking about “is not your typical ‘What font should I use’ typography.” A good read for those who believe websites are usable when leaving font size and line spacing to default while letting the text width expand to wherever.
- Khoi Vinh Co-founder of behaviordesign. Currently design director at NYTimes.com. Extremely talented man.
- Rod Graves Communication designer. Sublime work: “Typography is a definite focus for me. Typographic grids and hierarchies usually form the foundation of the visual languages I develop.”
- A List Apart Communicating via typefaces. Fonts and layout. Designing for readers. Legibility. Typefaces, graphic design. Problems of typography on the web. Controlling web typography: size, font, color. CSS methods, browser problems, user problems, and workarounds. Make sure you read this article as well.
- Association Typographique Internationale ATypI (Association Typographique Internationale) is the premier worldwide organisation dedicated to type and typography. Founded in 1957, ATypI provides the structure for communication, information and action amongst the international type community.
- Thinking with Type The on-line companion to the book Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students
- Typetester Compare screen type
- Typophile Typophile is a member and sponsor-supported community. Since 2000 Typophile has been guided by open collaboration and the idea that we’re all always learning. We they serve 3+ million pages monthly.
- Typohile Wiki A user-created encyclopedia of all things type and design-related. Users create and edit Wiki entries with the aim of becoming a collaborative, useful, balanced and relevant resource.
- The Next Big Thing in Online Type Bill Gates wants computer users, well, Microsoft users, to have a more enjoyable on-screen reading experience — so much so that he made improving reading on the screen one of his top five priorities.
Books
- Emil Ruder, Typographie Emil Ruder’s Typography is the timeless textbook from which generations of typographer and graphic designers have learned their fundamentals. Ruder, one of the great twentieth-century typographers was a pioneer who abandoned the conventional rules of his discipline and replaced them with new rules that satisfied the requirements of his new typography.
- Kimberly Elam, Grid Systems: Principles of Organizing Type Although grid systems are the foundation for almost all typographic design, they are often associated with rigid, formulaic solutions. However, the belief that all great design is nonetheless based on grid systems (even if only subverted ones) suggests that few designers truly understand the complexities and potential riches of grid composition.
- Muller-Brockman, Grid Systems: A visual communication manual for graphic designers, typographers and three dimensional designers. From a professional for professionals, here is the definitive word on using grid systems in graphic design. Though Muller-Brockman first presented hi interpretation of grid in 1961, this text is still useful today for anyone working in the latest computer-assisted design.
That's it. What Next?
Subscribe to our Newsletter or our RSS feed. If you liked this entry, you might as well have a look at all iA notes or read one of our latest articles.
Please leave your comment so we know what you think about this article. Trackback URL: Web Design is 95% Typography (1). This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 2.1 Japan License.
Comments on Web Design is 95% Typography (1)
151 Responses
Tomas Jogin
24/10/06
Ninety-five percent, huh? Yeah, that's probably true -- for this particular website.
Ed
24/10/06
I personally find it quite amusing you've got a typo in a article about the importance of proper text and formatting. :p
Oliver Reichenstein
24/10/06
Yeah, I'm sorry about typos. I'm Swiss, and those are a little bit harder to see for my German eyes. I know I should spell check it in Word or something...
Oliver Reichenstein
24/10/06
Thomas: It appears to be true for your website as well
Kame
24/10/06
I personally find it quite amusing that Ed has a typo in his comment on the article about the importance of proper text and formatting. :p
Benjamin Waters
24/10/06
It is practice for some of us to set the default font in our browser to a text size that we find comfortable to read. All of the text on this page is (in my browser at least) set in a font that overrides my preferred text size to a font size several sizes smaller, making the entire page uncomfortable to read. The question for you I suppose is whether there is a way for you to overcome this while at the same time maintaining the admirable elegance of your page presentation.
allister
24/10/06
I agree with you on importance of typography - i studied it in uni, practice it everyday and honestly feel pretty humbled by it - and it sure can be fun.
...but the arguement that there are enough web fonts is a bit grating - microsoft, with its 1996 release of core web fonts, essentially dicated the ~8 faces we use to this day - as new fonts in the hands of web typographers could revitalize the webscape.
Funny enough MS has stopped freely distributing this core set.
Speaking of real annoyances - not trying flame - this sort of thing is what gets to me... collisions, oh my!
Tomas Jogin
24/10/06
Oliver: Touché. Maybe you're on to something.
95% tipografia?
25/10/06
[...] en Information Arquitecture Japan, un post que dice que [...]
Dan
25/10/06
So a completely inaccessible website that only works in IE6.0, has horribly optimised images, a nasty colour scheme, and confusing layout will do fine as long as it's typography is good? I might disagree.
Mike
25/10/06
You equate typography to the broad topic of "written language," and if I accept that, I agree with the "95%" statement. Then, you equate typographers to information architects, both as the people who "divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him." When I read the quote, I thought: Google. So, I can agree there, "typograpy" as you have defined it, is very important to web design.
But the second half of your post abandons your comparisons to information architecture and language, and focuses solely on fonts. Sorry, web design is not 95% font selection.
"The main discipline of shaping written information" I would say that's grammar and style, not fonts.
Regarding fonts on the web, I always surf with the "allow pages to choose their own fonts" option turned OFF. That shields me from the bad typography decisions of "web designers" who want web design to be just as controllable as design for print or television. I guess I'm more interested in that unremarkable 5%... content, interactivity, all the unique benefits of hypermedia (clickable links), searchability, organization, prose, etc., etc.
For me, the best-designed websites are the ones which don't explode when I force them to display their content in something that I feel comfortable reading.
Typography (as font selection) is a great art, and a good typographer can produce some beautiful work. However, giving aspiring "web designers" the idea that they know better than the user does is wrongheaded. It breeds the kind of designer who builds their entire site in Flash so that they may override my overrides.
I hope you find this criticism constructive or useful in some way.
femmebot
25/10/06
Hmm, if we're taking basic design elements, I'd say it's more 95% (if not more) grids, not typography.
Tom
25/10/06
I personally disagree with this article. Web design is 95% Design, Usability, Accessibility and Testing. Then you choose wether Verdana, Arial, Times or maybe Georgia should be used for body copy. Nice one for collating the resources though.
[i:rrhoblog]
25/10/06
[...] Web design is 95% typography (tags: typographie webdesign design) [...]
nofi.org
25/10/06
[...] Web design is 95% typography (tags: design marketing web typography blog branding fonts resources graphics internet) [...]
Oliver Reichenstein
25/10/06
Dan: a "completely inaccessible website that only works in IE6.0, has horribly optimised images, a nasty colour scheme, and confusing layout" will not "do fine as long as it's typography is good" because "nasty colour scheme, and confusing layout" IS bad typography.
And of course someone with an eye for typography will not miss out on the simple tasks like optimizing his pictures.
Oliver Reichenstein
25/10/06
Mike: "The main discipline of shaping written information I would say that's grammar and style, not fonts."
Yeah, but that's not design, that's writing. Writing is shaping information from within. Typography is shaping information optically.
That you turned the option for "allow pages to choose their own fonts" off is fine with me. But most users actually have it turned on.
So is the default font size: Usually not defined by the user, but by the designer. Which is not such a bad thing, if you think about it. As much as I prefer a pilot flying my plane, a hairdresser cutting my hair, a shoemaker making my shoes, I prefer a designer defining typography. It is a profession as much and as useful as being a pilot, hairdresser, shoe maker.
Good designers do actually know more than your usual hairdresser, pilot or shoemaker, which typography works and which doesn't. Now if the hairdresser, pilot shoemaker prefers to use his own settings, fair enough. But he should not impose on other people that enjoy a designers work.
Usability is a utilitarian discipline. Biggest use for biggest number. Fortunately, people that turn off their "allow pages to choose their own fonts" option are in the minority. They do suffer from bad design decisions, but they profit from good design decisions as well.
Oliver Reichenstein
25/10/06
Tom:
Isn't usability optimization a form of typography: Rearanging blocks of text so they're placed in a way that they're understood as they're intended?
Tony S.
25/10/06
Brilliant article. And a good example at the same time.
ArtLung Blog
25/10/06
[...] Information Architects Japan » Blog Archive » Web design is 95% typography (tags: typography web webdesign design css) [...]
RastaMart.com
25/10/06
[...] Un article intéressant sur la typo sur le web. Il y a aussi une liste de typo gratuite… à avoir! Lire la suite… [...]
Tech Meat
26/10/06
[...] read more | digg story [...]
High Earth Orbit
26/10/06
[...] Web design is 95% typography It is only logic to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. (tags: design webdesign toread graphics resources) [...]
SitePoint Blogs
26/10/06
[...] Web design is 95% typography A nice primer on typography as it applies to the web, with links to some meaty resources on the subject. (thanks gnarly)[...]
Gamermk
26/10/06
While I really disliked the overall feel and readability of the left sided subheadings I must say that the title was catchy enough that I put up with them.
Overall the article itself is rather bland making only a few points and not developing them as much as I'd like, but the resource list is excellent so this pieces makes for a rather nice experience.
Oliver Reichenstein
26/10/06
Thanks, Gamermk.
The leftsided subheadings are not leftsided subheadings, they're more like sidecomments. Reading help. An additional scan option. A way to read the article in 5 seconds.
I am happy to hear you want to read more on the subject. I wanted to keep this short, because in general those blog entries (mine too) are just too long.
I am planning to do a follow up on typographic grids and whitespace...
Jackie
26/10/06
Well said. Content is what drives traffic, not graphics, therefor, typography should be any web designer's primary concern.
Chris
26/10/06
For those that are irritated by a designer defining a font in a size too small to read that's why we can adjust font-size by hitting a button or a key combo. And, if the designer has done their job well then everything will scale perfectly.
Some of you seem to be confusing what a well designed site is. If a design falls to pieces when you scale the font size then it's not a good design. Part of typography for the web is understanding that and making the accommodation.
warpedvisions.org
26/10/06
[...] October 25th, 2006 in Links Web design is 95% typography. The article uses the beautiful Subtraction weblog as a defacto example of a great text interface. [...]
1983
27/10/06
[...] Web Design is 95% Typography An interesting and relevant article on the importance of ’screen’ typography by Information Architects. [...]
sukaton
27/10/06
Eh, why are some people here saying that they disagree with the article because web design is not about picking fonts? Apparently you did not read it at all... I agree with the author; web design is not about typefaces, it's about typography.
Aarron Walter
27/10/06
[...] A recent article entitled “Web Design is 95% Typography” has sparked a great deal of discussion about the importance of typography in web design. The author points out "95% of the information on the web is written language" [...]
Jim Whimpey
28/10/06
[...] Web Design is 95% Typography [...]
Pig Pen
28/10/06
[...] Web Design and Typography - 95% of content is in type. [...]
Daring Fireball
28/10/06
Yes. And, unfortunately, many so-called web designers spend 95 percent of their time on the other 5 percent.
Subtraction
28/10/06
[...] Web Design Is 95% Typography [...]
James G
28/10/06
I like pretty pictures
Erika Rathje
28/10/06
I find typography one of the most frustrating parts of dealing with differences between operating systems and computers. Type is displayed so beautifully on my machine, and yet looks so terrible on your typical PC that I can't help but cringe. The readability is noticeably poorer on a machine with a less powerful graphics card, which is unfortunate, but being aware of that fact is so important.
I am soon to graduate from the same school from which Rod Graves graduated this year. I'm excited you included him in your list.
This article and accompanying resources will be invaluable to my grad project! I greatly admire the use of space and the alternative (more print-like) ways of displaying the information that is found on every blog (and usually in a limited number of ways).
I think in my last project that typography and readability issues comprised about 75%, but that may even be underestimated.
Niklas Brunberg
28/10/06
In other words: Crafting good illustrations, making easily understandable graphs, designing a coherent behavior, making good use of whitespace, et cetera is only 5% in a world where we have digital typefaces with auto-kerning?
Consider me confused.
Oliver Reichenstein
28/10/06
Niklas: Again, looking at your website, I am confused that you're confused: It's 95% text. Also: From where I come from (Basel), use of whitespace, defining the (text)grid IS a typographical issue. But maybe that's a Swiss thing. Yet crafting good illustrations is as much web design as taking good pictures with a camera.
Oliver Reichenstein
28/10/06
People keep relating to the remaining 5%. Okay then: What kind of picture you choose, where you put them in the grid, or what exact spacing you use for your grids - it's a matter of taste. So here is my equation: 95% typography, 5% taste.
And don't think taste is just a personal random thing. There are people with good taste, there are people with bad taste, there are people with trained taste and people with potential and people without potential.
Design is no different from wine: Eventhough everybody is entitled to have his own taste and opinion - some people just have better taste, just have a trained nose for things.
You might call me elitist. Personally, I don't believe my taste is too special for that matter. Yet I know that I understand better how websites should look than your average shoemaker, pilot or hairdresser. Which is not elitist but just plain common sense, as making websites is my profession.
Then again, it all depends. If you do a website all by yourself you probably need to be a webdesigner, ia, usability consultant, photographer, illustrator, programmer etc all in one. Making a website is not 95% typography, designing it is. My point: You need more typographical skills to do a website than doing a party flyer. Which is kind of paradox, as you have very restricted typograhical freedom on the web. Of course the flyer is only nice if you know about typography, but it still works. Websites simply really don't.
Niklas Brunberg
29/10/06
Oliver, When I design something. Anything. I consider:
Then I do the practical aspect of design: Drawing, laying out whitespace etc. If I did point 1 through 5 correct I don't need to spend much time doing the practical aspect.
But maybe we are not too different in our opinions after all. I just realised that maybe you are trying to equate typography with design. Could that be at least part of the subject?
Painfully Obvious
29/10/06
[...] Web design is 95% typography. So what if we have only a handful of fonts to work with? Creativity thrives under constraints. Look at Daring Fireball or Coudal Partners and observe how typography can fully define a site’s identity. [...]
simon jackman
29/10/06
[...] Web design is 95% typography [...]
Justin Blanton
29/10/06
[...] Web design is 95% typography.[...]
Oliver Reichenstein
29/10/06
Niklas: Like you said. We're not too different. I think the misunderstanding comes from the use of "web design".
"Web design" as the "process of producing a website" obviously needs much more than the ability to treat text as an interface. "Web design" as the part of the process where you shape the interface, almost equates to typography. Hence 95%.
The rest is taste. What pictures, colors, boxshapes etc you choose.
Realazy
29/10/06
[...] 这篇文章来自一个研究并提供信息架构的网站:Information Architects Japan,原文:Web design is 95% typography. [...]
StrayPackets
30/10/06
[...] Good discussion of the importance of typography in web design. Makes the claim that 95 percent of design is typography. That seems a bit high, to me. You always need to decide where the text goes, how to handle images, etc. Still, since the world is full of sites that appear to be designed by amateur (and bad) artists, more focus on actually making things easy to read would be welcome. Tags: web design, typography, fonts, information architecture [...]
Joran
30/10/06
Excellent.
Type as interface. Such an obvious idea. So obvious everywhere. Google. Etcetera. Yet it's obviousness is only articulated by some, i.e. I.A.
Perhaps the importance of Typography to the web stems also from the idea that it's too difficult to create useable graphical sites? Low resolution and browser issues impact graphics and other visual media more than text. In other words, online text is limited but online graphics more so.
Whether Typography is 95%, 96%, 97% of web design is not important. What is important is that it is bloody important.
Potao
30/10/06
[...] 这篇文章来自一个研究并提供信息架构的网站:Information Architects Japan,原文:Web design is 95% typography. [...]
atley
30/10/06
what about the widow in the first paragraph?
nine950
30/10/06
[...] 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. Posted by James Filed in Design, Web [...]
Oliver Reichenstein
30/10/06
atley: Yeah, widows are hard to deal with, if site and fonts are scalable ; ). But I guess a real master might have a CSS solution for that.
As iA will upgrade soon (from Ltd. to Inc. = KK in Japan) I have a little design upgrade in mind. I am actually experimenting with a new, smarter layout, with a 100% font size default, that will shake the foundations of webdesign ; ). Right now there is not much difference there. Until then, I'll stick with my current bricolage solution (Measure width 50%).
UPDATE: I just integrated this bigger font size for test purposes. Tell me what you think.
UPDATE: New smarter layout is in place. And it rocks. Thanks to my uberreader.
Tom
30/10/06
"Oliver: Isn't usability optimization a form of typography: Rearanging blocks of text so they're placed in a way that they're understood as they're intended?"
I don't think so, you seem to be confusing it with Information Architecture? Web fonts are too limited to be considered that important, even in Graphic Design where there are no limits to typography I'd say it was perhaps 50% of the problem.
Oliver Reichenstein
30/10/06
Tom: "Information presented with clear and logically set out titles, subtitles, text, illustrations and captions will not be only read more quickly and easily but the information will also be better understood and retained in the memory. This is a scientifically proven fact and the designer should bear it constantly in mind."
Muller-Brockman, Grid Systems A visual communication manual for graphic designers, typographers and three dimensional designers. Basel, 1981, p.13.
thinsoldier
31/10/06
Idea: petition a couple font companies to release 1 font to the public domain.
Get all the alternative browsers developers to -embed- those fonts into their browsers (like fonts get embedded into flash files) so it doesn't matter if the user has the font installed or not.
Please take note
31/10/06
[...] Lastly did you know that 95% of webdesign is typography? [...]
Niklas Brunberg
31/10/06
Oliver, you got me thinking about this issue...
Especially regarding the usability topic, Tom has a point, choosing behavior and content, problem definition and problem framing. Rather, typography fits nicely in as the process of optimizing representation, visibility, readability and, especially, information presentation.
Justin Damer
01/11/06
If the history books are written by the winners, the present is written by the press. In this specialized field, our primary news media is the blogosphere; a medium where the writer is almost always the designer, a medium whose format is in its primordial stages. The kings in this age are the rockstar design bloggers, who see themselves as typographic savants because they labour, day in and day out, adding to and editing their personal typographic super-column one page (sometimes more) consisting of one large column of type that goes down and down and down, usually center-aligned, fixed-width, on a solid-color background. So much for design magazines.
As today's purveyors of design news, the designer-bloggers, having no editors to please, write about their own interests. Since their blog is their main hobby, it is their main interest in and of itself. And since they design for clients much in the same way they design for themselves, their understanding of web design problems is as bare bones as the design of their blog, which is also manifested in the blog-like websites their sell to their clients. But since the rest of us, who spend our days not writing about web design, but actually doing it, don't have blogs and don't shape the current web design discourse, our real issues are left un-debated and un-acknowledged.
The truth is, 95% of the work of web designers doesn't look, work or read like a blog. Blogs purvey writing, but a designer's typical client's website doesn't. Rather, they sell a product of a service, and type is only one of the many elements employed to communicate its value. Blogs don't share that burden, and so their design problem is reduced to one of pure typography. But all those real issues that designers deal with are site-unseen for the designer-bloggers, and so they go un-debated. If there is one exception, it is Design Observer, which does debate real design issues, but it is by far a minority in the current blog landscape.
Some day, this will change. It did before. There was a time when the likes of Benjamin Franklin wrote, edited, and typeset their own newspapers. After them, there were designers like Tschichold who mastered page layout. Eventually, there were designers who built upon those former masters to such an extent that their work transcended the boundaries imposed upon them by their means of production. Those designers created work whose primary focus was communication. It is the work of the likes of Paul Rand, Saul Bass, Massimo Vignelli, et al. and it connects with people beyond well-formed typography.
All we designers can do today is keep pushing the limits to ensure that the tools mature, and to encourage the medium to grow out of its current larval stage. In the meantime, we'll just have to keep enduring articles like this one.
Blog Vecindad
01/11/06
[...] Web design is 95% typography [...]
Oliver Reichenstein
01/11/06
Well, Justin. Eventhough you have a lot to say, I don't know where exactly you disagree with me, but I am certainly looking forward to the day when I can see your work if you're the new Paul Rand, Saul Bass, Massimo Vignelli of the web. We certainly all admire their work.
Until that day, I keep checking up on people like Khoi Vinh, while doing my job as good as I can. If you feel like expressing yourself more, you're free to express your views here at any time. Generally I approve all comments, as long as they're polite and there is something relevant in them. You might also think about starting a blog section on your company page. It's actually a lot of fun. Personally, as well as professionally, I learn a lot, exposing my views and my work to a bigger public than just my friends and clients.
Thudfactor
02/11/06
[...] Inspired by a recent sideblog entry on Ish about the importance of typography online and aided by a resource on the subject that speaks my language, I’ve refreshed the design of Thudfactor somewhat. I haven’t done all that much with the design elements, but I’ve tried to pay close attention to the text treatments. [...]
Crazymonkey
03/11/06
[...] Web Design is 95% Typography μέσω Design Observer [...]
Justin Damer
03/11/06
Oliver, thanks for the reply. You're right that I went on a little, without really pinning down my issue with your article. The truth is, I have no issue with the content of your article (except for your assertion that typeface selection is not typography, which is patently false). My issue is quite simply your title. I don't disagree that typography is important in web design, but you are implying that non-typographic concerns are unimportant. That is sensationalist and unfounded.
However, that alone isn't what sparked my slightly over-the-top tirade against designer-bloggers. I read blogs everyday and I have no issue with Khoi Vinh or yourself, or the likes of Coudal, for example. They do us all good and I shouldn't have generalized my statements to the point of defaming them and their work. I apologize for that, and I would like to retract those statements.
What got me angry, specifically, is John Gruber's comment on Daring Fireball, linking to this article. That's how I found out about this article in the first place. I read the guy's blog every day, and there he is, basically saying that what I (and many others) do everyday is wrong. He used your article title and beat me with it as though it were a stick. That drove me to cook up my theory of designer-blogger hegemony over web design discourse. Sensational claims beget sensational reactions!
Lastly, I never compared myself to any of the design super-heroes I listed in my comment. I don't know where you got the idea that design excellence is a prerequisite for design criticism. If my work is going to be used against me in ad hominem replies to my comments, I'm scared of putting my portfolio online at all!
Thanks for your words of encouragement about sharing ideas. I take that to heart and I fully agree with you. Maybe some day...
Oliver Reichenstein
04/11/06
Thanks for your comments. You'll find some answers to some of your concerns here
houbi
05/11/06
[...] Web Design is 95% Typography, a statement that is at least 75% correct! Kinda sweet that the link, probably the original title of the article, states ” the-web-is-all-about-typography-period”. Not so .period. after all? (via Dzone) [...]
Gary
05/11/06
Good article. Good typography seems to be too easily ignored or sloppily applied in both print and web design. My theory is that typography isn't as visceral as images, color or animation. It involves logic and math sense (like well-written music) and most people probably don't fit into the 'think' category as much as the 'feel' category.
My pet peeve is when people use the word 'font' when they really mean to say 'typeface'. A font is a digital file that produces type on screen or print. A typeface is the unique style that lettering takes on as designed by a craftsperson who specializes in that domain.
garethtownsend.info
05/11/06
[...] More likely I’ll be applying for some graduate positions over the next year, so I might need to give my resume a face lift sometime soon. It’s nice to see that with a little bit of effort you can turn plain text into something nice to read. Typrography is everywhere though, web design is 95% typography. Ponder that for a minute next time you’re working on a web site, user interface, or even an essay. [...]
คลังความรู้
06/11/06
[...] ซึ่งเวบ iA ได้กล่าวไว้ว่าการออกแบบเวบไซด์นั้น 95 เปอร์เซ็นต์ก็คือ การเลือกใช้ตัวอักษรนั่นเอง [...]
Imagemaster
07/11/06
[...] gerada em cima da parte 1 do mesmo (que recomendo ler antes) mencionado no meu post anterior A Interface de um X-burger. [...]
ilovesing.com
07/11/06
[...] 这篇文章来自一个研究并提供信息架构的网站:Information Architects Japan,原文:Web design is 95% typography. [...]
Jiboneus
08/11/06
[...] An interesting write up from the iA folks on Web Design is 95% Typography. 95% might be a little bit over stating, but the point is that typography itself plays an important role in web design. 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. [...]
yashke.com
08/11/06
[...] Przede wszystkim użyteczność ostatnio (całe szczęście) temat wyjątkowo modny ale przez lata całkowicie w webie zaniedbywany. Jednak dobrze rozumiana użyteczność nie zapomina o tym, że forma jest ogromnie ważnym elementem przekazu. Jakob Nielsen ' guru webusability ' powoli zaczyna się do tego przekonywać rezygnując z płynnego [...]
RodeWorks
08/11/06
[...] In my work I’ve always been drawn to using type as a strong visual element in the overall design. Its quick to load, scalable, accessible, and avoids eye-candy that doesn’t contribute to communication. Maybe this will help convice the clients that we don’t need all pictures! [...]
Candice Harris
08/11/06
Great article! thank you, Oliver!:)I think typography is very important as well as other aspects of web desing.
Opacity Strikes Back at Ejecutive
09/11/06
[...] The problem lies in the current trend of having fancy graphics, reflections and bold colours, when the real design issue is typography. Information Architects explains the problem well: Information design is not about the use of good typefaces, it is about the use of good typography. Which is a huge difference. Anyone can use typefaces, some can choose good typefaces, but only few master typography. [...]
Tarwin
09/11/06
Thanks for this great article. It has both highlighted new ideas for me and given me some solidity to thoughts that were more feeling than real sentences (as I think what I've written so far is coming out).
I just wanted to say that I've started teaching a subject on GUIs for 2nd years in a Multimedia Design Bachelor in Melbourne (AU), and was horrified to see the lack of typographic skill that many of the students displayed, making their work generally shabby. I found out afterwards this is most likely because they have totally removed typography as a required subject for all design students.
I must say that when I went through the same course I disliked having to do this subject, and failed it twice, but will forever be thankful for the skills and understanding I learned in that class.
This article has really given me a lot of ideas, or arguments (it's alright I'll do a lot more reading first, not just say 'because this article says'), to go to one of numerous boards at my university and look for change.
willkoca
09/11/06
[...] Web design is 95% typography (tags: typography design webdesign fonts) [...]
Blogs.Oracle.com
10/11/06
[...] A very nice well written article on typography.[...]
NmindPlus
10/11/06
[...] 웹디자인에 있어서 타이포그래피의 중요성.[...]
Oliver Reichenstein
10/11/06
Not everyones needs to agree. Actually Professor EDWARD TUFTE (that guy needs caps), an internationally acclaimed information designer just hacked me into pieces. If he were not "The Leonardo Da Vinci of Data", I'd say his main argument is arrogance and professural condescendence, but I better take this guy seriously.
Nathan Welsh
11/11/06
Nice article. Your provide good information, and the way it's presented sure makes it easier to digest. Thanks.
He’s Just Had Coffee
12/11/06
[...] Web Design is 95% Typography (1) (tags: beauty design digital fonts type usability webdesign tutorial typography web) [...]
Krazy Kory | Typography Time
12/11/06
[...] Check it out here at Information Architects. [...]
Usability
14/11/06
[...] Lesi alla greinina [...]
rk_journal
16/11/06
[...] Webdesign und Typografie beleuchtet der Artikel “Web Design is 95% Typography”. Zu finden bei den Information Architects. [...]
The Web Design Blog
16/11/06
[...] 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. Part 1 - Part 2 « Web development - recommended OSX tools [...]
no sense of place
17/11/06
[...] Web Design is 95% Typography (1) Typography and webdesign part 1 (tags: typography webdesign) [...]
jwphotodesign.com
20/11/06
[...] Now I don't feel so bad considering how long I toil over my style sheets. [...]
helloarchitekt.com
21/11/06
[...] Lire l’article sur Information Architects Japan >> [...]
IDcreative
21/11/06
[...] Web Design is 95% Typography (Part 1) [...]
Richard Filing
21/11/06
[...] Web Design is 95% Typography [...]
Oh, um, about that 1.0
22/11/06
[...] To celebrate the release, I redesigned databinder.net according to age-old principles of typography, or tried to. It’s pretty hot. [...]
Damascity
29/11/06
[...] An absolute must read on the centrality of typography in web design. Included are a list of “where to start” articles. Great job! [...]
The Dork Report
29/11/06
[...] Information Architects Japan asserts Web Design is 95% Typography (see also part II). [...]
Notta Blog
04/12/06
[...] First I read this. Then I read the follow up article to that, found here. And finally I found myself at this page, believing strongly yet again that one of the keys to usability is readability. [...]
Web Design Training
08/12/06
[...] Web design is 95% typography [...]
Two Second Memory »
10/12/06
[...] To illustrate the point I recently came across a very interesting article (from the ever wonderful reddit.com which contains this fabulous quote (Emil Ruder): Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work which cannot be read becomes a product without purpose. [...]
VisionLive
25/12/06
[...] 这篇文章来自一个研究并提供信息架构的网站:Information Architects Japan,原文:Web design is 95% typography. [...]
Links-à-Porter
28/12/06
[...] Web Design is 95% Typography (1) Un articulo sobre tipografia del que destaco esta frase: ‘Information designers are the typographers of the 21st century’. (an article on typography at Information Architects Japan – iA Notebook) (tags: informationarchitecture typography webdesign inspiration) [...]
Тут Хумора.NET
29/12/06
[...] Звучит логично, т.к. 95% информации в Сети представлено в виде текста. Небольшая подборка материалов по типографике в общем и веб-типографике в частности.[...]
redproductions
31/12/06
[...] *Update (Dec, 29,06) Came across this link on the same subject, with more links. [...]
MightyWorks
02/01/07
[...] 在开始之前,建议大家看看这篇文章: 《Web Design is 95% Typography》(英文原文) 《web设计95%是排版》(中文译文) [...]
TSNS. | Blog » -5%
02/01/07
[...] and posted on Monday 1 January 2007 at 19:01 and filed under Geek, Design, Web design. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback:Trackback URL. « Elogio della sabbiera [...]
Folio.io - Articles
08/01/07
[...] While the claim ‘Web design is 95% Typography’ might be slightly hype-tastic, online typography still remains grossly under-appreciated. Good typography is easy to read, looks good and forces the designer to prioritise and prune content. It’s really a lot more than just choosing a good typeface. [...]
Blasts from the past
09/01/07
[...] Renaissance typography Web Design is 95% Typography offers the design shown below and says, “The argument that we do not have enough fonts at our disposition is as good as irrelevant: During the Italian renaissance the typographer had one font to work with, and yet this period produced some of the most beautiful typographical work.” [...]
Japan
12/01/07
[...] I ve been waiting a long time to write this one. Let me say it again: Webdesign is 95% typography. Why? 95% of the information on the web is written language. (I know that pictures, sounds and charts do a nice job, but to make a point … – more – [...]
Looking Into The Future of Internet Marketing
13/01/07
[...] Web Design is a combination of Typography (Is the text easy to read? Is the typography web adequate?) and Attention to detail (does the website care about the little things? Is it characteristic and delicate or just bold?) [...]
Stylemo
15/01/07
[...] Web Design is 95% typography. I came across this very good article and I totally agree with it. Read it if you must but I suggest you do. [...]
class.digitalartwork.net
18/01/07
[...] 95% of the information on the web is written language [...]
Pix-Planet
31/01/07
I don't think so! the portion of typograhy depends on the kind of an website.
Deliberately Dithered
31/01/07
[...] This makes a catchy title, but it is simply untrue… Commentary on an article appearing on the Information Architects Japan site. [...]
boicozine
02/02/07
[...] Typography? That old stalwart? That cornerstone of good design? That nebulous web of readabilitous nuances (yeah, I made up a word there… sorry)? What the heck am I on about? Well there’s a germ of an idea growing that the democratisation of Graphic Design and the popularity of this Internet whole internet thing are producing a whole raft of creative types with low to no interest in the vast library of type designs in existence. In fact they are mostly happy to use ‘majority user’ | [...]
Seb
07/02/07
I fervently agree. A glyph is a small shape, which carries meaning. A sentence occupies a thin block of space and a paragraph a larger block. Each of these carry increasingly more meaning. From the smallest constituent part to the the whole, type is inherently design and meaning. It takes practice and effort to design successfully such that the typsetting of the text compliments its meaning.
Witchhunter
10/02/07
[...] Part 1 [...]
Saper
14/02/07
It's very interesting opinion about Web design. And some of this thinks maybe correct, I wont to try to use it in practice.
travel japan
14/02/07
I found this site because of the word Japanese and found myself reading your article.
it's funny how some people only look at some miss spelled words and end up commenting on that missing the whole point of the article.
Spot
15/02/07
[...] Information Architects has an interesting article on web design in particular and information usability design in general. At first the notion that the craft of working with typefaces will have anything to do with usability. But this is a good thing in a world obsessed only with design as an aesthetic trait. Read it → [...]
Koen van Gilst
16/02/07
[...] Webdesigners vergeten vaak waar het bij 95% van alle websites om gaat: tekst. Datgene wat het meest belangrijk is op je site (namelijk je boodschap: in de vorm van tekst) moet goed overkomen. Of, zoals de maker van deze bijzonder stilistische website hier uitlegt: “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.” Websites maken komt volgens hem neer op: “making sure that texts are easy and nice to read on all major browsers and platforms. Correct leading, word and letter spacing, active white space, and dosed use of color help readability.” [...]
Sunshocked
20/02/07
[...] The best solution is for me to know what fonts you have on your computer and design using those. Afterall, a good designer can make due with non-fancy typefaces. Microsoft’s Core Fonts for the Web [...]
Steven Kovar
23/02/07
[...] A great article that became popular a few months back discusses how 95% of web design is typography. The article gives a ton of great resources to learn about typography, which I’ll link to at the end. In the followup article, author Oliver Reichenstein expands even further on his ideas. I like his explanations of why usability gurus, designers, and recent art school grads usually flop when it comes to typography. I also strongly agree with Oliver’s point about web designers not reading enough books. Books are the best resource, but many of us who make a living online neglect them because they have, since the advent of the web, become an inconvenience. Web designers are not reading enough books. We are hunting for interesting snippets and quick solutions via Google and Wikipedia and Alistapart. Yet typography is an old school discipline that requires a lot of studying, repetitive concentrated effort and looking at printed materials. Typography in practice is not choosing fonts or making fonts, it's about shaping text for optimal reading experience. [...]
Confernceing Web
26/02/07
[...] post by olo and plugin by Elliott [...]
Radically Innovative IT Solutions
26/02/07
[...] Webdesign is 95% typography (i) [...]
Blog Image
02/03/07
[...] [Blog Vecindad Grafica] Enlace [...]
Nathan Gilder
13/03/07
Optimizing typography is optimizing readability, accessibility, usability(!), overall graphic balance. Organizing blocks of text and combining them with pictures, isn't that what graphic designers, usability specialists, information architects do? So why is it such a neglected topic. this is good information regarding web design.web design
Popstalin.com
14/03/07
[...] Web Design is 95% Typography 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. [...]
Zietguest
22/03/07
Good article.
One thing that worries me is that the author is slightly mis-representing history. Good typography is not necessarily just the output of a few 1960's swiss designers. They went out of fashion in the 1980's and were largely dis-credited, primarily because slavishly following grids can result in incredibly similar and boring layouts (punk came along).
One thing also to note is the preachy modernist tone that muller-brockmann writes in. The world has changed since 1960's Switzerland, absolute values are not popular. I would suggest learning the lessons of the swiss school and re-interpret them for a new age.
Hopefully this article will get a few designers taking content seriously. Definitely read Robin Kinross's "modern typography" for a good insight into the intellectual not just practical nature of this discipline.
boicozine
24/03/07
[...] Rants, Typography [...]
Mindtracks » Week 6 references
26/03/07
[...] More articles on web Design Web Design is 95% Typography [...]
The times, they are achanging - Sacha Krug
26/03/07
[...] auch meine Website hat sich verändert: Vor einigen Wochen habe ich den ausgezeichneten Artikel Web Design is 95% Typography gelesen und mir die Ratschläge darin zu Herzen genommen. Daraufhin habe ich folgende [...]
Mindtracks » Week 7 references
02/04/07
[...] Typography resources In case you did not read it last week don’t miss Web Design is 95% Typography [...]
Jon
06/04/07
"Web Design is 95% Typography" so why don't you apply that?
Oliver Reichenstein
06/04/07
Jon: What is your problem?
feeling.design» Blog Archive » web设计95%是排版
09/04/07
[...] 这篇文章来自一个研究并提供信息架构的网站:Information Architects Japan,原文:Web design is 95% typography. [...]
ButtUpdate. Important happenings in the world of my poo. » Blog Archive » Poommunity for all.
20/04/07
[...] for those that are interested in web designers poo pooing each others ideas, check out this typography information and this really cool WYSIWYP web based [...]
Visual Design » Blog Archive » web-safe fonts
26/04/07
[...] volgende link is een mooi startpunt voor iedereen die meer wil weten over de rol van typografie in [...]
Del.icio.us: Japan at mmimmjones.com
27/04/07
[...] it: I got interested in information architectute Japan; found an interesting looking job; and a lot, lot more besides… Boy! I need to get back out [...]
doDesign » What you need to know about typography - Free Web Design
28/04/07
[...] didn’t think typography is important, think again! Information Architects explain why “Web Design is 95% Typography“. Here’s a short quote from the article: 95% of the information on the web is written [...]
links for 2007-05-01 « Brukskvalitet.no
02/05/07
[...] Web Design is 95% Typography (1) “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.” (tags: blogroll typography type font) [...]
See-ming Lee
06/05/07
A very wonderful and courageous article, a great blog and very nicely designed site. Way to go!
Andhi.be
07/05/07
[...] Web Design is 95% Typography Alles over typografie op het web. [...]
mon petit web
15/05/07
[...] Web Design is 95% Typography [...]
yukei.net
24/05/07
[...] Siguiendo con las obviedades: en un medio en el que el 95% de la información es lenguaje escrito, poner atención al diseño tipográfico debería ser una de las principales preocupaciones e involucrar decisiones bastante bien pensadas —claro, incluso hay quien podría afirmar que el diseño web se trata totalmente de tipografía y punto. [...]
theartbox
27/05/07
[...] Հրատարակված է 19/10/06 Օլիվեր Ռեյխենշտեյնի կողմից This entry was posted on Sunday, May 27th, 2007 at 6:09 am and is filed under типографика, հայերեն. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. [...]
Lee Wilson
27/05/07
Gotta love swiss design.
Central Scrutinizer
10/06/07
[...] sul bianco, la colonna unica, ed aggiornando la frase “Io amo il minimale!” in “Il web design è 95% tipografia“. In realtà la tipografia, ma soprattutto il layout (a volte la sola tipografia può [...]
am Design
10/06/07
[...] Architects Japanin kirjoituksen Web Design is 95% Typography (1) kanssa saa olla eri mieltä, mutta minä en ole. Artikkeliin liitetty linkkikokoelma on joka [...]
9 simple design doubts
11/06/07
[...] black and white, the single column, and updating the phrase “I love minimal!” in “Web design is 95% typography“. In fact the typography, but mainly the layout (sometimes the typography alone can define [...]
Michael Carpentier
11/06/07
[...] Information Architects Japan » iA Notebook » Web Design is 95% Typography (1) (tags: ia usability webdev) Tags : (aucun) [...]
information rain
16/06/07
[...] Information Architects Japan famously [...]
online education
23/06/07
In other words: Crafting good illustrations, making easily understandable graphs, designing a coherent behavior, making good use of whitespace, et cetera is only 5% in a world where we have digital typefaces with auto-kerning?
Consider me confused.
Leave a Reply