Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login block. Recently, a lot of annoying and too “abstruse” implementations of it have appeared on the network. It’s good when designers try to make unusual and beautiful forms of login (see our selection), fitting them into the general concept of a web project, but it’s completely different when they go overboard with functionality. Sometimes it comes to the point that popular password managers (in Chrome or from 1Password) simply do not work.
In the article you will see examples of authorization forms with problems in usability. This is good food for thought for web developers who do not really understand how their audience uses the login tool on the site. In the second part of the article, we will show and tell you how to best implement this task and create simple, connected, recognizable elements that are understandable to visitors and work perfectly with different “password remembers”. The text is an adaptation of this note. Continue reading
Home »Web Design» Typography »Vertical Text Direction in Web Design – Good Use Cases
Vertical text direction in web design – good use cases
Ordinary standard and template web projects are few who impress, so many want to create something truly unique. You will find some interesting ideas in the selection of colorful website designs. Someone uses variegated images on the main one for this purpose, animation or some original approaches to the layout of elements. One of these methods is the vertical arrangement of text on the screen.
In fact, such an orientation of labels / content in web design is not often seen, here the horizontal rhythm “rules”. However, in last year’s article about current typographic trends, we already mentioned this chip. One of its advantages is that you don’t have to take any extreme measures or difficulties – even an insignificant “dose” of the vertical text is enough to achieve an effective result. And with today’s examples we will prove it to you … Continue reading
Does the user only need 50 milliseconds to form an opinion on any site? Web developers and designers really have very little time to make a good impression on a person when visiting a resource. That is why the correct design of the main page + website header, which everyone sees in the first place, is so important.
Many web projects on the network are united by one common way of attracting the attention of the audience – the use of bright colorful designs, in particular – placing a large background image or large banner at the top of the website. It is also called a “hero image”.
This “main image” is not just a beautiful illustration on the site to capture attention, it should become something more. Developers need to try to make a powerful visual communication tool that can increase sales and become the real “hero” of your online business.
In our translation of the original article, you will find eight useful tips to help create the right hero image – one that would attract attention, help convert users into regular customers and would be a useful addition to the design of your website. Continue reading
If you are producing a product / service that is in demand in a particular field and trying to create a suitable website that fully reflects your attitude to work, then this article is for you. B2B projects (business to business) do not have to be boring, as serious as possible, and with a minimalistic design. After all, specialists and professionals are the same people as any other visitors, and you yourself would probably pay attention to a beautiful site with the right quality content.
Best B2B Website Designs of 2019
Most of the traditional B2B web resources tell their potential customers 3 things: “who we are, what we do and how we help”, but this information is far from always able to sell your product / service as efficiently as possible, and the goal is precisely that.
Modern customers do not want to spend a lot of time studying sites and finding information. Continue reading
In order to somehow dilute the design theme, let’s look at another layout lesson today – a lot of time has passed since the previous post about CSS hover effects. This note will be devoted to the issue of creating a link to mail in html. All this is implemented using the usual A tag, which, despite its simplicity, can be used not only to create hyperlinks, but also has several interesting nuances.
The basic syntax looks like this:
<a href=”mailto:firstname.lastname@example.org”> write to us </a>
Here, as the href attribute, write the phrase mailto and the mail where you want to send the message. Inside the tag is the link text that the user will click on.
The problem with this design is not the best UI / UX solution for users, because clicking on a link performs actions that not everyone likes. It’s like with a PDF document when it immediately opens in the browser.
OPENING IN A NEW WINDOW Continue reading