In the last 7 years, mobile traffic has increased by 222%. Globally, over 50% of all Internet activity is mobile. The desktop follows just over 45% of all internet traffic and tablets make up the rest. With so many people browsing the web from their phones, it is essential to provide a great experience for those who access the mobile site. Without them, we do not address the majority and the possible lack of traffic leads to a decrease in the number of leads and business in general. Here's what we need to pay attention to:
Design responsive is the method of designing web pages that allows optimized display on all devices. In other words, a responsive design will automatically reformat the site for all screen sizes. This allows site visitors to interact easily regardless of the device they are using.
Some marketers decide to invest in a mobile version of the site. Not the best decision! In the long run, maintenance costs and effort are doubled. A responsive design is easier to manage because it offers a site that works on all devices, even if a larger investment is needed in the development phase .
Just because a website is available on mobile doesn't mean the web page is sized correctly. This is why it is important to set up a Viewport for your site. Think about the screen size of a regular phone. Viewport is the size of a window or visible area of a screen on mobile or tablet devices.
Thanks to the viewport , sites on mobile devices are not displayed in the same way as on a desktop screen. Users do not have to zoom in to read, but can see the content of a page in a way that matches the small screen. Viewport , in combination with responsive design , helps browsers "break" web pages and reassemble them on small screens, in a way that allows users to receive meaningful and readable content.
There are a lot of screen sizes and you want the text on the site to be easy to read on each. The font size is set in the CSS file of the web page.
According to Google, the best basic font size is 16 CSS pixels. We recommend a size of at least 12px or larger on most pages.
You can scale the text size for sections starting from the base font. For example, when the subtitle text is 120% of the basic font and the title text is 250% of the basic font, the fonts will be in relation to each other and will be displayed the same on all devices.
A good blog design is not just about implementing best web design practices; it involves much more than that. Unlike static websites, a blog incorporates much closer social media integrations to directly facilitate interaction with visitors. This makes the design task a little more difficult. Contrast Each blog is made up of different sections that […]
Modern sites are made on the principle of social networks: almost endless scrolling down, many screens. A consequence of this design is the need to insert an "Up" button. The proper placement allows for better usability. The task of UX designers and programmers is to make sure that the button does not interfere with the […]
Common mistakes when designing a portfolio: Lack of a clear structure Portfolio design and layout depend on the ability to communicate with users. If you can't connect with the hiring manager by properly presenting your job, how will you interact with users after hiring? Structure your portfolio information by chunking and visualizing harmoniously. Highlight important […]
For fast consistency between designers, without sacrificing quality, a common language of components and free access to the library are needed. Most have noticed the problem of how the elements of the system are lost depending on the movement of the tools. Designers need access to the same tools as designers. Previously, they used complex […]
The whole process of promoting simple projects, I would divide into 3 stages: Compilation of the semantic core Optimizing content Link building Basically, this is all that is needed for a successful promotion. Now let's talk about each step in more detail. Compilation of the semantic core The semantic core is a set of search […]
When photographing, especially with a non-professional camera, photographs require significant improvements in colour. Colour correction of photos in Photoshop will allow you to correct these imperfections or change the colour scheme in accordance with the wishes of the photographer. Let me remind you that this is not an "instruction manual" and not a call to […]
What if you like a font but don't know its name? Everything is very simple if you have its graphic outline at hand. There are a large number of online services that search for a font by image, and admittedly, quite good. In this article, we will look at some of them, and try to […]
If you look at some designers' resumes, and then in their portfolios, and then again on the resume, you get the impression that they don't really understand the difference between UI and UX. In fact, this is a common problem not only among designers but also among employers, ranging from small studios to large corporations. […]
Good design is a good idea in an attractive shape. In some works of designers, the form suffers, in some - the idea, and in some - both. This is often due to the substitution of computer-generated effects for the actual design, and the inability to come up with a quality idea. A thought process […]
Many mistakes wander from layout to layout, from one designer to another. They are like a disease that needs to be treated urgently. But no one does it, because some absolutely do not care, while others do not have enough experience. How to heal the problem To get rid of trivial problems and improve your […]