Best UI fonts for web design :)

How to create an interface that will involve users and encourage reading? User Designer can create a project according to the best user experience standards (UX), but if the user interface (UI) is not attractive, all other activities may prove ineffective.

One of the ways to care for UI is to choose the right fonts. In this article, we will present a few of them, which we find the most attractive. Their advantage is that they are recommended by Google Material Design. They are also available in Google Fonts, which means that they do not overload applications unnecessarily.

Roboto

Currently, this is one of the most popular fonts and is actively promoted by Google itself. This font gives the impression of being very geometric and friendly to the recipient. In addition, it appears to be very readable and “light”. In case you’d like to designing a web application, this front is worth considering.

Lato

It greatly works, when it comes to printed materials and business graphics. Lato is a typeface pattern that was designed in 2010 and very received a lot of sympathizers in a relatively short time. Lato belongs to the group of the most popular fonts.

Open sans

This font is well known to all of those, who deal with web design on a daily basis. Also it suits quite well both printed materials and TV commercials.

Montserrat

Montserrat is a font characterized by a very geometric style. It gives a wide range of use. It will be a good choice both in business projects and those “lighter”, less official ones. In addition, it perfectly matches the headlines and attracts the recipient’s attention.

Playfair Display

This font can be perfectly used in titles and headings. It has a high height and short falls. Moreover, it is used by well-known brands, such as BMW or Vogue.

Proxima Nova

Proxima Nova is a font that combines modern proportions with a geometric dimension. It can be found on many websites, where it is used most of the time. It is recommended to use 12-16px for main content and 24-30px for headers.

Read also:

The best sites for UX design’s inspirations

TOP UX influencers to follow on Twitter

Why UI/UX design is important in an IT projects? (interview)

The best sites for UX design’s inspiration :)

Interesting and inspiring websites are one of the most important sources of knowledge for all the people involved in UX design. Keeping up to date with current novelties and trends is the responsibility of a good UX designer. Currently, the network can offer a lot of interesting sites devoted to this subject. We have decided to choose a few of them and present their specificity closer.

UX Magazine

It is the best place for all the people, who are real geek of user experience. This page is created by a free community, which resource explores all the facets of an experience design. Shared graphics are a great way to get inspiration and develop your own projects. It is worth noting that, apart from various types of graphics, there is a section with industry-specific articles that allows UX users to keep up with all the latest news.

Design Shack

Every day, a lot of people use this blog – agency employees or specialists involved in the professional design of web sites are among them. Design Shack offers an access to a vide source of knowledge, which consists of such sections as inspirations, layouts, mobile and others.

Smashing Magazine’s UX Design Category

Here you will find content in the form of articles that present current industry news related to web, mobile or software. This is a good source of knowledge, as the articles are rich with valuable information provided by experts with experiences in UX design.

UX movement

It is a blog with articles presenting the most important trends and news related to UX design. There in no time you can verify your own idea for the project or supplement it with inspirational ideas proposed by the authors of the texts.

UX Myths

Quite a specific, but really interesting and useful website. Its premise is to refute all myths and errors associated with UX design. There are dozens of common beliefs that experts consider to be incorrect.

DesignModo UX

A place devoted to UX elements that allow you to keep such projects as aesthetic, business or retaining elements related to the psychology of a recipient. This is certainly a good source of knowledge for both beginners and more experienced ones. Like with on the other websites mentioned above, on DesignModo UX, expert articles make the most important part of the content.

UI/UX design. Why is it important in an IT projects? (interview) :)

– A team without a UI/UX Designer it is like a product without a sale. One plays a very important role in the project, makes sure that you can meet the client’s preferences more effectively – explains Katarzyna Górniak, Product Designer from Codest. We are inviting you to an interview with our expert, in which we are going to discuss the issues related to UX and UI design. We are summarizing the year 2018 and presenting news that await us in 2019.

– What is the work of a UX and UI Designer? Maybe, you can elaborate on this one.

Katarzyna Górniak: Normally, a UX Designer is someone who is quite different from a UI Designer. UX requires logical thinking – on the borderline of the psychology, logic and curiosity of the researcher. To be such a designer, you do not need to have very high graphic skills. This job is all about finding the right solutions – the best for the user. If someone opens the first application for the first time and exactly (intuitively) knows, where he can find specific functionalities, it means that the UX Designer has done the job well.

