Blogs - Yes Web Design Studio Latest News 2023

31/05/2023

The Ultimate Guide to On-Page SEO

In today’s digital landscape, On-Page SEO plays a vital role in improving search engine rankings and attracting organic traffic to your website. By optimizing various elements within your web pages, you can enhance their visibility, relevance, and overall user experience. This comprehensive guide will walk you through the key principles and best practices of On-Page SEO, helping you understand how to leverage its power to drive better results. What is On-Page SEO? On-page SEO, also known as on-site SEO, refers to the optimization techniques implemented directly on web pages to improve their visibility and rankings in search engine results. It involves optimizing various elements within a webpage, including content, HTML source code, meta tags, URL structure, and internal linking, among others. The goal of On-Page SEO is to signal to search engines the relevance, quality, and value of a webpage in relation to specific keywords or search queries. By optimizing these on-page elements, websites can improve their chances of ranking higher in search engine results pages (SERPs) and attract targeted organic traffic. Why does On-Page SEO Matter? On-Page SEO is crucial for several reasons. Firstly, it helps search engine crawlers understand the content and context of a webpage, enabling them to index and categorize it appropriately. Secondly, it enhances user experience by providing well-structured, informative, and engaging content that meets the needs of visitors. Additionally, on-page optimization facilitates better navigation within a website, making it easier for users to find relevant information and explore related content. Let’s take a look at 8 on page optimization that will make your site’s SEO up to date. Optimizing Meta Tags One of the fundamental aspects of on-page SEO is optimizing your meta tags. Meta tags, specifically the title tag and meta description, provide search engines with crucial information about your webpage’s content because it serves as a door into your website. You would want to have a label on the door explaining to those who will be opening right? To optimize meta tags for on-page SEO, ensure your focus keyword is included in both the title tag and meta description. Craft compelling, concise, and keyword-rich meta tags that accurately represent your content and entice users to click. Remember to keep the title tag within 60 characters and the meta description within 160 characters to ensure optimal display in search engine results. Keyword Placement in Heading Tags Heading tags (H1, H2, H3, etc.) provide structure and hierarchy to your webpage’s content. Optimizing heading tags with relevant keywords can enhance both user experience and on-page SEO. Include your focus keyword within your H1 tag, as it signals to search engines the primary topic of your page. Additionally, use subheadings (H2, H3, etc.) to further organize your content and include variations of your focus keyword when relevant. However, avoid overstuffing keywords and maintain a natural flow to ensure a positive user experience. Don’t force in similar words. Crafting High-Quality Content Content is king when it comes to on-page SEO. Creating high-quality, informative, and engaging content is …

30/05/2023

Boost Your Local Rankings with Google Maps SEO

As the digital age continues its entrenchment in our society, we now look for everything online. From finding Italian restaurants near me to shoe repair shops near me. Convenience has never been more convenient. This is why every business with physical stores or shops should consider that their companies have an online presence on Google Maps in order to increase your local rankings. Google Maps has become an indispensable part of our lives. Whether we’re planning a road trip or looking for a nearby coffee shop, Google Maps is our go-to navigator. But it’s not just a navigation tool; it has evolved into a powerful marketing platform for businesses that can attract customers. A good online presence on Google Maps reflects various aspects in a brand. If a brand provides in-depth details on who they are, what they do, where they do it by using images of the workplace or the work they do, or by providing links to websites for those who are interested. This reflects to the customers who are searching that not only is the company real and legit, they are serious with what they are doing. Moreover, ratings and comments from users can also enhance how people perceive the brand. Google Maps SEO (Search Engine Optimization) focuses on optimizing a business’s presence on Google Maps to increase its visibility and rank higher in local search results. When a user searches for a specific product or service in their area, Google Maps displays a list of businesses that match their query. If your business isn’t optimized for Google Maps, you could be missing out on a significant number of potential customers as this is a beneficial place for companies to earn visibility and revenue because even if their web pages are not displayed on search index, it will appear on the Google Maps Listing. Let’s take a look at some practices that can be done: Claim and Add Your Business to Google The first step is to add your business listing on Google My Business Listing. Ensure that your listing is accurate, complete, and up to date. Add essential details such as your business name, address, phone number, website, working hours, and a concise business description on what services or products the business offers. Consistent Information Having consistent information about the company like Name, Address, and Phone Number helps customers easily learn who or where the company is. Consistency is crucial when it comes to information across all online platforms. Ensure that your details are consistent across your website, social media profiles, and other online directories. Inconsistent information can confuse both Google and your potential customers, negatively impacting your ranking. Positive Reviews Positive reviews play a significant role in Google Maps SEO. Encourage your satisfied customers to leave reviews on your Google My Business listing. These reviews not only boost your ranking but also act as social proof, influencing other potential customers. Responding to reviews, both positive and negative, shows that you value your customers and their …

