Optimizando la experiencia de tu tienda en móvil

Optimizing your store experience on mobile

Introduction to the basics of "branding" Reading Optimizing your store experience on mobile 6 minutes Next Custom prices for your eCommerce store

BOLD COLORS AND SIMPLICITY

  • We have seen how more and more designers opt for vibrant colors (which stand out more thanks to the popularization of AMOLED screens) and fonts as the main element.
  • Minimalism is one of those classic design trends that remains attractive to the wearer. The best thing about this design trend is that it continues to evolve. Minimalism in 2020 is marked by a lot of white space. Minimalism works because the design is elegant, beautiful, and easy to understand (which makes them much easier to navigate).

"DARK MODE"

  • With so many users preferring "dark mode" in apps and for things like email, hopefully more websites will embrace this trend as well by creating designs with a dark aesthetic. Dark interfaces are complemented by elements that have bright contrasting colors and easy-to-read typography to ensure that the design is legible.

EXAGGERATED ELEMENTS

  • Web pages are resorting to exaggerated elements such as large fonts, full-screen images and videos, and even icons in the navigation menu. Enlarging the size of attention-grabbing elements helps instantly capture the theme of a page, not to mention how well they work on all types of screens.
  • The key to making this design trend work is for the user to still understand what you mean. In this case, the typography is more of an artistic element and less informative.

ART ILLUSTRATIONS

  • Illustration art, particularly elements with drawings and touches of animation, continue to grow in popularity. In a world where we use more than one device to access the internet, it is essential to have a good storytelling element. Videos and animated elements will continue to grow, but so will hand-drawn drawings that give the page a human touch.

OVERLAPPING ELEMENTS

  • Overlaying elements on a web page is a clever way to add depth to a 2D display. This effect is achieved by placing elements so that they appear partially hidden.
  • The great thing about this trend is that it works with almost any type of design scheme. You can overlay images or video, text or elements and icons. The trickiest part might be ensuring that the layout runs smoothly.

3D DIGITAL IMAGING

  • Using 3D images is nothing new, but they are an increasingly present element in web pages, probably because the programs to create them are more accessible than they were before. When combined with fluorescent colors, these images create a futuristic effect that adds a touch of personality to the page.
  • Keep in mind that this web trend should be used sparingly. If you want to include the fluorescent effect among the colors for your web page, it is advisable to use it as a complementary or secondary color in your color palette. It is also recommended to use neutral tones such as whites, grays and blacks.

SIMPLE NAVIGATION

  • Most users come to your website through a "search engine" and may not land directly on the home page. Less navigation creates a more direct path to where you want users to interact more with the design. This style of navigation allows you to have more space for messages or any other type of content.

ACCESSIBILITY

  • Since 2019, in the United States, web pages must comply with the W3C accessibility standards. This means that web pages should work correctly for those who use screen readers or for those who cannot easily use a mouse. The fact that a page meets these specifications does not mean that it is easy to use for a person with a physical disability. It is recommended to test your website with real users, in this case, people with disabilities to make sure that your page adapts to these scenarios. Designing a page taking user accessibility into account has the following benefits:
    • Avoid discrimination – Creating a platform that not only meets standards, but also adapts to meet everyone's needs, will prevent discrimination.
    • Brand Reputation: An accessible website or app can improve your brand reputation because it will attract a wider audience, which will end up generating more traffic. Similarly, accessibility can make you stand out from the competition as it shows that it suits all users. This can be a beneficial marketing tool for your organization.
    • Overall Ease of Use – Having an accessible platform increases ease of use for ALL users. In the process of developing an accessible design strategy, you will discover usability issues that you may not have been initially aware of. It will also benefit those who access your content via mobile devices, as well as older, non-tech-savvy audiences.

PRIVACY PROTECTION

  • Protecting user privacy is critical to establishing trust in a world where the internet is increasingly distrustful and volatile. Although big tech companies have been abusing our privacy for some time now, we are coming to a great deal of collective concern as consumers become smarter and more cautious in how they use the internet.

MOBILE RESPONSIVE DESIGN VERSUS MOBILE FIRST DESIGN

  • The problem with mobile responsive design is that it's not properly optimized for mobile, it just reformats the same content to fit any type of screen. While this is undeniably useful, it can lead to an imbalance between the desktop and mobile versions of your page. This is because with mobile responsive design, you usually start by creating the "desktop" version first and then adjusting it for other devices.
  • Mobile first design is different, where you first design a product for the most basic navigation, as it is on mobile. This means that their initial product is a simple design that provides a smooth user experience. Then it goes on to improve the design for "desktop".

Leave a comment

All comments are moderated before being published.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

¿Te gustaría empezar a
CRECER
sin límites?
SÍ, ESTOY LISTO