NYX Ditech

Categories
Brand & Identity Design SEO Technology

5 Tips To Improve Website Readability

The copy is the backbone of your website; we all know that. But, do users really read the copy on websites? Do they have an attention span long enough to read all the content you want them to read? The answer is NO! According to past research published by Nielsen Norman Group, 79% of users scan any new page they come across and only 16% of them read word by word. The same holds true today, with users finding time to read only 28% of the copy on an average visit. The human attention span has dropped drastically over the last few decades; today it stands at eight seconds only. Therefore writing an engaging copy to convert your website visitor into a customer is a crucial task, and these tips will surely help you in improving the readability of your website content.

1. Ensure The Perceived Benefit Outweighs The Perceived Cost

Readers always do a cost-benefit analysis before they read anything (unknowingly mostly). They ask themselves two things:

  • How much time and effort would reading this web page take?
  • What useful information/solution will I extract from this web page?

If the perceived benefit outweighs the perceived cost, they read.

Hence, it is essential first to identify your target audience. Everyone has a liking to their own style of writing. But, does that style suits your target audience? Understanding the readability level of your target audience is the primary exercise that you must do before putting your pen to paper. 

One of the effective ways of writing is to use the inverted pyramid style of writing. In this approach, you make your point right up and then go on to explain the specifics. It helps users easily scan the main points and then decide for themselves if they want to go into the details. Further, use contextual headings, subheadings, and keywords in bold so that the user can scan what you are offering. 

The other effective approach is to use the APP (Agree, problem, preview) method. You start with a statement to get the agreement from readers. Once the reader agrees with it, the handshake is made. Then you state the problem and make a promise to solve it. This is where the user is assured of the value from the post. And, then we present a preview of the solution and how it will change things for the better.

2. Use Words That Users Can Comprehend

Users get comfortable with your writing when you filter out unnecessary jargon and trim down on fancy vocabulary. Using words that users can relate to is the key. Readability tests such as Dale-Chall use a list of familiar words to gauge readability. However, in order to use words that your user is familiar with, you have to be familiar with your reader first. Give a little thought to the audience you are writing for, and try to keep your copy in sync with their cultural and educational background for better readability.

3. Use Legible Typography

Copywriters and content specialists cannot do much about visual design. A copy-friendly visual design uses default typefaces, backgrounds, and layouts that improve the legibility of your copy. Use contrasting texts and text hierarchy. The text color should appear distinct against the background. Use headings and subheadings and bullet points to make the copy structured and organized. Shorter sentences and new paragraphs every 3-4 lines would also give your readers some breathing space— it might hook them till the end.

A short line height also increases the horizontal eye movement and exhausts our eyes. Scanning through the text becomes easy with the optimum line length and height. It also makes reading less strenuous for the human eye. Responsive web design takes care of adapting the line length to different device screens. You need not worry about fixing the line length with different screen sizes. Also, it would be best if you avoided smaller fonts as larger fonts are easier to read. The font size ideally should vary between 14 px to 16 px.

4. Follow The SUCCES Principles

Chip Heath, a professor at Stanford Graduate School of Business, and his brother Dan Heath, a Senior Fellow at Duke University’s CASE center, authored a book called ‘Made To Stick. In that book, they summarise conveying impressionable ideas in six principles:

(S) Simplicity: Avoid complexity in the language and structure.

(U) Unexpectedness: Make your copy interesting. Surprises could be interesting bits of information or surprising data, fun facts that are relevant, examples to illustrate.

(C) Concreteness: Be specific with numbers. Use stats and figures. Don’t use vague adjectives and long paragraphs. Listicles are popular for the same reason.

(C) Credibility: Data points and numbers are instinctive to grasp on. The user remembers them more. They also make your copy more credible.

(E) Emotion: Using emotion in your copy is to make it relatable – if readers relate, they remember. But be aware of the dangers of overstating a point.

(S) Story: Stories stick to users. Create stories!

Adding emotion and stories is subjective from copy to copy. Emotional copies may not go down well when what is required is a rational approach. Use these elements with caution, when feasible.

5. Drive Attention Using Images

The more you can break down the text pattern, the easier it is to read. Images are perfect for this. People also “get” visuals much faster than text. Relevant images solve the purpose of storytelling and emotional appeal. Also, images can be used effectively to shift the user’s attention to the copy on web pages. 

Not just images, image captions are scannable elements as well. They are read 50% more than the rest of the copy and have a recall rate of almost 100%. Write your captions to capture interest just as you write headlines to woo the reader.
Readers on the web do have a small attention span, but they read with a purpose. Your copy must be able to extract the purpose effectively to be highly readable. Our experts can guide you more on this topic. Talk to them now!

Read About Copy-First Approach of Designing a Website Here

Categories
Blog

Top 10 Features Of The Latest Photoshop 2020