29/05/2023

Long-tail Keywords: What is it and how it benefits SEO

There are various methods that site owners use to make their website placed on Search Result Pages, one of the recognised methods that has been popular over the years is keyword clustering. Keyword clustering is a SEO technique used to group words that have similarity to the page gearing to the search intent of users online. There are also types of keywords and one of them is Long-tail Keywords. It is the practice of using a usually long, specific, detailed phrase that has low volume in search that can result in higher conversion rate. Although Long-tail Keywords contain low volumes, its specificity makes it easier for users to find when they search for something in particular that can result in your page ranking high on search results especially small companies that just started doing SEO blogs. Before going into detail of the benefits of utilizing Long-tail Keywords geared for SEO, let’s look at what its meaning and usage is. Head & Long-tail Keywords, What is it? Head Keywords is the main word that drives high search volume, for example SEO is a Head Keyword. It is known to be short and open meaning with high search volumes due to its generality, using words that are searched popularly. Long-tail Keywords on the other hand have low search volume due to uses of more words that explains the search intention in detail using specific words to find the exact item. This graph illustrates the difference between Head & Long-tail Keywords to give a clearer sense of how Long-tail Keywords works: Head Keywords Long-tail Keywords Leather Jacket Vegan Leather Biker Jacket for Men Water Bottle Self Cleaning Glass Water Bottle Coffee Brazil Yellow Bourbon Coffee Tattoo Ideas Small Tattoo Ideas for Women Sleeves Black and White Wooden Frames Oak Wooden Frames For Canvas Prints Headphones Wireless Noise Canceling Headphones for Gaming Examples of Head & Long-tail Keywords Ideas Behind Long-tail Keywords The idea behind long-tail keywords is that, instead of focusing solely on popular and highly competitive keywords (head keywords), businesses or content creators can target less frequently searched, more specific phrases that are highly relevant to their niche audience using Long-tail Keywords. These longer, more detailed keywords may have lower search volumes individually, but they can add up to a significant amount of traffic when combined together. By targeting long-tail keywords, we can increase the chances of ranking higher in search engine results pages (SERPs) for these specific terms since there is less competition. This approach can also help attract more qualified traffic to a website, as users who search for longer, more specific phrases are often further along in the buying cycle and more likely to convert. How to Find Long-tail Keywords There are many tools that offer Long-tail Keywords and find the ones that suit best with your site. However, for starting you can use Google SERPs in ‘Related Search’. It is located at the bottom of the Google Search Results. For example if you search the word ‘leather jacket’, …

26/05/2023

5 Strategies to Improve Blogging for SEO

