Tag Archives: interface

4 Ways of Boosting UI Design with Vibrant Colours

Ways of Boosting UI Design with Vibrant Colours

Colour has strong effects and impressions for almost everything. When you come into someone’s house, the first thing you would notice is the colour of their house and how it gives you different kinds of vibes depending on what combination of colours it has. That’s why; colour has the most powerful influence for all designs. Not only can it trigger different kinds of reactions, emotions, or moods, it can also boost the audience’s impressions upon seeing it.

The same thing applies to UI design too. For a web designer, colour in UI design is very important because it can draw attention and influence the reaction of the people who see it. Nowadays, designers use vibrant colours for their design. Vibrant is generally used to describe bright and intense colour, although vibrant isn’t a precise colour term, since people will use it differently. Bright colours with cartoonish designs are usually good for entertainment designs and elegantly minimalist colour and styles are well-suited for business designs. Therefore, vibrant colour is one of the biggest UI design trends of 2017.

What makes it unique is that vibrant colour can be applied in different ways and styles to design. In this article, we are going to explore the ways of boosting UI design using vibrant colours!

1. Monotone
Monotone is one of the most popular ways to use vibrant colours for a design. It is easy to create and makes text very readable. Monotone palettes come with a single colour with a mixture of shades and tints. Choose the colour that matches with your message. If paired with perfect typography, monotone colour schemes will create a really amazing look,.

2. Duotone
Duotone is an image created from two colours. It can be either two shades of the same colour, or two different colours. Duotone enables you to express an image with the emotional elements from the combination of any colour. Different colours can stir different kinds of emotions, depending of which colours and its combination you use. For example, the combination of soft and simple colour can represent business-like atmosphere, while the combination of bright colours can express happiness with a positive mood. It also adjusts the colour variations in an image. That way, the text can be placed anywhere on the image and is still perfectly readable.

3. Gradients
Gradients in the combination of the same colour that illuminates from light to dark can give the impression of modernism. It can also improve visual communication, whether it is a full gradient background or smaller places for the gradients. What makes smaller areas of gradient easier and more interesting is that you have more options to be creative with this technique, and when applied in smaller spaces, it can be visually attractive to play with multiple colour pairs.

4. Overlays
Overlaying is the application of semi-transparent coloured box covering an image or a video. It has been a popular design choice for a long time because it is easy to create. However, you have to be careful in setting the degree of saturation and transparency of the colour, because you have to make sure whether the text is still easily readable or not.

Now you know the ways of boosting your UI design using vibrant colours! Whatever you choose between these 4 types, make sure you put the text with the right colour combination so that the text is easy to read and the design is interesting to look at.

Knowing What Is Augmented Reality and Its Implementations

Knowing-What-Is-Augmented-Reality-and-Its-Implementation

Augmented reality is a new digital phenomenon that changes the environment around you into a digital interface. It places virtual objects in the real world and in real-time. Therefore, it provides the power of learning and technology together.

Nowadays, you can experience augmented reality through a wide variety of activities. This is because AR aims to simplify human’s lives by combining virtual information to surroundings view of real environment. The usage of AR is limited for Mobile. Although, it also works on some desktop browsers but it doesn’t produce the same experience as a smartphone did. That is why this area is mostly developed by mobile apps developers.

In general, there are 3 main categories of augmented reality (AR) that you can distinguish:

Augmented Reality 3D viewers
This type of AR allows users to locate life-size 3D models in your environment with or without the use of trackers. Trackers are better known as simple images that 3D models can be applied to in Augmented Reality.

Augmented Reality Browsers
This AR’s type will enhance your camera display with contextual information. Hence, you can display any history or estimated value of one building only by pointing your smartphone at it.

Augmented Reality for Gaming
The last and maybe the most popular way to experience Augmented Reality is through gaming. Have you ever heard or played Pokémon? This game utilizes your actual surroundings and has become very popular because of it.

All of these 3 categories have been applied to many fields of lives. Hence, in this article, we would like to broaden your knowledge about the implementation of AR. Below are some of the good examples of AR that you can learn for:

Augmented Car Finder
If you often forget where you park your car, augmented car finder can be a good idea for you. Augmented Car Finder will help you identify location of your vehicle in a maze of parking lots. The apps will show a marker where your car is parked; it also shows the distance between you and your car’s location. Moreover, it will guide you to reach your car area.

Layar
With Layar, you can connect digital content with the real world. There are many more advantages that you can get through Layar. For instance, magazines come alive with videos right on the page, easily buy items with direct mobile shopping links, connect with links to web content and share items on social  media, and browse and view thousands of Geo Layers to find stuff nearby, like ATMs, restaurants, historical locations.

EyeDecide AR app
AR implementations are also developed in healthcare industry. One of them is EyeDecide AR app. EyeDecide AR app is created to provide patient-engagement tools for healthcare providers. Developers can use the camera to simulate the vision of a patient. Here are some basic features of this app:

  1. Leverage interactive anatomical models to enhance patient understanding.
  2. Effectively educate patients by comparing normal and abnormal images and using 3D animation videos of most common conditions.
  3. Improve patient and surgical retention by helping patients make more informed decision about the care.

 

Guidelines to Avoiding Google’s Penalty Caused by Intrusive Interstitials

Intrusive interstitials guidelines to avoiding google's penalty

This year, Google has made one recent change known as the intrusive interstitial update. This update aims to penalize intrusive popup ads which affect the mobile user experience. No wonder that some websites have experienced lowered mobile rankings. If you are working in SEO service field, this thing may become one of your concerns. But, don’t worry as you can avoid Google’s penalty caused by intrusive interstitials. Figure out the solutions in the passages below.

Decrypting the Intrusive Interstitial Update
First of all, it’s a mobile popup penalty.  Secondly, it’s an intrusive popup penalty. In light of this, Google wants to make sure that ads and popups do not interfere with the user experience. By devaluing pages with popups and overlays on the screen, Google can help users access the content they’ve requested in the first place.

What is the Impact of this Latest Update?
Pages with intrusive interstitials will no longer consider as being mobile-friendly. This is because obstructing content on mobile with ads or other popups is against Google’s guidelines. Ads or popups on screen causes the content inaccessible for a few seconds. In fact, Ads displayed over content are no longer acceptable on mobile. This includes popups that appear when you load the page from Google or when you scroll down.

What Constitutes an Intrusive Interstitial?
Intrusive interstitials will lead to a frustrating experience for desktop and mobile users alike. In fact, it tends to block most or all of a page. This will hinder visitors from experiencing your site as they block the content that visitors seek unexpectedly. In light of this, intrusive interstitials has become the biggest enemy as on desktop they are annoying at best and can ruin the entire experience on mobile.

What is still Permitted and not?
Even though, you have to deal with pop ups ads, but this doesn’t mean that all pop ups are forbidden. In fact, some popups are still permitted, such as:

  • Intrusive popups are still ok on desktop
  • Interstitials triggered by exit intent are still allowed
  • Page to page interstitials will not be penalized

Types of intrusive interstitials that will be forbidden are:

  • a popup or modal window that blocks most or all of the content on a page (this is basically a full-screen interstitial above the header);
  • a standalone interstitial that’s not responsive and that blocks the content;
  • a layout in which the content above the fold has the look and feel of an interstitial and requires dismissal or scrolling in order for the user to reach the main content beneath the fold.

Workarounds
Popups is frustrating indeed, but companies use them as at some points they are effective. So, if interstitials still become the best options to convert users for your websites. You can consider keeping them on the website by a no-index tag in your code. However, this will cut off organic traffic from Google to that page.

Therefore, designers, developers and marketers must create another ways to generate revenue. A sound strategy would be to leverage content marketing to educate audiences and guide them through the buying process. In the other words, you should move away from interruption marketing towards permission marketing.

So, the solutions that you can do related to this situation are; audit your popups, cookie notifications, overlays and big banners. This is to make sure that they comply with Google’s new guidelines. Furthermore, make sure that don’t take up space more than 15% from the screen to avoid penalty.