large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<a href="http://ift.tt/2oBceQf">Tuts+ Web Design</a> | Joanna Ngai 
There’s a big landscape of design tools to choose from, and choosing the right ones isn’t easy. Here are the things to consider as you go about choosing a toolkit for UX design.
<h2>The Product</h2>
When selecting the 
right set of tools, take note of the type of product you’re tackling, the amount 
of time you have to create a mock-up and who you’ll be collaborating with.
What designers need from great design tools is the ability to allow work to transition well between teams, whether between a team 
of designers, in front of non-designers for review, or for handoff from design 
to implementation.
<img alt="" src="http://ift.tt/2nlTjsC">
From all the tools available, each one has some overlap in 
functionality with the others. There are tools that 
specialize for certain platforms and ones that cover mobile, web and experience. Many UX designers work with a range of tools, to cover the gaps or 
fit the context for the deliverable they are looking to create.
<h2>Other Factors </h2>
Other factors to 
consider are:
<ul>
<li>Speed (learning ramp for this tool, general speed of output)</li>
<li>Fidelity required</li>
<li>Sharing (availability of collaboration features)</li>
<li>User Testing</li>
<li> Support documentation</li>
<li> Mobile/Touch support</li>
<li>Ability to create complex interactions</li>
</ul>
One major 
consideration for choosing a tool is how easily the design can translate in the 
user research/testing phase and whether a designer can create an environment 
where design can be validated in front of users. For example, there are tools (such as <a href="https://marvelapp.com/">Marvel</a> and <a href="http://ift.tt/Milx48">InVision</a>) that allow you to send designs to a device which can facilitate testing for a 
mobile app.
In the design 
industry, <a href="http://www.adobe.com/">Adobe’s Creative Cloud Suite</a> (Photoshop, Illustrator, InDesign, etc.) are usually 
considered the standard and what most designers will be trained in. However, it 
is not uncommon to use alternative tools nowadays to complete the task needed. You’ll find this is more a matter of personal choice, budget, which best fits the product needs, and allows easy sharing with those you’ll be working with.
<h2>New Toys</h2>
Something that 
excites me about the state of design tools today is the influx of new 
prototyping tools. Without coding experience, there are visual prototyping 
tools available that mimic interaction (<a href="http://ift.tt/1GuheZO">Principle App</a>, <a href="https://www.flinto.com/">Flinto</a>, <a href="http://ift.tt/1XfTkv7">Quartz 
Composer</a>, etc.) which is incredibly helpful for showing multi-screen 
experiences. It’s exciting for designers to build prototypes that can show 
behavior rather than a static screen. Another recent tool is called <a href="https://www.figma.com/">Figma</a>, which 
describes itself as a real time collaborative interface tool. Most designers 
work in a team environment and having the ability to iterate on the design in 
real time with other designers would be very useful.
Ultimately, as a UX designer 
choosing a set of tools, it comes down to your day to day needs, the type of 
platform you are designing for and how best to share your work (to the teams 
you collaborate with or to users).  
<h2>Coming up..</h2>
Next up in our rapid-fire UX series we talk about Components of UX. See you there!
<div><img height="1" src="http://ift.tt/2nlJUB9" width="1" alt="mf.gif"><a href="http://ift.tt/2mRW1K2"><img src="http://ift.tt/2nlZvkg" alt="a2.img"></a><img height="1" src="http://ift.tt/2mRUIuU" width="1" alt="a2t.img"></div>

Choosing UX Design Tools

Choosing UX Design Tools

The Product

Top Stories