In a digital age where everything costs, getting to the top of the search engine list also comes with an inevitable price. In light of this, Blogging for SEO was created and has been widely adopted. In order to secure the highest spot on the search list (second to paid ads), everyone’s competing to get that “high rank organic search” without needing to pay for ads. Tools and techniques have been applied to the process of creating blogs that not only provide valuable information, but also have to increase visibility and traffic to the website. There are a wide variety of techniques that are used for SEO but this article will focus mainly on 6 strategies to improve blogging for SEO. Blogging for SEO, Why? Blogging is an integral part of an effective SEO strategy. It allows you to create fresh and optimized content, target relevant keywords, increase organic traffic, enhance internal linking, establish authority, amplify through social media, and attract valuable backlinks. By investing in a consistent and quality blogging effort, you can boost your website’s visibility, attract more visitors, and ultimately improve your search engine rankings. On-Page On-Page SEO is the strategy that focuses on optimizing elements of a website, both front-end and back-end that affects search engines. Some of the strategies used are: Keyword Research Using keyword research to increase the chance of getting displayed on the search list is one of the important things in getting rank higher on search engines and also get more search engine traffics and the how-to is to use tools that are provided by companies such as Google Ads, Semrush, WordStream. To understand how Google SE (Search Engine) works we need to understand that Google SE uses keywords as one of the elements to check whether the page matches what users search. If the engine thinks that the page content is relevant and could be useful, it will be displayed at a higher search rankings. There are other elements that Google uses to determine whether the content suits the user’s intent, which we will discuss later. The steps in using keywords in blogging go like this: 1. Find a Topic To Write About: The first step in learning how to use the keyword planner tools is by inserting keywords and finding what users are searching and selecting a topic that has high search volumes e.g. web design or SEO. 2. Come Up With a Title: After getting the topic, start writing a title that includes keywords that have mid to high volumes. The reason why we use some mid volumes keywords is because there are chances that those keywords will grow, meaning that users may be searching more in the future. Now, let’s look at how to execute a title that will rank high in the search list. Executing Blog Titles Right Title is the first thing in a blog that users will see and it is a crucial piece that decides whether the users will click or not, but …

25/05/2023

What is YMYL page and Why Google Prioritizes it in SEO

Google has continuously been updating their search engine algorithm to ensure the best results based on what users searched for. With many factors to measure if a website is qualified or suitable to be on the SERPs when you search for something. There are many techniques but if you are a website owner, you may have heard the term YMYL pages. YMYL stands for Your Money Your Life. They are pages that Google considers to have a serious impact on the user’s health, happiness, safety, or financial stability. In this blog, we will explore what YMYL pages are and how they can impact your website’s SEO. What are YMYL pages? First, we need to understand what YMYL is and how Google categorizes YMYL pages. YMYL pages are web pages that contain information that can directly affect a user’s health, happiness, safety, or financial stability. These pages are usually related to topics concerning: However, every page with these contents will pass through to Google Search Results. Websites that are newly established will need to be patient and slowly begin the process of gaining authority and SEO history in order to be recognized by Google’s Search Engines. These pages require a high level of expertise and trustworthiness from the website owners and their content creators. Google considers YMYL pages to be very important and they are held to a higher standard than other types of pages. This is because the information on these pages are considered to have high-quality that can have a significant impact on the real world. As a result, Google holds YMYL pages to a higher standard when it comes to ranking them in search engine results pages (SERPs). Why are YMYL pages important for SEO? YMYL pages are important for SEO because Google holds them to a higher standard than other types of pages. This means that YMYL pages require a higher level of experience, expertise, authoritativeness, and trustworthiness (E-E-A-T) than other pages. Therefore, it is crucial to have high-quality content on these pages to rank well in SERPs. Google’s algorithms aim to provide users with the most accurate, relevant, and trustworthy information possible. In other words, Google wants to make sure that users are getting the best possible results for their searches. As a result, Google has developed algorithms that take into account the expertise, authoritativeness, and trustworthiness of a website’s content. This is especially important for YMYL pages, where the stakes are higher, and users are looking for reliable information. So, how can you optimize your YMYL pages for SEO? Let’s take a closer look at some Google’s YMYL guidelines: Credentials Credentials of the author comes after before anything because when a user browses your site, the first thing that they will see is who wrote the content. What they will have in mind is ‘Who is this guy?’ and the next possible thought is ‘Is this guy qualified to answer my concern?’ Provide high-quality & authoritative content It’s essential that your YMYL pages contain accurate, …

