Justinmind

BLOG

Expand your prototyping knowledge

Justinmind Survey: What’s the best web font? *The Results*

Justinmind Survey: What’s the best web font? *The Results*


We asked you what’s the best font choice for web and mobile app design? Discover what everyone’s been saying in our survey right here!

Last week’s survey results are in! We’d like to give a big Justinmind shout out to all of you who participated and gave us your insights into the topic. You truly rock!

pie-chart-survey-web-fonts-1

As designer, speaker, and author Elliot Jay Stocks has it, we should be focusing on the key design principles when it comes to fonts and therefore focus on typography.

What is font? As Jen Kim explains in this wonderfully simple and informative Mindgruve article, font is a collection of characters, originating with the use of metal letters, numbers and symbols that were used in hand-set type printers in the 15th century.

And typefaces? As Jen puts it: “Typefaces describe the overall look of the characters contained within the font.”

So when it comes to choosing the right look for the content on your website or mobile app, what’s the best font? As with any other typography project, let’s get back to basics.

Serifs or Sans-Serifs? In terms of web and mobile app design, almost every project uses one of these two options. And according to our survey results, the Sans-Serif fonts are clearly the winning choice.

But don’t take our word for it! Take a look at some of the responses to our survey!

What’s the best type of font for web or mobile app design? Serifs, Sans-Serifs or web fonts?

  • The purpose of the text matters – large walls of text vs labels and titles
  • The most important thing to keep in mind is readability and clear identification on small-screened devices is key
  • It depends on the information provided by the product. It is easier and faster to read serif fonts, which are great for long pieces of information. However, most products don’t give paragraphs of info, so sans-serifs would be the optimal option.
  • The brand of the product or service you’re designing for makes a big difference usually, unless you can build the brand and the other design elements

What’s your favorite font for use in web?

  • Open Sans
  • Roboto
  • Helvetica Nueue
  • San Francisco
  • Gotham

What’s your favorite font for use in mobile app design?

  • Open Sans
  • Roboto
  • Helvetica Nueue
  • San Francisco
  • Calibri
  • Gotham Rounded
  • Brandon Grotesque

Can typography make or break a design?

  • Yes, if the space between the fonts is off, it might break a design.
  • Of course. Different styles of font can enhance or confuse a user’s experience with a product if the font respectively compliments or contrasts the overall design of the product.
  • Yes it can. We deliver an exam and need a readable font.
  • Sure it can break it. Try to put your all your web texts in “comic sans” and ask for opinions.
  • Design is in all elements, you cannot give more importance to one element over another and the typography it’s a key element to transmit feelings and emotions to the visitor. You must be very conscious about which font you’ll choose for each design.
  • Yes absolutely, typography is the heart and soul of a design.
  • Yes, typography is a link in a chain.
  • It sets style and mood for design if project is based on text.

 

And finally, here are some things to take into consideration when choosing a font for your web or mobile app design:

  • Designing for browser? Be careful when picking a risky font when designing browser-based websites. Testing your designs in “live” format is next to impossible, and yes that means you’re not going to be able to evaluate how your type flows from line to line.
  • Hierarchy of elements and whitespace issues. A font may look great when you’re focusing on just that. But what happens when you bring all the other UI elements into play? As Mr Jay Stocks reminds us, fonts can look great when they’re “in a vacuum”, but beware beware the content! Always test your design in its entirety.

 

And what better way to test your design out than with a faithful, low-to-high-fidelity prototyping tool like Justinmind? Download our tool now, you’ll see what we mean.

download-justinmind-prototyping-tool-banner-1

Emily Grace Adiseshiah

About the Author

Emily is Marketing Content Editor at Justinmind

Leave a reply

Your email address will not be published. Required fields are marked *