Here is why font choice is important for your website!

 

 

It’s called typography. The art and technique of arranging type to make written language readable and appealing. Dated back to the early 17th century it has been used in many countries by many languages for many reasons. You see it everywhere you look; magazines, billboards, books, on your cell phone, in your mail, on your box of cereal, stitched into your favorite jacket, on a website.

Typography and the font-faces we choose have a huge impact on multiple aspects of our website including readability, mood, perceived article length, user experience and much, much more. In order to properly portray the vision and mood of the website, it is essential that website designers know and understand the different principles (source: webinsation).

So… let’s talk about first impression. First impressions are lasting impressions. Whether we are talking about shaking someones hand, greeting them on a phone call, or an individual visiting your website. Something you may not realize is that typography helps to create an experience on a website before the visitors ever even click a button or read a word. The treatment of type creates an atmosphere and elicits a response much the same way as tone of voice does (source: smashing magazine). In saying that, typography can be said to establish the personality of the website.

Take the example of a resume. If you were an employer, which candidate would you be more likely to pass on for an interview?

Candidate A:

Screen Shot 2015-04-30 at 3.49.27 PM

OR

Candidate B:

Screen Shot 2015-05-01 at 11.24.54 AM

Based on the look and feel of even the very first sentence of their resume you are most likely going to go with candidate B. The clean and clear font looks professional and conveys a distinguished mood helping you to feel the credibility behind their voice.

Let’s take an example of a logo. Imagine you find yourself unfortunately in need of a lawyer. Would you rather…

Candidate A:

Screen Shot 2015-04-30 at 4.21.57 PM

OR

Candidate B:

Screen Shot 2015-04-30 at 4.21.23 PM

 

Most likely if you’re seeking someone to represent you in a court of law you’re going to want someone who looks like they know what their doing. Something as simple as the typeface of a logo can be the deciding factor between two potential candidates.

Alright, so we based on the two above examples we know that typography is very influential, but let’s talk again about your website. When potential clients first lay eyes on your page, you want to give the best first impression possible by setting the tone. Check out this College Humor video on how fonts give personality:

 

 

Anyways, one thing to keep in mind when choosing a font is legibility. And with the evolution of multiple device viewing, you’re going to want your webpage to look the same across all tablets, PCs, Macs, iPhones, etc. In other words, you’re going to want the fonts on your website to be responsive no matter which device it is being viewed on.

Traditionally, below is a list of fonts that are widely known as “web safe” because you can use them without embedding a font code in CSS.

Serif Fonts  

Screen Shot 2015-05-01 at 9.53.12 AM


Sans-Serif Fonts

Screen Shot 2015-05-01 at 9.53.25 AM

Monospace Fonts
Screen Shot 2015-05-01 at 9.53.35 AM

In conclusion, when picking out a font for you website it can be quite overwhelming. You want something interesting and detailed that gives you credibility while still being edgy and hip. Be on the lookout for the things mentioned in this post (legible, responsive, etc), and remember the list of traditional fonts above as a safe zone when you’re not exactly sure what may or may not work for you.

Check out this article for more information: Web Font Typography

 

The Importance of a Responsive Website

Responsive Web Design- You’ve heard it in conversation, you’ve read it on social media, you’ve seen it on TV. You understand that it is relevant, but you’re not entirely sure what it means….

Simply put.. responsive websites “RESPOND” to their environment. It doesn’t matter the user is on an iPhone or Android, Tablet or Laptop, Chrome or Firefox; responsive websites adapt to the device they are being displayed on.

Responsive-websites

Here are 7 Reasons You Need a Responsive Website

1. Mobile phone usage-

How many people do you know that can’t be without their phone? Mobile phone usage is increasing dramatically daily and it doesn’t look like it’s going to slow down anytime soon. What does this mean for your website? Advice Media states that more than 55% of your website visitors access your site from a mobile device. So.. if your website isn’t responsive, you’re losing out on a huge potential market. Check these stats out;

-It is estimated that by 2017 more than 5 billion people will use mobile phones.
-More than 20 percent of Google searches are now being performed on some sort of mobile device.
-25 percent of Internet users only access the internet via a mobile device in the U.S.


2. Maintenance-

If your website isn’t responsive, you are likely to have two different URL’s; One for your mobile version, and one for your desktop version. So why does that matter? With two URL’s for both versions of your site, you now have to run TWO SEO campaigns= your now spending twice the amount of time AND twice the amount of money to update your site.


3. Search Engine Optimization-

Google has said that it ranks sites optimized for mobile, higher in mobile searches (seo-hacker). Additionally, your “link building game” will get stronger if you only have one URL to direct all of your incoming traffic to…boosting overall views on your site and likely increasing your sales.

“If the customer engagement features of your website are not proper and users are leaving your page after a few clicks then the Big G or Google as we know him is going to decrease your rating due to an increased bounce rate.” A reduction of your rating means that you will go down in appearance preference and this will reduce the traffic of potential customers in your site. (Website Magazine)


4. Positive User Experience-

How? Well, when someone accesses a responsive site from their mobile device the user doesn’t have to fool around with zooming and shrinking the text or images on screen. Instead, all of the content automatically adjusts to the screen of the device… making it convenient for all users to read and navigate through (Huffington Post).

Why is this important? According to Google’s Think Insights on Mobile, if someone is accessing your website unsuccessfully and starts to get frustrated there is a 61 percent chance they will leave and head to another website. Additionally, 48 percent of users stated that a poor website comes across as the company not having much care for their business.

“If your navigation menu or company message is not clear, concise, and fast-loading on a smartphone; you may be losing clients, trust, credibility and money.” 


5. Performance-

Having a content first strategy, respects your clients/users time and attention.” (Hyperarts)

Responsive web design is all about a “content first” strategy. That basically means that the information on your site needs to quickly load so that users can reap the benefits of your business straight away. Design of your website is no longer solely about decoration.. you need performance.


6. Google Told You To-

In 2013, Google claimed 67 percent of the search market share, making it the most popular search engine in the world (Huffington Post). And guess what? If that 67 percent share holder is telling you that responsive web design is HIGHLY recommended… I wouldn’t take it lightly.

For more information on why it is important for Google, check out this article: http://engage.synecoretech.com/marketing-technology-for-growth/bid/204425/Why-Google-Recommends-Responsive-Web-Design


7. Looks Awesome
 –

Like seriously…. If you want to see some examples..

Check this site out: 50 Awesome Responsive Website Designs