24/05/2023

What is Google’s EEAT and how it helps SEO

When you search something on Google for plants that can survive hot weather, it’s not random pages that have the exact words that you are looking for, there are many criteria that Google utilizes to justify if the content is best for you or not. The website that appears on your search results should be from someone who knows about plants or studies about it. It would not benefit both users and Google if a site that has no qualification appears at the top of the search list providing false information or not backed with research. One of the tools that Google uses is called EEAT. Let’s take a look at what it is and how Google uses it to determine whether a website passes the EEAT tool. What is EEAT? How does it help SEO? When you search something on Google, it’s not random pages that have exact words that you are looking for, there are many criteria to justify if the content is best for you and one of them is EEAT. EEAT is a factor created by Google as a standard for if the website is qualified to be displayed in search results or not. By focusing on EEAT, you can improve the overall quality of your website as well as help boost page rankings in Google search results. However, it’s important to note that EEAT is just one of many factors that Google uses to evaluate web pages, so it should be part of a broader SEO strategy that includes other tactics such as keyword research, content optimization, and other technical SEO. Google just announced a new E factor from its E-A-T and here is what Google’s E-E-A-T stands for: Experience Experience comes from site that provides unique, hands-on, authentic experience on that topic will likely be shown in the index. It may suggest that the writer may have tested or experienced that topic with personal opinion or with insights therefore having a good chance that it will help users. An example of this criteria is a post review of a product or a hotel. If a user is looking for a review for a certain hotel, having unique experiences may give you a higher chance to be on the search index. Or if a student is looking up how life in a certain university is like, pages that share experiences of being a student at that college are likely to appear on Search Result Pages. Here is a search result when asked about life at University of Adelaide. The first one that comes up is a website where students there write down brief reviews on classes taught and life in general. Expertise Expertise determines the knowledge of the writer or credentials of the content. Google’s Search Quality determines whether the author is qualified for that topic or not. What it means is that you don’t want someone who has no degree or certification on medical services to be giving you advice on what pills you …

23/05/2023

5 Reasons Why Mobile First Design is Critical in 2023

Within these few decades, the Internet has become a part of our daily lives and it is deeply ingrained into what and how we do things. Before, the internet was used by governments to share information across devices using the same network. Now, it cannot be denied that the internet is used to do everything. From buying groceries, real-time messaging, to working and studying online. What is more convenient is browsing the internet using a smartphone. We carry it with us everywhere we go. That is why over 90% of internet users access the internet via smartphones. When we want to know things, we use the internet. When we want to stream videos, we use the internet. Browsing the internet has never been easier and to take advantage of how many users visited sites from this tiny device, applying Mobile First Design approach is critical in 2023 and here are 5 reasons why: What is Mobile First Design? Mobile-first design recognizes the shift in user behavior towards mobile devices as the primary means of accessing the internet. By starting the design process with a focus on mobile, designers ensure that the user experience is optimized for smaller screens, touch interactions, and varying connectivity speeds. This approach forces designers to prioritize essential content and functionality, resulting in streamlined and user-centric designs. Why Mobile First? One of the key principles of mobile-first design is responsive design. This means that the design should adapt and respond gracefully to different screen sizes and orientations, providing a consistent and intuitive experience across devices. By designing for the constraints of mobile devices first, designers can avoid the common pitfall of trying to fit a large-screen experience onto a smaller screen, which often leads to cluttered and confusing interfaces. Google Index + Visibility in SERPs The first reason is about the search engine itself, Google. As we know, Google made mobile-first indexing as a default, which means that Google tools such as PageSpeed will analyze and prioritize a mobile-friendly website and index first. This is why Mobile First Design should be something that is taken into account that it should deliver a good impression towards users as well as SEO efforts. In 2023 where the SEO game is highly competitive, the first and most important reason for asking how mobile first design helps with SEO is to make your website mobile-friendly. Another reason following from the previous one saying that Google made mobile-first as a default in choosing what to put on is doing mobile-first design helps improve visibility on Search Engine Result Pages. Every website would certainly want to be on the search list when users search on Google and one thing that can help is to approach mobile design first. Mobile Usage + Ease of Access Another clear reason why Mobile First design plays an extremely huge role in contributing in 2023 is because of how many people browse the internet via mobile devices. As mentioned in the introduction, over 90% of the internet users …

