UI / UX – webdesign trends for 2019
In 2019, the number one trend is context.
There is no more generalization, everything is in the context.
This year will be the year of developing the spirit of universal design that encompasses everything we produce, not just the simple act of “selling”.
Our way of doing things ourselves requires better design choices.
However, far from what we might be in the future, let’s go to the interface and discover the design trends in 2019.
A browser is not only the vehicle of the Internet but also a means of impact. Browsers are becoming faster, more powerful and more attractive.
- Browser performance tests show a clear performance improvement for the most popular browsers.
- Increasing speed has a significant impact on design. Mozilla indicates that the new compiler will be 10-15 times faster than the previous optimization compiler.
- All modern browsers support WebGL 2, allowing for a whole new level of the rendering of 3D objects and textures, fragment depths, and arrays.
The capabilities of the web and mobile browsers bridge the gap between design and reality.
Yes, but all the progress made in browsers continues to promote their distinct value without impacting the sector to a higher level. As so much happens on the Web, it is difficult for browser developers to offer universal solutions and clean the Internet. Browsers may be great, but if they access poor websites, they are infected with bad UX. We need to force better design choices to exploit the current potential of web browsers.
The new features of browsers have opened the door to animation.
Not just the movement of the elements, but a legitimate design opportunity.
The discipline known as motion design involves many aspects of design, but it cuts across psychology and biology.
We find that this area of knowledge will be deepened in 2019.
Complexity replaces fashion as the main feature of animation in design.
Movements and transitions contain a lot of information that would otherwise be lost.
Engaging a customer at a deeper level means staying with them every second of the interaction and making every second count.
Designers must seize this opportunity before it is poisoned by direct marketing.
Motion design also goes beyond the presentation and filling of spaces.
It is now an integral part of the brand strategy.
Yet, the logos are totems.
It’s our imagination and our experience that inspires them.
Why not tap into that imagination and make sure it’s heading in the right direction?
The movement speaks better than lighting, positioning, and materials.
The Motion tells a story. If you can integrate your logo into your story with additional thought, it is advisable to do so.
Yes, but there is a context for everything, including animation.
What you see as a designer is not the same as what a customer sees.
If the product we design is a workable product or connected to difficult scenarios, we can not afford animations, even if they make sense. If there is an emotional contradiction, always do it in the neutral.
3D in interfaces and in-depth
3D rendering and the increase of synthetic images in sequences and real images have existed for a long time.
For the sake of speed and performance, but also accessibility, designers have always avoided complex 3D models in user interfaces.
The best browsers have turned this luxury into an affordable feature.
VFX effects or very complex visual effects move movie-like scenes into the realm of websites.
This trend will be particularly useful for product companies whose processes are complex and not very visual.
Using 3D visualization, you can access any technological process and create a deeper level of understanding.
The reason this works in movies and video games is the short period during which these images are displayed.
Combined with targeted animation, 3D becomes a powerful design tool.
The mobile industry with powerful new chips has not only made it possible to render 3D objects but also to use them in the interface. Small screens are perfect for this.
The design of flat user interfaces has been a dominant trend for over 5 years and has not really changed.
Lately, we have seen a clear shift to add depth and dimension to the flat design without changing the main idea.
Why depth is needed is also why flat design started to exist – we need symbolism to make sense of everything.
The Real 3D and CG combo gave the customer the ability to interact with real objects.
Flat design is also able to do it in a unique and unexplored way.
They call it pseudo 3D.
They are flat layers that pile up to create a three-dimensional sensation.
The main asset to add a dimension to the flat design will be the positioning of shadows and light.
There is also a fast-paced 3D fake that uses conventional design tools such as Principle and After Effects to create a motion model that mimics 3D.
By 2019, we could even see the return of skeuomorphism in a new light.
If the flat design can be deep, it can also be isometric.
Keeping a flat symbolism while exploiting a realistic view is a trend to explore.
We can create impressive images.
It is time to fill them with meaning for humanity and to tackle deeper issues.
How can we do it?
All the 3D and motion design opportunities offered by better technologies mean nothing if they do not produce an emotional impact. Ironically, you do not need complexity to have the most impact.
The reason why the renegade attitude has always been a satellite of the dominant tendencies is its natural attraction.
Some of the biggest redesign campaigns and related artwork have been as fun as possible:
This style of comic illustration and even user interface has a purpose: to maintain the freshness of the look.
You can surround your brand with a constant buzz.
No matter who this style is for, it must be weird or even ugly.
Expect to see more of these forward-thinking and surreal designs in 2019.
However, not all businesses and products can afford this imprudence.
The larger the audience, the more neutral the design must be.
While this may work for established brands, small businesses and those that are struggling to make themselves known will need to be cautious and stay true to what they already know how to do.
Gradient 2.0, flamboyant colors and darkness
The new screens offer a fantastic rendering of colors.
They can even show this through default wallpapers.
Designers are exploring the limitations of accessibility and the impressive gradients of user interfaces.
Gradient 2.0 is subtle and simple.
It does not use conflicting colors.
It has a clear light source and aligns with the shapes to bring depth.
Bright colors are no longer on the agenda.
We will see more colors and layers combined.
In fact, even the monochrome palette will present a kind of visual aesthetic through depth and dimension.
Even cooler is the fact that bright colors and significant gradients stand out better against a dark background.
The dark themes are here to stay and they will only get better.
Here we have adopted an anthropological approach to understanding the dark themes and why they work.
Those who can strike a balance between dark user interface accessibility and the gaudy emotional response will be the best next year.
Yes, accessibility is not the only problem with gradients, colors and dark themes.
Bright colors are traditionally used to reinforce the points to put forward.
When everything is color, how can you emphasize?
Not all users have access to OLED screens.
Some of the gradients may be lost.
Too much contrast can affect the concentration of the user.
Dark themes do not work on sunny days.
Traditionally, fonts are perceived as static entities with a limited set of adjustable parameters.
Designers and writers must consider readability in the context of the x-height, line, and width of the letter.
Whenever the design requires multiple fonts, designers must provide all files that match the font styles used.
You can not fully engage in rich typography unless you cover all the basics.
With variable fonts, you only need one file because variable or generative fonts offer an infinite number of adjustments, from thickness to letter width.
Variable character fonts thrive in responsive design.
Where designers had to manage to insert text into smaller screens without losing or stretching it for a different language that uses fewer characters.
When web fonts were introduced, responsiveness was lacking.
Insufficient flexibility has led to legibility problems and misalignment of the design itself.
Variable fonts are relatively new.
They provide faster fonts for the Web and streamline the overall design process.
Yes, but how long before a smart and adjustable font becomes a way to promote a sale?
If you can make your text response to the subtleties of every available digital context, how does it protect the reader from manipulation?
The parametric text has its roots in book printing, which is a context limited by objective physics.
This prevented people from saving on paper and ink and made reading one of the most important reasons for our progress.
Today, we ask questions that are not new: “Do designers need to code?” Then, “Do the developers need UX knowledge?” The interest of these is simple: avoid any anomaly during the implementation of the concept.
So if this is the goal, it should also be the means to achieve it.
Learning to code is a logical option.
If you are the one running your own design, you avoid a lot of problems.
However, the amount of knowledge you need to keep to be a relevant designer and a powerful developer is exceptional.
Can you do it?
For those who can not, there should be other options.
The goal is not to rise to the rank of the universal designer.
It’s about building better products, with pleasure.
Another way to achieve this goal is to use and promote better tools.
Figma is one of these tools.
Previously, designers had to take into account many variables such as operating systems, integrations, plug-ins, storage, synchronization, collaboration and, finally, the means to assemble them in one place.
Those who have developed a workflow deserve all our respect.
But we want less stress.
Figma is a design tool made for us.
He anticipated a lot of scenarios and a lot of skepticism.
It does everything Sketch and Adobe XD do but better.
Each component of Figma can be transformed into a React component via API and implemented upstream.
Until now, Figma has beaten the competition in terms of cost, speed of execution, collaboration, sharing, integration, support, etc.
That said, Figma is still in development and by 2019 there will be more to come.
Yes, but every time we develop better products and fail to establish an ethical use of the above, we only contribute to our own demise.
Watch Twitter who is struggling to redo a name.
The year 2018 was fruitful for the technical staff who testified in court.
In the end, it is not enough to put tools on the market, you also have to watch how people use them.
Will Figma protect users against dark patterns of user experience and bad designs?
Voice user interface
The design does not have to be visual or visible to work.
We realized that tools do not really matter if we build non-tactile experiences.
To conceive logic means to operate in psychology.
Building voice commands means working with natural language processing.
Voice UI is more about writing, context creation, and data synthesis than real design.
Even then, designers are obsessed with finding ways to represent the voice user interface.
This comes mainly from impressive interfaces and animations.
Most of the time, they have nothing in common with the reality of voice interfaces, but they prepare the user for the absence of controls and teach him how to deal with a technology he does not need.
In 2019, we can hope to witness the deepening of the knowledge of the voice user interface.
Yes, but the biggest challenge for voice user interfaces is not, paradoxically, the human-machine interaction, but the man-to-man interaction, transmitted by a technology that must be smarter than both.
We live in an extremely unbalanced global society.
We have trouble understanding each other in many ways, including technology.
Telephones, cars and voice-controlled homes could simply dig the gap that separates us.
As designers, we should always consider the well-being of humanity as our top priority.
If technology, even that which is beautifully designed, serves one at the expense of others, it must be attacked relentlessly.
UX Writing and Editing
Last year, designers became interested in the meaning of words with typographic characters.
Fiction and technology writers, epistolary novelists and journalists have acquired an adjacent industry for their skills.
One thing led to the other and we defined the role of writing in design: before, there was a mixture of pompous narcissistic bullshit and technical nomenclature.
The things a company did were confused with the value it could give to its customers.
Even though the companies were excellent, they lacked definitive, simple and convincing wording to use with their audience.
UX writing is based on two simple principles: being respectful and helpful.
To be concise is to respect people enough to make their time more valuable than yours.
To be clear is to avoid being double, to protect oneself from bad experiences, so to be useful.
Being expressive means being truthful and not hiding any flaws.
Always focus on helping a user, do not show your eloquence, and never use marketing clichés.
UX writing is easy once you are respectful and helpful.
People do not want to see you promote yourself.
They want to know if you can help them.
In 2018, we witnessed a noticeable increase in the design of voices and tones in large companies In 2019, we do not yet see the development of UX publishing as a design discipline.
The difference between UX writing and UX editing is the bandwidth.
UX writers produce text for the user.
UX publishers analyze, transform, fold and twist any copy into a simple, human text.
There is no crash course for UX editing.
It’s experience, observation and kindness.
Each trend goes through several stages.
The first is skepticism, then fascination and then, boredom.
Fascination is the most dangerous because it often degenerates.
This can turn the idea into a caricature and distort the value.
UX writing is no different.
When being clear become impudence, and being persuasive becomes condescending.
There is still room for creative writing in product design.
But not where the product meets a user. For example, Nike and Boeing pay sci-fi writers to predict their future.
Product Designer as a post title
UX design is a very broad term.
It is a part of the service design that is multi-industrial.
As a result, designers and design firms bring together a wide range of projects from simple utility applications to complex FinTech platforms.
Service designers can have their own style, which they can apply to any product.
That’s why they make themselves known and companies are ready to pay.
It’s like buying parts from a respected supplier.
However, most companies are product companies and may require a deeper level of understanding from a designer.
These companies need a product designer who is deeply embedded in the team, with all the data and tools to influence the system as a whole.
Product design has a significant advantage over service design. It’s access to analysis and the ability to test design decisions live.
Product designers have the opportunity to focus on the specifics of the product they are associated with and drop everything else.
They are deeply informed about the user group for which they design and have real data, contrary to the assumptions with which most service designers have to work.
Yes, but the transition to product design requires strength.
By risking immersing yourself in a certain sector or product, we make a choice that we may never return to.
We must take into account the viability of the sector and the prospects for professional development within it.
In 2019, we will see even more designers devote themselves to becoming specialists and sacrificing their universal skills.
Finally, the biggest trend we are starting to notice is the gradual shift to sincerity.
There are a lot of tricks you can use.
But, nothing beats a good intention.
And, the design has a good intention in its core.