In addition, it should be remembered that the visual effect itself – mockups – frames filled with texts and sketches, are only the tip of an iceberg. You have to research, check, test and draw everything before the product obtains its final form. Thanks to such a complex process, satisfactory results can be achieved.

– And a UI Designer? What is their role?

In this case, it’s the opposite. A UI Designer must possess high graphic skills and a sense of aesthetics. One transforms sad, gray sketches into those that can attract an eye. It is utterly important to have more of an artistic approach. Color matching, sticking to one identification, distance and, of course, – pixel perfect.

We can also talk about combining these two roles. Therefore, if I were to describe the role of an UI / UX Designer, then certainly it’s necessary to pay attention to the need for complete skills in both of these ranges. Such a person must stand out with logical thinking and a strict artistic approach. This is not an easy task, which is why both positions are quite often separated.

– What is the most important thing when creating an interface that is user-friendly?

Intuition can help but harm as well. You have to research, check, ask and observe. There is no “golden middle” for every project. Only the relevant analyzes can give an answer to the question whether a given interface is friendly or not. Of course, the designer’s experience also counts. The more successful projects one realized, the greater chance that another time an effective interface will be created.

– Do UI and UX Designers have their own hard rules that they should always follow?

Basically, no. Of course, apart from tests. Technologies and trends are changing. Once, everyone used bread crumbs. Actually this solution is obsolete. Similar examples can be multiplied.

– Are UI and UX Designer equally important in the realization stage of the project?

Both roles are important, but UX is particularly more. If the created functionality is really useful, but does not look good nice, it is acceptable from the user’s perspective. In turn, in a reverse situation a bigger problem arises. The application can lose much value then. In addition, remember that a UX Desinger must always be up to date – keep track of what is happening around.

– How does a cooperation between UI/UX Designers and developers look like?

Agile environment definitely favors positive work. Everyone has their tasks in the project and knows what to focus on. There are no communication problems. Some people are afraid to work with developers, because they consider them to be a specific group – incomprehensible to non-technical people. I am absolutely against this thesis. In our projects, cooperation issues – including communication – are managed at a high level.

– Is a UI / UX Designer in the project team necessary? Or, maybe, it is an additional benefit that makes the created product even better?

From my perspective, the team without a UI / UX Designer is like a product without a sale. It is part of a whole and it is impossible to ignore its crucial role without losses to the project. Even 10 years ago, their presence in the team was an additional plus, but now it is a must.

– The year 2018 is slowly coming to an end. How did it look from a designer’s point of view?

I will focus more on issues related to UX, as some significant changes have occurred in this sphere. First of all, you should notice that the role of a UX Designer has increased. This can be clearly seen even in the number of job advertisements. More and more companies want to have a person with such competences. Certainly, the awareness of testing on users is also growing. Sometimes there are even brain wave tests, facial expressions and other biopsychology tools.

In addition, the awareness of the target group has increased. A lot of emphasis is put on the needs of specific users, e.g. older people or worse sighted people. We are also dealing with a lineal approach. The idea is to simplify systems and applications to the maximum so that the purchasing process becomes as simple and understandable as possible for the user. And at the end the other issue, in 2018, applications that have replaced responsive websites become more popular.

– What can we expect from 2019? Is there a chance for some breakthroughs to appear?

Who knows, maybe. Maybe not immediately, but more on the principle of prediction and development of specific functionalities that already work. I suspect that there will be even more emphasis on personalization, so more systems will be tailored to the user. Something on the Spotify principle. I believe that the trend will continue to reduce anxiety or user frustration. I mean the exact explanation of why, for example, a specific error has occurred.

Among the most interesting things, you can expect further attempts to match the system to the user’s mood. In 2018, such activities as, for example, a change in the color scheme of the system depending on the mood appeared. I think that we will also see an increase in the importance of other senses than just sight. Sounds and movement may be popular. I do not exclude other new products. Time will show what a new year can bring.