22/05/2023

How to Improve 6 Key Factors in Google PageSpeed

Website speed is one of the crucial aspects of user experience, and it directly affects website traffic, engagement, and conversion rates. If loading a website takes more than 5 seconds, it is likely that users will take some action because the wait is too long. Some may decide to abandon that website and choose other alternatives. Therefore, it is essential that website owners ensure that their website loads quickly to keep visitors engaged and reduce bounce rates. Following Google PageSpeed guidelines and other web design techniques will strengthen your website. What is Google PageSpeed Google PageSpeed is a free online tool that measures the speed and performance of web pages on both desktop and mobile devices. It provides a comprehensive analysis of a website’s loading time, mobile-friendliness, and overall user experience divided into 6 key factors contributing a score of 100, indicating the website’s speed and performance. It also provides suggestions and recommendations for improving website speed and user experience: The tool helps website owners spot and optimize their websites for getting a better performance, which is critical for enhancing user experience and boosting search engine rankings. Google PageSpeed also analyzes and evaluates mobile-friendliness of a website or the ability to load and display correctly on mobile devices. With mobile devices accounting for over half of all internet traffic, it is essential to ensure websites are optimized for mobile users. Google PageSpeed provides recommendations for improving mobile-friendliness, such as using responsive design, optimizing images for mobile devices, and ensuring touch elements are appropriately sized. However, this article will be focusing on the 6 key factors that analyze how users are experiencing when browsing on desktop. However, this article will be focusing on the 6 key factors that analyze how users are experiencing when browsing on desktop. Largest Contentful Paint (LCP) The first factor is LCP or Largest Contentful Paint and it is the measurement of how long it takes for a website to load the largest content like image or text block on the screen ready for interaction. What is Considered a Good/Poor LCP? In order for a website to deliver the best experience for users, the metric is divided into 3 sections: Good, Needs Improvement, and Poor. A LCP that is considered in ‘Good’ will be able to load the largest content within 2.5 seconds. For 2.5 to 4 seconds, it would be considered in ‘Needs Improvement’ and over 4 seconds for ‘Poor’. Improving LCP First Input Delay (FID) First Input Delay or FID is the measurement or metric that calculates load responsiveness or the ‘delay’. To basically put, FID is how long it took for the page to be interactive, not the time to respond to a user interaction. It is the moment a user clicks a link or taps on a button to the time when the browser finishes the process. It is important that sites measure their FID because it is where the first impression of users who visit the site is shaped. If the response …

19/05/2023

Must Know Figma Plugins and Techniques for Beginners