If you’re a designer, you know how vital is Photoshop for professionally editing pictures. With loads of editing options, Photoshop opens the door to a huge number of image editing possibilities, which can enhance the visual appeal of pictures. The latest version of Adobe’s Photoshop 2020 comes packed with updated, new features to improve your image editing experience. Here’s a list of top 10 features of the latest Photoshop version, in no particular order.

1. Improved ‘Select Subject’

The Select Subject tool has been improved dramatically in terms of accuracy and speed. Users do experience a slow processing speed while using the ‘Select Subject’ tool on older Photoshop versions, like 2018 and 2019 ones. Even in terms of quality, one can clearly spot the low-quality edges, and the selection accuracy was also below par. However, the option is faster, cleaner, and much more accurate in Photoshop 2020.

Photoshop 2020 - Improved Select Subject

2. ‘Object Selection’ tool

The ‘Object Selection’ tool is one of the biggest new features of Photoshop 2020. It is similar to the ‘Select Subject’ option, however, where you get to select the areas you want Photoshop to focus on. Normally, when you use the ‘Subject Selection’ feature, Photoshop scans the entire image and determines everything which it feels is a subject. In many cases, these subjects can be more than one. So, what to do when you wish to select just one subject? That’s when the ‘Object Selection’ option comes to rescue. Navigate to the ‘Quick Selection’ group, click on ‘Object Selection’ and make a selection around the thing that you want to select. You can make a freehand selection, using the Lasso mode, or a rectangular selection, using the rectangle mode.

Photoshop 2020 - Object Selection Tool

3. Pixel layer properties

The Pixel Layer properties have also been greatly improved with a couple of new, essential features. The properties section now has way more information as compared to the previous versions. The Align and Distribute actions, quick actions like Remove Background, and Select Subject are very handy. You can make alignments according to the selection or the canvas.

Photoshop 2020: Pixel Layer Properties

4. Zoom to Layer Content

This feature is very useful, especially when you’re retouching or compositing. As the feature name suggests, it is basically zooming into the layer content. Hold the ‘Alt’ key or the ‘Option’ key and click on the element layer you want to zoom. It will zoom into the selected element, and you can work on the selection. This option not only helps you zoom into the particular layer content but also helps you in smoothly navigating through your image. Even switching from one zoomed element to another gets simplified. Instead of zooming out from one element, then selecting and zooming into the other element, you can simply hold the Alt or Option key and select the particular layer to zoom.

Layered Content

5. Photoshop 2020 – Animated GIF support

When you go to ‘File > Save as’ in Photoshop 2020, it now offers an option of saving your file in an Animated GIF format. The GIF saving options can be customized, as per your convenience. The file is directly saved in .gif format, inside the designated folder, and can be accessed directly. 

Animation GIF Support

6. Photoshop 2020 – Enhanced Transform Warp

The Transform Warp is way more advanced than before. It offers more control and allows you to add control points anywhere, or divide your image with a customizable grid. You can also transform by individual nodes or a larger selection area. You can choose ‘Split Warp Horizontally’ or ‘Split Warp Vertically’ to create a custom grid. It’s way advanced than the older versions.

Wrap

7. The updated Lens Blur

The Lens Blur is now faster than before, uses more GPU, and has a couple of new features, making it easier to work with. The access path is ‘Filter > Blur > Lens Blur’. Once the source is selected, you can enable ‘Set Focal Point’, which will allow you to click and focus on any part of the image. Click on the area, and the area will be focused, with everything else blurred out. The focus and blur can be manually controlled using the ‘Blur Focal Distance’ slider. The Lens Blur is way faster in Photoshop 2020, as compared to the previous versions.

Lens blur

8. The fancy crop tool

If there’s some distraction which we cannot get rid of by using Photoshop tools and features, we simply crop it. The crop tool has been re-designed in the 2020 Photoshop version and looks a bit fancy now. It seems much more refined and futuristic, even as the functionality remains unchanged. 

Crop Tool

9. New Text Layer Properties

A lot of new additions have been made to the text layer properties. It has so many things that the user can control. The Character, Paragraph, Type options, and the new Stylistic Sets option make it much more comprehensive. Also, you can now directly convert your text into a vector with just a click. 

Text Layer Properties

10. Support For Cloud Documents in Photoshop 2020

This is an interesting new feature and can prove very useful when you are traveling, using different computers, or working in a team. Photoshop 2020 supports cloud documents. When you go on to save your file, it will now open a new window, providing you with two options – ‘On your computer’ and ‘Cloud documents’. When the latter is selected, your file is saved as a cloud document on Adobe’s cloud. This will allow you to access the file on different devices, using the cloud. Adobe has also hinted that in future releases you’ll be able to use your files on the cloud to collaborate with others.

Cloud Document

Adobe has always tried to better its products, especially Photoshop, and the latest 2020 version proves it again. With added features and improved functionality, designers have much more freedom to play around with images and bring out the best. If you wish to create stunning graphics, speak to our creative team of designers, and get started.

You might be interested in reading a few tips for effortless UI Design. Read Here

All Picture Courtesy: PiXimperfect