Updated : Dec 14, 2019 in Web Design
In increasing the brand awareness of your business, the website plays an important role. This can be seen from Stanford University research that says 46.1% of people say website design is a criterion that decides whether a company is credible or not.
To make a website more attractive and have a high conversion rate, you also need to apply the following psychological principles.
# Pragnanz's Law
In Gestalt psychology, the main principle used is Pragnanz's Law. This law states that we tend to organize experiences in an orderly, symmetrical, and simple way.
This psychology focuses on the human tendency to comprehend visual phenomena as a whole rather than partially understanding.
With websites, you can use this law by grouping elements that can be linked to one another, such as testimonial boxes, images, and conversion buttons.
By grouping these elements, the user's brain will be able to process information faster. Of course, this will help increase your website's conversion. An example that successfully applies this principle is The Sims 3, which can increase conversions up to 128%.
# Fitt’s Law
Next, there is a unique principle called Fitt’s Law. This principle emphasizes the time needed to move your mouse to the target on the website, such as buttons and text to images.
The closer and easier it is to go by using the mouse, it will make users more interested, and of course, this will not take long.
This principle was once applied by SAP, one of the software companies. Previously, SAP placed the CTA button at the bottom of the website. This turned out to be a waste of time and ineffective.
Finally, SAP also changed it by placing it in the right position at the top with a striking color. This method was proven and able to increase SAP conversion by up to 32.5%.
# Principle of Benefits
Elliot Shmulker from LinkedIn said that growth could occur because of three main factors, namely reaching more people, reducing friction, and creating benefits for better results.
The more useful your idea is, the more people will do what you recommend. Then, how can this be implemented to increase website conversions? One simple example is the one carried out by the Social platform that made small changes but had a big impact, namely by adding the word "Free" next to the "Sign Up Now" button.
In this way, Social conversions increased by 28% than before, who did not add the word "Free."
# Past Experience
This principle is also known as mental models. The assumption is that experience has an impact on the knowledge you are doing now.
If related to the website, experience certainly has a big influence on someone's interest in visiting your site. If the previous experience is not good, someone might leave your website.
Conversely, if you continue to innovate to make it better, then website visitors will survive. It is not even impossible to reach new website visitors.
Computer component companies, AMD can demonstrate this. Previously AMD did not use the website for sales, but after a website overhaul, sales also increased, and the conversion was able to break the 3600% figure.
# Use face
Most people like human faces. When we see a human face, in psychology, we are triggered to feel empathy for that person.
If the content of your website has content that addresses a matter and the aspects of life, you should need to include face images in articles, testimonials, and case studies.
When using faces on a website, try to be appropriate, and describe the business or content of the website. We can illustrate this with Vendeve, a social network for women entrepreneurs.
This website uses the face of a career woman to reflect the contents of the website and target readers. The same thing was done by Highrise. As a result, the conversion increased by 102.5% after using this technique.
Those are some psychological principles that you can do to increase your website conversion. Good luck and hopefully useful!
Updated : Nov 18, 2019 in Web Design
The digital era now makes the interaction between consumers and producers easier. One way is to use a website to see a product, promo, and so on.
Given the huge role that websites play in marketing and selling a product and service, it is crucial to make the site look attractive and look modern. To create this, five components need to be considered, as in the following review.
# The layout is Good to Look at
A website should pay attention to the layout of the design so that readers easily capture and receive the information conveyed. For that, make a simple layout you can do. Make arrangements or flow of information that can be followed by the eyes of the reader.
Then, you need to arrange the elements based on what priority scale will be conveyed. The composition includes the most important, important, and less important things. For the most crucial thing (main post), you should put it on the left side, while the sidebar is on the right. The balance of the composition of design elements is also important to note so that it looks neat.
# Choose the Font Type of Interesting Fonts
After choosing a layout, the next step is to select the font type font. Choosing letters on the website is certainly different from choosing fonts for brochures or writing books. This is because the human eye gets tired more quickly when reading on paper. Selecting the font type of the website font is considered important because it is characteristic of your business and can increase readership.
There are four primary letter classifications, namely Serif, Sans Script, Serif, and Decorative. Serif gives a classic and elegant impression like Garamond, Times New Roman, Georgia, and Cambria. In contrast, Sans Serif is best used because its readability is high and gives a formal and casual impression.
Examples are Helvetica, Arial, Trebuchet, Verdana, and Josefin Sans. For script letters, you can use the post title and avoid using it in the body text. While decorative, as well as the Script, suitable for the title and body text.
# Play Color Combinations
Visitors and readers of your website will be interested in the design has pleasing colors. Color can also affect the mood and psychology of the reader. Also, avoid using colors that are busier than the content.
To combine colors well, use light colors for the background and dark colors for the text. If you're not too sure, you can use the grayscale motif.
To create its own characteristics on the website, choose one color that you will highlight. As for the variations, you can use other colors, but the tone and gradation must still be the same as the main color.
# Menu Navigation
On a website, navigating this menu can be analogous to a clue to make it easier for readers to find the desired content. There are two types in this navigation, namely linear navigation and hamburger navigation.
For website in niche card games such as poker or sports book, menu navigation has important role to ease visitor on registration and do the transactions, better it is deposit or withdrawal. Online bookmaker website https://judisakti.org implement the hamburger menu to make a good navigation but still with great and interactive design.
However, you should use hamburger navigation because it's easier and gives room to the website. One web design that uses this type is Google Chrome.
Tips for making navigation seem easy are by placing it at the top of the layout, either below or above the header. Next, categorize navigation by theme and topic.
Use the dropdown menu to separate sub-topics from other sub-topics and use only one navigation bar. Don't forget to also provide a 'search' button on the display, including the contacts that can be contacted.
# Image and Video Quality
You need to pay attention to the quality of the pictures and videos used. Ideally, good photos have a minimum resolution of 150 PPI. Use images in JPG format.
Avoid using photos with watermarks, and if the photo is licensed, you should buy it to avoid copyright issues.
Next is to use photos and videos that are relevant to the contents of your content. If you take pictures from other websites, mention the source with a complete direct link. This is to avoid copyright infringement.
How quite easy, is not the way to make a modern website look? Good luck, and good luck with your website, successfully getting high traffic!
Updated : Aug 05, 2019 in Web Design
Progressive Web App (PWA) had become a hot topic when Google in 2016 discussed it at the I / O event. PWA is a web application that runs like a native application, notification, and UX. An example of a PWA application is mobile Twitter and also mobile Facebook.
If you open the two websites above, you will feel that you have opened via the application. You can also explore this when you open the Amazon and Alibaba websites through a mobile browser.
Now you are also wondering, what are the actual benefits of using PWA, especially for the sustainability of your company? Check out the answer below:
# Your Website Can Be Opened Offline
The first advantage of PWA is that your website can be opened offline. When visitors have the chance to open a website, PWA will systematically save several pages that have been opened previously. Then what if there are visitors who have time to click on an offline website? In PWA, you can make settings to prepare your own offline page.
However, there are some weaknesses here. For your website that depends its life on Adsense, on offline pages, ads will not come out. Even so, at least the visitors will not be disappointed after opening the website.
# Display Like Application, Works Like a Website
One of the great advantages of a mobile website that has been integrated with PWA is that the website's appearance will be very similar to the application, and all of its UI / UX will work like on the site. In 2016, Google released a study that 11% of website visitors agreed to download a PWA website.
Not only that, but about 6-7% of website visitors also agree to receive push notifications. So, if your market is mostly middle-to-low, this will be an advantage because they don't need to install applications and fill the memory in their smartphones.
# Improve Website Performance
If you link the website with Analytics, you will see how the website's performance is very influential on the return of visitors. Now try to imagine if there are visitors who come to your website, then it turns out there is a problem in the load time so they will never come back again.
Now, with this PWA, the visitors who previously had a problem with load time, they can calmly browse on the website without fear of slowing down.
In Google Analytics, you will see how many are returning visitors and also new visitors. Several things must be considered, and you should be able to do maintenance returning visitors. Because if you only rely on new visitors, your website will not be able to develop properly.
Progressive Web App or PWA allows your website or application to work optimally so that visitors or users feel satisfied when using it. The higher the level of their satisfaction, of course, the better the impact on your company. So, are you sure you are implementing PWA?
Updated : Jul 01, 2019 in Web Design
Proper maintenance on the website is endless, and there is always room to redevelop existing designs. Although web design is more focused on usability rather than just a good appearance, however, both must be balanced because, without usability, the website will not be useful.
For this reason, there are several plans to create websites that need to be considered before you make them, such as analyzing user needs, design in accordance with business brands to increase conversions, and so on.
And the most important part of that plan is that it makes it easy for you to get your message across to users about your business goals. Such as the following.
1. Website Purpose
The purpose of each person to make a different website. Some aim to get increased sales, branding, informing company profiles, collecting email addresses that are targeted as prospects, and so on.
Ask yourself, what is the purpose of the website? This will determine some of the components of your website design layout and help you focus on ways that users can use the site to achieve your business goals.
2. Target Audience
Determining the target user of your website is not an easy thing. It takes a lot of research to find out who the specific target user is. This element will affect many things, such as design, button size, font type and size, content, and so on.
Further, in determining the right content for users, use the Google Keyword Tool to see relevant keyword traffic. This tool helps you in making content relevant to users.
3. Website Template
Things that must be considered before making the next website is to prepare the right website framework. Discuss this with the website creation service provider that you choose.
If you are sure of the website framework that is designed, start writing what pages need to be made along with the titles and subtitles, respectively.
Think about what content is needed for each page to build engagement with users.
4. Color Theme
Less is more, including selecting website themes. The simpler the theme used, the more effective the website will be because it won't confuse the user.
Themes with simple layouts and colors make it easier for users to find the call to action (CTA) button and navigate the website.
Specific industries generally have their own color themes. For example, the green color for environmentally friendly industries and blue for the technology industry. Decide on the use of color with your web developer or graphic designer.
There is a famous assumption in the digital world, namely "content is king." It is recommended that you make at least about 200 characters of text for each page. Dare to create content that can attract the attention of users and effectively "read" by search engines like Google.
6. Purpose of Web Pages
Even though they have the same main goal, each page has a specific function and purpose. For example, to encourage users to provide their email, enter the credit card information, or attend certain events.
You also need different CTAs to allow users to see clearly what they need to do on the linked page. Test each page with the CTA installed and evaluate which works best.
7. Business Needs
The type of platform you use depends on your need to create a website. Some people use WordPress's Content Management System (CMS), for example.
But some choose to build a website using the programming language from the beginning to adjust the results of the site with the needs to be met.
8. Hosting Service
There are many hosting providers with advantages and disadvantages. To ensure you get the best service, choose a hosting provider that provides 24-hour service for you.
Be careful, if Google bot visits your website when the server is down, then your website's ranking on Google can be very negatively affected.