Figma is a popular collaborative design tool widely used by web designers, developers, and product teams for creating user interfaces, icons, and graphic elements. Figma has integrated plugins that include additional features that can be applied to enhance its functionality and streamline the design process. For beginners, Figma Plugins can be incredibly useful in smoothing the workflow, allowing starters to focus on their designs and ideas rather than resolving technical issues that can lead to inefficiency. Figma Plugins for Beginners Figma Plugins can help beginners in a number of ways. Firstly, they can provide access to design assets and resources that can be used as a starting point for creating designs. These assets can include pre-made UI kits, icons, and graphics, which can save beginners a lot of time and effort in the design process. Secondly, Figma plugins can help beginners in automating repetitive tasks, such as resizing and exporting assets, or generating design variations. This can not only save time but also reduce errors and inconsistencies in the design especially when you are a beginner. Less issue means less work. Thirdly, Figma plugins can help beginners understand more about the design process by learning from educational resources and tutorials Figma has to offer. This article will discuss and provide some of the plugins and techniques that will help beginners have a strong start. Stark Stark is one of the Figma plugins that is well known for simplifying and accelerating collaboration on accessibility issues between designers and developers. It is a go-to plugin especially for beginners as it provides all round assistance that will improve your design and can also guide users through some design principles. The plugin offers pricing plans for those who are professional and those who are working in teams. The price starts at $10/month, but as a beginner, using Stark for free is more than enough. Here is the list of what Stark plugin could generate: This is only some of the features it offers. Stark will definitely be useful in starting Figma for it will guide you through until you turn pro! Iconify Iconify is an open-source framework and API that allows developers and designers to find and customize a wide range of icons. It is implemented into Figma Plugins that is free for every user. Iconify offers a library of over 150,000 open source vector icons, including popular sets such as Material Symbols, Octicon, Feather Icons. Icons in Iconify are available in many formats including SVG or PNG, and can be easily integrated into various applications. Icons are very useful when it comes to conveying messages that are faster than texts that correct use of icons will improve the design. In addition to icons, Iconify also provides a customizable icon system that allows designers and developers to create and modify their own icons. The system includes tools for creating custom icons, modifying existing icons, and exporting icons in various formats. For beginners, using the existing icons and only modifying minor adjustments like strokes or …

19/05/2023

Color Branding: Choosing The Perfect Brand Color Palette

Choosing colors may sound easy, just choose colors that are appealing and beautiful. However, it’s not like that when there are millions of combinations of colors that humans can perceive and each of them conveys meanings and emotions that we unconsciously have no idea how much impact it has on our lives. Selecting what brand color palette we want to use in our brand can determine how customers view our brand identity. There are several examples of logos and palettes that we can examine using famous companies. Take Starbucks for instance, the company decided to use the color green as their primary color in logos and design language. The color evokes a sense of connection to nature, with natural coffee bean products. Green color also symbolizes wealth. Combining the color green that holds a specific meaning with their identity, the color green now helps support their brand identity and values. One might think that the green color in Starbucks logo isn’t that influencing, however, many of us who bought their products want more than just the coffee but also what the brand represents, wealth. A brand that symbolizes luxury and indulgence might choose gold or silver to convey a sense of richness and exclusivity. The colors chosen should be consistent with the brand’s overall message and personality in order to create a cohesive and memorable brand identity. In this article, we will be looking at some brand color palettes that are used in brands and what it symbolizes along how famous brands execute colors in their branding. What is Your Brand Identity? The first question that needs to be asked before choosing any color is how do you want your customers to feel when seeing your brand, what identity do you want your brand to express to the world. Is it calming or energetic, hope or loyalty, Security or excitement, Technology or Natural. These are the things that need to be carefully selected in order to create a clear brand identity. Aligning Brand Identity with the Meaning of Colors After defining the brand’s values and visions, the next step is to find colors that match with what the brand represents. Good selection of color will make customers have a stronger view on where the brand stands and its vision. Here are some example of colors and their meanings: Red Brand Color Palette The color red represents energy, passion, and excitement. This is why Netflix uses red for their logo on a black background to create cinematic visuals that present its premium streaming services. Red however, if used in brands correlated with security or loyalty will oppose the identity since red could symbolize aggression and anger. Examples of brands that utilize color red are: These brands have one similar identity and it is the excitement. Imagine these brands in yellow or green, it would disrupt their whole personality of the brand. Yellow Brand Color Palette Yellow is a color of happiness. It is a common sight that we see a yellow …

18/05/2023

7 Effective Web Design Techniques Every Website Should Apply

