No wonder words are the heart of the any web application but choosing right words and right typography is very important.

Typography is the first impression

Typography is the body language and first impression of your website. It gives the feel and voice to the website. Below is the simple example :

Bad                            Good

So make sure you style and design you webpage properly.Don’t forget the power of the white space and alignment.

User reads very less

Before we move on to the styling and fonts, lets try to understand how much user reads. A normal user can read 250 words per minute which means users can read 18 words in 4.4 seconds.

A study in 2008 conducted by Herzlich willkommen and Jakob Nielson and they come to the conclusion that user reads only 20% of the text on web page. This analysis was done on 45,237 page views with words length varies from 30 – 1,250 words for 25 different users.

Conclusion:  Users reads about 20% of the text on the web page.

Choose your words carefully

Now that we know less words makes more sense, so choose your words carefully.

Think of the way you want to present story to someone. The first thing that will come to your mind is that it should appealing and engaging. To do that you should arrange you words in such a way that it will excite someone from the first word.

 

Readability and comprehension

Readability is also the key factor that engage the user. It mainly depends on the four things:

• Font size
• Font type
• Age of the reader
• Line spacing

 

 

What is mobile first designs?

Mobile first is the strategy or approach of making web pages (application) works with best usability, perfect functionality and visually attractive on mobile (small screens) as a first step.

 

What is difference between mobile and desktop when designing user experience?

	Desktop	Mobile
Space	More Space	Less Space
Internet connection	Trouble free, more stable	Less stable, more trouble
Time	User have time	User is always in hurry
Screen	Fixed	Flipping
Call to action buttons	Vary in size	Big enough to be touched with thumb or finger

 

Tips for Mobile first design

1. Forget the existing desktop environment.

If you are starting with a new project, forget everything about desktop. Only think of the small screen, less resources, less space and most important content.

2. Draw user flow

Identify the key steps of the application and draw the user flow out of it.

 

3. Identify the key content

Mobile first is also understanding of the key content of the application. Limitation of the size and need of bigger font size forces you to choose the most important content.

4. Draw your ideas on paper

Experiment your ideas by drawing it on paper. Drawing on paper is the best way to find the right solution soon.

5. Use meaningful icons

Icons are most important thing in the mobile design. Choose your icons wisely and be consistent though out your application. Make sure you are using the standard icons like remove as bin icon, cancel as close icon.

6. Provide notification (feedback)

Always provide user with the feedback if something is going wrong. Lets say internet connection is lost. Let the user aware of it. Providing user constant feedback not only prevent their time but they will also trust you more.