When
a multimedia design is created, our minds of impetuous and creative designers
begin to think about the application of millions of online platforms: websites,
tablets, mobiles, apps, etc. in all possible visualizations and user usability
in each one, because Depending on where the web information is viewed, the user
will act differently. It is not the same to see an app in the middle of the
street where you look for fast, almost instantaneous information, swiping the
screen with your finger, than a website on a huge screen where you can
entertain yourself by reading something else. It is here where the UX design is
essential to make the user accessible and please the user, thanks to Adobe
Experience Design you will be able to prototype user navigation with a very
professional appearance that will save time and energy.
Adobe
XD is a program of the Creative Cloud platform that serves to present and
create our drafts online, also allowing navigation that simulates the user's
real interaction with the system. The advantage that Adobe XD also provides is
that it is a collaborative tool so that a team can collaborate on the same
project and capture their ideas and opinions with comments and contributions of
all kinds.
The
initial pack for the Adobe XD is absolutely available for free with some
limitations. You can install the free version of Adobe XD immediately. But if
you want, you can unlock the limited features for $9.99 for month.
Start Project with Free Version of Adobe XD
Home: when starting a new project in
Adobe XD to WordPress, you can indicate
what type of format or size you want to start working, there are several
options: iphone, ipad, tablet or custom (where you can customize the specific
sizes you want), you can also see a demonstration in the demo where there is an
applied model, the one exposed in this post.
Visualizations: to work in Adobe XD you
have two types of visualization: design and prototype, the two options can be
activated in the upper right of the open file. In the design you can insert
vector navigation elements such as icons, home symbols, arrows, etc., in
addition to images and texts. While navigation flows are created on the
prototype screen.
Tools and panels: If you already know
other Adobe programs you will see the distribution of the tools and options in
the interface very familiar, in the upper part the general menu, in the left
column the tools and in the right column the expanded panels of the selections,
the only thing that changes is the option of Layers that is more similar to
Adobe Acrobat Professional located under the tools, then the icon of Assets or
Styles used.
Once
you try Adobe Experience Design you will no longer want to try and play with
navigation, Adobe has finally gotten a nice and easy program for designers
working on online products. It is so so tempting that you will only want to
work with it.