When we browse the internet and search for things, we want to make it easy. It would be disturbing to find a site that is unorganized. This is why business should execute effective Web Design Techniques in order to make your site more appealing. What are Considered as Effective Web Design Techniques? Web design is the foundation of websites that will determine how customers perceive your brand. The very first second a user clicks on your web, that is when they already make their first impression of your website. The font your content is in, the color palette you choose, everything on that website makes up an impression towards the user. This is why having a good Web Design Techniques will ensure that your site is appealing to visitors For instance, If a user launches a site and is immediately cluttered with piles of images all around their screen and the words are hard to read with a poor choice of background, the user may not continue browsing your site resulting in no sales. A good website should start with clear, attracting layout and navigation that eases the user’s experience. Here are some examples of bad and good web designs: There are many different wed design techniques that websites use to create a satisfactory user experience. Here are 7 effective web design techniques that every website should apply: Website Layout Website Layout is a visual arrangement of the entire website. From text, image, graphic. It is how an image is placed at a certain space with text beside it or the relationship between two or more elements. In a wider range, it is the intentional positioning of every element that, as a result, forms a layout. The importance of layout is that it helps organize information in a way that readers can access information easily with a clear path of navigation. Layouts are also determined by the category of the website. If the website focuses on promoting images like Unsplash, having categories at the top with the search bar can help users easily find an image they are looking for. Moreover, those who don’t know can browse the images below that are laid out down below. A good layout not only improves customer’s satisfaction but also helps how people perceive the brand. Web Navigation Web Navigation is how a user navigates through the website, from page to page. The ability to locate where some elements are usually placed is something many of us possess. For example, we know that a sign in/sign up or menu bar is most likely to be placed at the top right corner of the site. However, a well designed navigation system should be accessible to all users, regardless of their abilities. This means that the navigation should be simple to use with clear labels and an easy-to-understand structure. Be aware that common sense in web navigation is only among those who have experience in web browsing that some adults may not have that same sense. …

17/05/2023

Understanding Eyes Movement in Web Design

Although we humans are born unique and different, there are some actions that we share in common resulting in creating a ‘pattern’. Pattern is when something is repeated again and again that it becomes a predictable style, our eyes movement also has patterns, especially when we read. With books, the pattern on how we read usually starts from the number of the chapter, then the name of the chapter, then we start reading the text below. However, to ensure that every reader has the same pattern, designs come into play. For books, the name of the chapter may be designed bigger or in bold to make sure that readers read the chapter name first before reading the text. That is the same with web designs, there is a pattern on how users browse a web. This article will discuss how to design a web following eye patterns as well as using designs to navigate flow. Z Pattern One of the well known eye patterns is the Z Pattern. This pattern indicates that users naturally read, consisting of 4 joints and users only scan the middle of the page as they will move from right to left diagonally. The only parts that users will be reading in this pattern is 1. Top left 2. Top right 3. Bottom left 4. Bottom right, respectively. This pattern is widely used in designing pages with low levels of text content. This is an example of utilising the Z Pattern in our homepage. As the page doesn’t contain a high quantity of texts, applying this pattern effectively visualises what the brand represents in only 4 points. Orders of what you put in these points are crucial. Usually, websites put their logo/brand at the top left of the page because it is the first thing that users see. The second point usually is an interactive element whether login/signup, contact button, Join our community etc. The third space would be something informative. A brief introduction to the brand or a button to the explanation of services. On the end of the pattern, creating a call-to-action is a good placement since it encourages and suggests the next action for users. F Pattern The F Pattern, also known as the F-shaped pattern, is another pattern that is broadly used in web designs especially blogs. The F pattern, refers to the way that users typically scan and read content on a web page. It was first identified by Jakob Nielsen, a user experience expert, in the early 2000s. The pattern focuses on text heavy contents. The way users scan through the page according to the pattern is beginning at the top left, scanning towards to top right then continuing searching down along the left side for words/elements they are seeking. After finding what they are seeking, they continue from that left point to the right and if they are still not satisfied with the information, they continue doing the same process again. Pages that consist of many texts similar to …

Stay tuned with our latest news

We are a web design agency located in the city of Bangkok, Thailand.