What is the importance of Typography in web site design / Any case studies / report / analysis
Even your personal analysis and observation is also welcomed
Good Answers (1)
Christophe P
Web Designer at Accretive Technology Group
Best Answers in: Internet Marketing (2), Web Development (2), Viral Marketing (1), Business Development (1), Search Marketing (1), Blogging (1), Information Security (1)
Hi,
Here's an interesting article about that. it'll probably be a better analysis that the one i could give.
It's called 'webdesign is 95% typography'..and personaly i think it's quite true. Web designer, like me, need to improve that part of a website considering that people might want to read what you did. And on a SEO side everybody knows that it's all about content, so improving and optimizing typography optimizes readibility, accesibility so fo course design and SEO.
Links:
More Answers (9)
FRANK F
●Ex-Banker / Futurist ●30-yr Track Record ●Keynote Speaker ●Interim-contract CEO ●120-day Refocus / Re-invent/
Best Answers in: Using LinkedIn (135), Organizational Development (54), Government Policy (42), Change Management (41), Economics (24), Equity Markets (19), Career Management (16), Mentoring (15), Business Development (15), Corporate Governance (15), Staffing and Recruiting (14), Planning (14), Ethics (14), Internationalization and Localization (12), Communication and Public Speaking (12), Financial Regulation (10), Education and Schools (9), Personnel Policies (8), Internet Marketing (8), Small Business (8), Advertising (7), Business Analytics (7), Professional Networking (7), Web Development (7), Sales Techniques (6), Writing and Editing (6), Manufacturing (6), Energy and Development (6), E-Commerce (6), Computers and Software (6), Compensation and Benefits (5), Job Search (4), Accounting (4), Government Services (4), International Law (4), Treaties, Agreements and Organizations (4), Lead Generation (4), Quality Management and Standards (4), Blogging (4), Risk Management (3), Employment and Labor Law (3), Guerrilla Marketing (3), Public Relations (3), Customer Relationship Management (3), Search Marketing (3), Currency Markets (3), Derivatives Markets (3), Futures Markets (3), Social Enterpreneurship (3), Project Management (3), Personal Investing (3), Wealth Management (3), Starting Up (3), Customer Service (2), Certification and Licenses (2), Occupational Training (2), Exporting/Importing (2), Events Marketing (2), Labor Relations (2), Bond Markets (2), Non-profit Management (2), Philanthropy (2), Inventory Management (2), Distribution (2), Market Research and Definition (2), Professional Books and Resources (2), Green Products (2), Biotech (2), Enterprise Software (2), Software Development (2), Purchasing (1), Regulation and Compliance (1), Air Travel (1), Business Dining and Entertainment (1), Resume Writing (1), Event Marketing and Promotions (1), Conference Planning (1), Budgeting (1), Foreign Investment (1), Public Funding (1), Government Contracts (1), Offshoring and Outsourcing (1), Criminal Law (1), Contracts (1), Corporate Law (1), Finance and Securities Law (1), Direct Marketing (1), Viral Marketing (1), Commodity Markets (1), Hedge Funds (1), Option Markets (1), Non-profit Fundraising (1), Packaging and Labeling (1), Individual Insurance (1), Personal Debt Management (1), Personal Real Estate (1), Industrial Design (1), Product Design (1), Pricing (1), Positioning (1), Business Plans (1), Green Business (1), Telecommunications (1)
It is extremely important and something which latterly has become severely lacking if not downright bad. This is one of my pet peeves.
There seems to be a current but simply awful fad of:
- using overly-fancy font faces,
- using font sizes which are too small,
- using gray (or pastel) colored font instead of pure black-on-white (or pale yellow),
- using light-colored font on dark backgrounds (reverse font, often with the font color nowhere near light enough to allow for adequate contrast).
These all make the content more difficult to read, and they are contrary to all long-known knowledge about clear font visibility.
William F
Experienced startup marketing and business development executive, market strategist, technologist, and investor
I recently had a client that we did a website for that was very unhappy with the overall look. By simply changing the font and adding some font treatment/typography, we completely changed the look and the client was extremely happy.
Based on this interaction, I think it's critically important, and something many of us in the graphic world tend to skip over.
Greg A. W
Senior Partner at Planix, Inc., and an owner of Planix, Inc.
Best Answers in: E-Commerce (2), Enterprise Software (1), Computers and Software (1), Information Security (1), Telecommunications (1)
I mostly agree with the answer given by Frank. The important thing about typography in web site design is to leave it out! I.e. leave it to the browser user.
This is a _browser_ and _user_ issue, NOT a web site design issue!
The best you should ever do in a web site is to _suggest_ style, colour and size.
Remember, you have no idea at all what type of device and/or display the user might be using. They may be visually impaired and might be using special displays or even text-to-speech software. I want different font faces and sizes on my PDA or cell phone than I do on my laptop, and yet different settings again on my desk top screen and yet different settings on my living room TV screen.
The WWW is _not_ a print medium! The viewer's perception is not static across devices or even across people.
Dave M
Dave attracts more trade show attendees to your booth than any other traffic builder ★ DaveMaskin@yahoo.com LION
Best Answers in: Using LinkedIn (66), Government Policy (4), Staffing and Recruiting (4), Business Development (4), Organizational Development (4), Professional Networking (4), Customer Service (3), Education and Schools (3), Mentoring (3), Treaties, Agreements and Organizations (3), Advertising (3), Internet Marketing (3), Business Plans (3), Energy and Development (3), Business Dining and Entertainment (2), Event Marketing and Promotions (2), Conference Planning (2), Public Funding (2), Personnel Policies (2), Internationalization and Localization (2), Sales Techniques (2), Search Marketing (2), Writing and Editing (2), Project Management (2), Career Management (2), Ethics (2), Web Development (2), Facilities Management (1), Regulation and Compliance (1), Air Travel (1), Job Search (1), Financial Regulation (1), Compensation and Benefits (1), Exporting/Importing (1), Criminal Law (1), Corporate Law (1), Finance and Securities Law (1), Property Law (1), Events Marketing (1), Mobile Marketing (1), Lead Generation (1), Business Analytics (1), Change Management (1), Social Enterpreneurship (1), Manufacturing (1), Quality Management and Standards (1), Professional Books and Resources (1), Communication and Public Speaking (1), Small Business (1), Green Business (1), Green Products (1), Biotech (1), E-Commerce (1)
Keep it simple, without overly fancy fonts that tend to distract from your product or service...
Typography is germane to any medium that presents text - the web no more or less so. Of course it brings a variety of new concerns but many of the traditional concerns of print typography are still present and valid. For example, a typographic function critical to the web is the establishment of importance hierarchies (e.g. headings); and general legibility concerns follow the same principles (size, contrast, typeface choice, etc). Microsoft, for all its faults and missteps, does have typographic expertise in house which you may be able to draw upon. The types of studies you mention have probably been made there.
Michael E
VP Product & Business Development at UHaveAudio
Best Answers in: Staffing and Recruiting (1), Internet Marketing (1), Sales Techniques (1)
The only way you can guarantee that your typography will be maintained in the viewers browser is to make the type an image. But then it loses all the benefits of being text (compatiblity, searchability....).
Who are you developing your site for? the viewer or someone else (investor, you, grandma, ????).
Knowing who you're developing your site for, and why they are visiting your site in the first place, will help narrow this down.
Knowing what you want the viewer to do upon visiting your site will help even more.
Do you want them to read text, or do you want them to DO SOMETHING (e.g. call you, email you, etc.).
good luck.
Kristine S
CEO/Consultant at SitesWithoutWalls.com specializing in SEO (M), Accessibility, Website Design & Usability | Las Vegas
Best Answers in: Web Development (6), Internet Marketing (3), Search Marketing (3), Graphic Design (2), Education and Schools (1), Starting Up (1)
I come to this from two directions - one as a web designer and two as a PhD in Sociology. I say there are two aspects of typography, one which has been covered and one which has not. I agree with those here who say it is important because of its contribution to the design as a whole, but there is a second aspect and that is typography contains an emotional component. It symbolically conveys concepts such as trust, fun, sophistication, energy, etc etc. Typography to me is as important an element in design as photographs or imagery - it is just a much more subtle conveyer of the design and your image. Typography is cultural and by understanding this you can better represent your idea. Just my opinion of course.
One important thing which was mentioned just between the lines and you need to read the answers carefully here is the aspect of how fast and confortably is the user able to read the text.
Long time ago I passed the course which was dealing with the reading skills and getting the informations from test as fast as possible. One thing which matters most is the typography in this case. The letters shouldn't be to big, but not to small, the text and backgournd coller is also very important the light gray background and black text is most confportable for the eyes(white is two shiny and the eyes get tierd soon). So when designing the web page with lot of text, try to read it on the end of the they, if you are able to do that and your eyes doesn't get tiered then it's OK.
Links:
Clarification added 8 months ago:
I add just link which can show you some ideas about what I said. If you will searche for fast (speed of) reading and typograhpy you will got definitly somemore good ideas.
Christophe Peyras linked a great article with a lot of links at the end and a follow up article, so I won't add any more there. But a while back I heard a little story that sums this up very well.
As a designer refines, and refines, and refines - doing everything he/she can to make things more usable/understandable/effective it's more likely that things will be removed than added. What's left has a little more power and beauty... Until one day you can't take anything more away! You may never get to that ultimate point with a design, but all that would be left would be the type and it's color.
Cheesy? Extremely. But I think that does a good job of showing the two most important things in design are type and color choices. Which, unfortunately, are probably the least thought about things with most designers.
Hope that helps,
Dan
