Post by account_disabled on Nov 25, 2023 2:27:27 GMT -5
There are various theories on how to design the layout of content within a web page effectively, in such a way as to guide the user's reading. The “Z Layout” is one of them. Let's see how it works in detail. The theory behind the Z Layout The theory underlying the "Z layout" , also supported by empirical evidence, is very simple and is based on studies done on the movement of the gaze . When we go to read a web page, a press advert, or any other document, our gaze moves from left to right, from the top right corner to the bottom left corner and finally towards the bottom right corner.
Thus drawing a “Z”. Z-layout1 This "Z" therefore Telegram Number Data helps us understand how to arrange the elements within our layout in such a way as to guide and direct the user's reading. We can manage the two extremes of the path by placing the BRAND in position "1" , i.e. the subject who is "speaking", and in position "4" the CALL TO ACTION almost to close the speech, while in position "2" and " 3” we will put all the contents of the conversation that the BRAND is having with its reader and which should lead the latter to carry out the action described in the call to action. Z-layout3 In addition to the arrangement of the elements as described above, it is always good to keep in mind some other suggestions to make this layout effective.
Use a background that contrasts with the color of the content to better focus the movement of the eye; Make sure the logo stands out and is obvious. Set the call to action with bright colors and an "important" size so that it is clearly visible and stands out. In position “2” you can include a graphic element (a smaller call to action for example) that attracts the reader's gaze and invites him to look in that direction after looking at the logo. Examples of Z layouts Below you will find some examples of sites created based on the “Z Layout”. Z-layout6 Z-layout7 Z-layout8 If you want support in designing your site, do not hesitate to contact us at.
Thus drawing a “Z”. Z-layout1 This "Z" therefore Telegram Number Data helps us understand how to arrange the elements within our layout in such a way as to guide and direct the user's reading. We can manage the two extremes of the path by placing the BRAND in position "1" , i.e. the subject who is "speaking", and in position "4" the CALL TO ACTION almost to close the speech, while in position "2" and " 3” we will put all the contents of the conversation that the BRAND is having with its reader and which should lead the latter to carry out the action described in the call to action. Z-layout3 In addition to the arrangement of the elements as described above, it is always good to keep in mind some other suggestions to make this layout effective.
Use a background that contrasts with the color of the content to better focus the movement of the eye; Make sure the logo stands out and is obvious. Set the call to action with bright colors and an "important" size so that it is clearly visible and stands out. In position “2” you can include a graphic element (a smaller call to action for example) that attracts the reader's gaze and invites him to look in that direction after looking at the logo. Examples of Z layouts Below you will find some examples of sites created based on the “Z Layout”. Z-layout6 Z-layout7 Z-layout8 If you want support in designing your site, do not hesitate to contact us at.