Footers are often ignored when designing pages. But it is also one of the most important positions on the page. As with all parts of the page, design and usability must be good. Fortunately, this can be easily done with divi. This article introduces five tips for creating user-friendly divi footnotes. Five tips for creating user-friendly divi footnotes 1. Include the main elements the first trick to creating a user-friendly divi footnote is to include the main elements. Each footnote requires several basic elements. I split them into five categories, each with multiple options. It is recommended to use up to one or two in each category. Some elements, such as links, can contain one or two sets of elements. The fewer elements you use, the better. This helps keep the footer small and tidy.
Some tips for each category are: Use the free divi header and footer layout template example. You can search and find \
When both provide the same information, it is recommended to use icons instead of words. For example, use the twitter icon instead of spelling the word twitter. Instead of spelling the customer’s name, display the logo. Add the name to the replacement text and add it as hover tool tips. The required action footer can become a valuable conversion space. The little click guide in the footer may be the last chance to get a response from the visitor. Include a click to induce copy, such as e-mail subscription form, button to connect to the store, donation box, etc. It must be distinguished from everything else and easy to understand.
In this example, the CTA is added to the top of the footnote with a headline, a short description, and style buttons. The link must include information page, contact page, company information, team members, legal information and other pages. You can also include links to the latest or most popular products, recommended posts, and so on. In this example, you will add two columns that contain links to the service. And resources. Another important type of link is social media. Include icons for each social network to make it clear to visitors. Can be large or small. In this case, place it at the bottom.
Basic contact information maleprovides the most easily contacted basic contact information. This may include e-mail, addresses, phone numbers, or small query forms. For more information, please link to the contact page. In this example, the information is added as text under the company information. Company information androg company information includes mission statement, links to team members, copyright marks and information used in cookies. The copyright mark is usually at the bottom, including the company name and year. You can spell the word \
In this example, add a small paragraph with company information in the prominent area of the footnote. Copyright is at the bottom, minimized. 2. The second trick to creating a user-friendly divi footnote is to use a simpler version of the element. Keeping all designs simple is a good general rule, but it is more important in footnotes. Prevent the footer from looking disorganized
This is important. Please use a simpler version of the element than in the body of the site. This example shows simplified elements in separate areas that have a lot of space for each other.
Please use as few fields as possible instead of a multi question query form. For task examples, do not include more detailed examples. Instead, use small images and short sentences or headings. For click to induce copywriting, please use the button with short sentence or title. Use a lot of white space between elements to keep them clean and beautiful. 3. Integrated theme design the third skill of creating a user-friendly divi footer is integrated theme design. The footer must look like it’s on the site. The bottom should not look like a box with a label. Design. At the same time, it should be simple and easy to use. This is usually achieved with darker colors, fewer colors, and simpler designs. You can also use different background colors for different parts of footnotes.
Use the divi theme builder to create a global footer and use the design elements of the website. Please use the same color, font, button, etc. This example shows the footer of the last image opened in the divi theme builder. To make the footer different from the website, you can use smaller fonts and buttons, and use darker colors. For fonts, please use Saint selif and lighter weight. Footer design does not have to be separated from the rest of the page, but this is a consideration in website design. 4. Confirm comparison the fourth skill of creating a user-friendly divi footer is to use good comparison. Less important elements may be smaller and less contrast than the rest of the site. Perfect for the element at the bottom of the footnote. This will tell visitors that they don’t have to focus every time they view the page.
For example, the bottom line containing copyright information may be the lowest contrast to avoid being scattered in the rest of the footer. However, the comparison of footer should still be designed considering usability. You can use online tools such as webaim contract checker to test the color. Enter the color you are using to get a score and provide effective reasons or suggestions for improvement. 5. Confirm all screen sizes. The fifth skill in making user-friendly divi footer is to confirm whether it is reactive. Like the rest of the site, the footer must be reactive. Test on as many devices and screen sizes as possible. All elements must be readable and usable by all devices.
Male divi builder contains settings that can be easily resized according to the device type. Select the device icon to adjust the desktop, tablet and mobile versions of the website respectively. Control the down jacket, font size, icon size, etc. of each device. If you do not adjust your tablet and phone, follow the desktop size. End thinking about creating user-friendly footnotes on divi. Divi is five tips for creating user-friendly footnotes. In the footnote, the core of everything is to keep it simple. Use simplified versions of page elements, such as smaller forms, simpler CTAs. Use colors, fonts, and graphics that match your site. Separate elements to provide enough space. This tip helps create user-friendly divi footnotes to help you achieve your site’s goals.
We’d like to hear your opinion. Do you have any tips for creating user-friendly divi footnotes? Please tell me your opinion.
