Tag Archives: online

The Rules of Responsive Web Typography

typography

Have you ever seen a text in a website that is easy for you to read that does not tire your eyes when reading it? If you have, then you have seen an art called Typography. What is typography? What kind of typography that is properly arranged?

The right kind of Typography
For a web designer, typography is the art of their design works. It is the science about the appearance of text. The purpose is to not only make the words look attractive enough to draw a conversation, but also helps text fulfill its purpose of communication. Therefore, to fulfill this purpose, the typography should convey appropriate emotion, so that a text can be easy to read. Then, how do we create a text that embodies emotion, yet easy to read?

Here are several factors you might need to know:

The Art of Readable Text
No other words can beat the art of readable text, and a readable text means getting the right size for the font, leading and measure.

You can use the following guidelines to ensure you have the right size as mentioned above:

  • Make sure it is easy to read
  • Set the line-height, the font-size, and the text width (typesetting)
  • Begin typesetting with a page that contains users’ needed information
  • The page should contain multiple elements, such as h1, h2, h3, body text and captions
  • Estimate the distance between readers’ eyes and the screen for different devices
  • Once everything is settled, start by selecting font-size
  • Measure the line-height
  • Test your typesetting choices with your audience
  • Make sure everything is right and suitable
  • Continue setting the sizes of other elements after finishing with typesetting the body text.

While getting the best result for the typography is important, it doesn’t mean it has to be perfect. Just do the best to convey your passion in your work.

Typesetting Other Elements
If you happen to choose the font-size for elements like h1 and h2 visually, you may need to reconsider it for these scales can’t be directly used for the web because they are built for print design. Therefore, you can use a modular scale. Construct it with the body test you’ve decided on and multiply it by a ratio numerous times until you get a scale. After constructing the modular scale, you can typeset the rest of your elements, picking a number from the scale as your font-size; then do the same process for the leading and measure setting, until you get a balance of readable elements.

Vertical Rhythm
Next, arrange the individual elements using a technique called vertical rhythm. In order for one element to flow harmoniously into the next, we need to adjust the thing that joins them up: the white space. This white space should be large enough to distinguish one element from another, but it should be small enough, so that the flow isn’t broken.

In order to get enough white space, you can use a multiple of the line-height value of your body text because we naturally recognize white space patterns within text. You can set the white space between elements to a multiple of the base line-height, and set the line-height of all other elements to a multiple of the base line-height to use the right vertical rhythm. Values like 0.5x and 1.25x of the base line-height can give you more flexibility.

Baseline grid, yes or no?
Where there is vertical rhythm, there is the concept of a baseline grid inevitably comes into the picture. Although it is helpful, it can be difficult to get the right vertical rhythm for beginners. Baseline grids can’t work perfectly on the web because the math in typography contains subpixels (like 24.8px) and the subpixels are handled differently.

Typography for Multiple Screens
There are three things needed from a design perspective. First, the distance between a user’s eyes and their screens are different depending on the device used for that. The larger and the wider the screen and the device, the more you need for the font sizes. Second, you need consistency in the proportions between the body text and other elements. When you increase the body text size, you have to increase the sizes of all elements as well. Third, you should increase the font-size of specific elements through picking a different number from the modular scale to control the visual hierarchy.

That’s all you need to learn! To sum it up, typography is the art of making a grandiose website that will not only make people effortlessly understand the texts, but also creatively convey the passion in creating it.

4 Tips E-Commerce Companies Should Do to Improve Revenue

5 Tips E-Commerce Companies Should Do to Improve Revenue

Are you struggling with your E-commerce sites? If yes, this is maybe because you don’t know what to do with your E-commerce. Fortunately, SEO can be a powerful tool for your E-commerce. In the tips below, you will see 4 ways to double or even triple your revenue by attracting more organic search traffic. If you are marketers or people who work in SEO service. This article is certainly for you.

  1. Successful e-commerce companies use search & analytics data to inform their strategy.

Every successful e-commerce company knows that data is king. Therefore, many successful e-commerce websites will conduct research to collect information about what people are searching for on Google by carefully studying search terms, phrases and keywords.

To analyze the data, marketers or SEO analyst can use tools like SEMrush to measure conversion percentages and market share by category and sub-category. The acquired information will give a realistic picture of where the company stands, how well they’re doing, where opportunities lie to increase market share, and what segment they should focus on. In the end, data is aimed to help increasing sales and revenues.

  1. Their Information Architecture and Website Structure is Customer-Focused

Another key to improve you revenue is to always serve on what customers want. You can discover your customer’s intent by using search data from Google. Then identify frequently asked questions and solutions that customers are searching for.

The website of a successful e-commerce company doesn’t mirror its organizational structure. Instead, the focus is on what customer want. Using search data from Google to uncover user intent, smart marketers first identify frequently asked questions and solutions that customers are searching for. A customer-oriented information architecture which is effective and easy to navigate can be a solution.

  1. Their Content Strategy is Based on Search Data

In terms of creating content, Leaders of successful e-commerce will always produce content that matters to their customers. So, it will be good if SEO consultants and content producers work together in deciding what kind of content that impacts sales or build long-term relationships.

  1. They Solve Critical Problems Early in the Planning Phase

Having bad planning will caught you in a nightmare, therefore proper planning and preparation lets the high performers issue suitable instructions to developers, which results in better website coding that won’t have to be completely redone later if problems arise.

How to Retain your Brand Message from Being Hijacked by Surrounding Content

How to Retain your Brand Message from Being Hijacked by Surrounding Content

Whether you are offline or online marketer, the term of “brand safety” is still in the top of mind for all marketers and advertisers.  In fact, brand safety should also be understood by people who work in SEO service as it relates with the way you convey your content. There are several questions that you can ask before providing brand in your content. These questions relate to how they protect their brands and still keeping their brands point of view.

  1. What measures are being taken to ensure safe contexts?

Your agencies who make decision about the brands should understand that slavish adherence to a singular metric like CPC or CPA will cause long-term brand damage.

In this case, your brands should be able to communicate very well with the agencies. This will make sure that the ads are and will be placed into safe contexts. Moreover, “contexts” here will consider where the ad will be placed and what else appears on that page. To deliver a sound strategy and game plan, you can put it directly on the agency. Then, push them to create some kind of crisis plan in the event something bad arises.

  1. Employ a Context Marketing Strategy

Creating a context doesn’t mean that you create a whole bunch of text. But, a good brand should ensure that they are clear on their ideal behaviors. In the other words, they should seek to manage all aspects of their communication. This is why all brands should have a context marketing strategy. For instances, even though, your brand may attract lots of consumers, but sometimes this is not the context you want your message to be received in.

  1. Is the Brand’s Message Truly at the Right Outlet?

In marketing 101, you are dictated that you should always know your target audience and the media that they consume. Sometimes it will require you to repeat this simple logic; however different environments will suit different brands. For example, you cannot sell your obesity product on Mc Donald’s.

Therefore, it is important to match the creativity with the sense and tone of the outlet you’re advertising on. For example, if you put your ads next to ISIS propaganda on YouTube, people would think that the brands are funding terrorism. Therefore, it is better to put away politics in your brand campaign as it will cause big moral dilemmas. In fact, change in political climate will cause consumers to watch brand behavior ever more carefully.