Code is a tangible part of your project journey its effect, animation and interaction
is becoming an ux decision and the approach is mostly from the research perspective, so
every designer (even no code designers) should know the ending by designing for code. So before
getting into specific, it will be appropriate to say that each digital creatives usually fail to
you know find the right balance between credit direction, ui and ux design taking little account
about code, then forget that every team members should be have an ownership about the the design,
and all the project files during the process. So in italy we have a saying that says
"too much is like the little" one aspect of the accessibility that often is overlooked
is animation but if they are balanced with design improve the user experience it's informative and
also it's a guidance so finding the right balance between animations and accessibility let's say
is the main key value to deliver amazing project but these for sure will change the
the rules of the game and how you prototype so why animation is a ux decision and why it's so
important for every designer know the ending by have you know a good knowledge of the code
so we are going to cover four major points that will help you to understand what i'm talking about
the first one is ideas so one of the mistakes of the designer it's to think that creativity is only
ideas actually is flexibility so the knowledge of libraries and graphic language frameworks such as
webgl or 3js or ogl allows you to have a vision that goes beyond the design itself allowing you
to see the site before the prototyping starts in this lecture we assume that the piano element
could be implemented in the work page in this case the idea of the over animation with the elastic
line that produced a sound sample based on the soundtrack came to me useful to realize the idea
therefore the code has created represented the futures for the artistic direction so the second
one is the result or qa testing we are living for sure in golden age time for uh digital land sites
are becoming more and more interactive so there are a few shifts that you need to keep in mind
in your process to strengthen good results so having worked with components to build such as
3d models or triggers or ui elements you should take care about accessibility best practices seo
or performances as well so performances there are many aspects to consider one of them is the size
of the assets so the choice of image like webp will default back in jpeg progressive for example
is a good way to reduce the payload network when uh the users you know start is loading inside a
website as well as to use uh wolfchu instead of ttf reduce incredibly the the file side and the
dimension of the font itself so you can already at this stage prepare your directory folder to
split up um you know this kind of stuff considering the fonts the images and other stuff
accessibility so designers many time forget that we build site for people that could have
difficulties cognitive reading or maybe uh people that have you know over 60. so contrast ratio is
a key aspect to prevent these kind of issues and color contrast review is a great tool to do that
seo so before starting the design it's good to keep in mind the indexing aspects not everyone
knows but headings html addings uh index google and optimize the organic research that's why i
insert keywords inside heading one heading two adding three and so on
and that's that's so important when you want to optimize some organizer search or maybe
the company make an adwords campaign so these elements can make the difference as well as meta
description and meta attacks so another aspect is best practices and this aspect will not just
help you to have a clean and well structured code but will help you also to facilitate the
search engine optimization motion design it's something that goes beyond the knowledge maybe of
a mid senior level designer but having a knowledge of webgl 3.js alongside cinema 4d or after effects
will allow you to not just create only concept but real disabled prototypes to and 3d models
that can be achievable on the web in the cases of keller sonna's musical score in the project cages
a static idea will be have been to answer simple notes in the musical score instead the knowledge
of after effects body moving and lo tjs allowed me to create anal blocks with different json files
for mutant to synchronize them with an mp3 audio and create some unique elements the interactive
prototype of the index page of the vardos merili allow me instead to understand the usability that
will have had the opening landing page and how the user will have interacted with it the last
one and probably is the most important point and reason on why every designer should know the code
is timing so as designer we can't assume that if we deliver uis then developers automatically
understand how to use it so having a knowledge of code this make will make sure that both designers
and developers are on the same page and this create a night value rules document without
wasting time additionally this implementation can make an incredible difference in the way entire ui
design so every developer or team member should have an ownership about the project files and
in this way they can ask better questions and you can have better communication for example