GRAPHIC DESIGN TRENDS – SUMMARY 2018 :)

2018 has brought a lot of novelties into the graphic design. Designers who are willing to attract customer’s interest have decided to proceed towards innovation. A few returns to what was popular a few years ago have gained their share of interest as well. As a part of a short summary, we have chosen the most interesting Graphic Design Trends in 2018.

GIFs and animations

More and more applications or websites are using GIFs and animations. This aims to facilitate communication with a recipient and help them to take the desired action. In many cases, using GIFs and animations helps to regulate customer’s behavior. In addition, they positively influence the reception of the presented messages.

Authentic

Authentic advertising increases the credibility of the message. It is easier to catch the attention of the recipient who sees the real illustration. Therefore, in 2018 images showing feelings and action have been willingly used. Possessed photographs available on stock platforms have become much less attractive.

Depth

Shadows in the last months have again reached popularity. Skillful usage allows you to get a depth effect creating a visual hierarchy and prompting a recipient to perform specific moves. The depth effect is often used to highlight the key elements and to show the recipient what is the most important in a provided facility.

Responsive logos

That trend has changed the approach of many companies to the graphic creations of their own brands. There has been a clear departure from complicated projects in favor of simple and legible logos. They are adapted to a content quick view on various devices. Interestingly, the logotype can take the form of even a small symbol. This trend is related to the development of mobile devices that require a differentiated graphic approach.

Custom graphic art and artist illustration

Creating custom illustrations, often artistic ones, is another effective method to catch the attention of the recipient. Unconventionality and personalization of the brand through an illustration has become a deliberate act of the graphic artist. This trend allows designers to freely express their creativity.

Gradients

Though very popular a few years ago, over time they were replaced by a flat design. Currently, the gradients have regained the designers’ approval again, but in a slightly different form this time. First of all, they are combined with the flat design features. Moreover, strong gradients are not used as it was before. It is recommended to use delicate and gentle transitions, providing an accessible interface for the recipient.

If you want more about graphic design trends, we recommend the interview with our Product Designer. You can read here about the specific role of UI/UX design, its role in IT project, cooperation with developers and predictions for 2019 year.

UX DESIGN TRENDS. HOW TO CREATE USER FRIENDLY PRODUCTS? :)

The process of designing a friendly product within UX Design draws its focus on creating useful and functional solutions that will meet the users’ needs. The idea is to make the product as intuitive as possible.Trends related to UX Design are subjects to constant modifications and need to study user’s behavior and preferences. It is important that the product has the highest chance of getting the recipient’s attention. It gives a chance that they may return to using it or perform some interaction in the future. So what should you do to keep the highest UX Design standards? This is the list to check.

1. Simplified navigation

When it comes to making a choice – the less – the better, as an average user will make up their mind much faster. Therefore, the possibility of selecting specific categories (eg. within search engines) should be narrowed down in order to simplify the process of decision making. To set an example: it is assumed that no more than seven subpages should be placed in the menu section, as user’s eyes won’t be able to cover a larger number. Thus, the first seconds are the most important.

2. Video content

A short and interesting video is more likely to grab the viewer’s attention rather than the best photo. Video format affects the imagination of users and draws attention more effectively. In addition, it reflects the sense of the message in much accurate way and allows to present more information in one place. Video brings more value and that makes it more important from the recipient’s perspective.

3. Empty spaces

Information abundance and options available on accessing a given page or application prevent a user a full understanding of how to proceed. The answer to this problem is to minimize and focus attention on a single element. Due to this, making decision becomes much easier. Google.com can serve an example.

4. Chatbots

Using chatbots increases a chance of interaction and responsiveness in communication with the client. Through a short conversation with a robot, a user can quickly get the required information and thus save their time.

5. Opening subpages in separate tabs

Opening a link in a new tab is a risky solution as a user loses possibility to return to the base page via the “back” option. Which, in turn, may provoke a user to close all cards. Therefore, it’s better to omit any redirects to any new cards.

Conclusion:

UX Design’s success is sometimes determined by the smallest details that may affect the overall perception of the product by its user. The best option is follow the latest trends and know what’s good for the recipient. A well-planned and functional interface is also a high-quality product.