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.

<p><a href="http://ift.tt/2rzgv8Z">medium bookmark / Raindrop.io</a> |  </p>
<div>
<div>
<div>
<div>
<div>
<p>Co-Founder of AJ&amp;Smart, a Digital Product Design agency. Nerdy-looking Irish guy.</p>
<p>Jun 20</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<div><img src="http://ift.tt/2sSIC6V" alt="1*rHVtuKRKYLLzZHYssPSZQw.png"></div>
</div>
</div>
<div>
<p>One of the most common questions I am asked is “which tools do you use to build your prototypes”. My answer is usually a slightly unhelpful: “Whatever I need for that specific product.” I’m really not passionate about any of these tools guys!</p>
<p>Though that answer is true, I do have some go-to apps I use for specific prototype types.</p>
<p><strong>As always, you can skip the reading bit if you just want to watch the video!</strong></p>
</div>
<div>
<div></div>
</div>
<div>
<h3>1. Basic prototypes (“Easy peasy”)</h3>
<p>For simple, high fidelity prototypes that do not require a lot of animation. Just transitions between screens.</p>
<p><em>I use:</em></p>
<ul>
<li><a href="http://ift.tt/1Ls7nHW"><strong>Sketch</strong></a> for the screen design</li>
<li><a href="http://ift.tt/Milx48"><strong><i>Invision</i></strong></a> to stitch and share the prototype (I don’t use the collab stuff). <i>Invision</i> is sort of the workhorse of prototyping tools, it does pretty much everything you’d need for building and testing a prototype, without needless complications.</li>
<li><a href="http://ift.tt/1pZWfMs"><strong>Craft Plugin</strong></a> for Sketch to make the process between <i>Invision</i> + Sketch more simple.</li>
</ul>
<p><em>Another option:</em></p>
<ul>
<li><i>Adobe</i> XD. It’s pretty much all three of the above products crushed into one product. I haven’t used it enough to give you a clear recommendation but it’s looking promising.</li>
</ul>
<p><em>P.S. Please don’t comment “I use paper…”, I’m talking about digital prototypes here. Smartass. 👄</em></p>
<h3>2. Rich media prototypes <em>(“Whoa, now it’s gettin’ tricky”)</em></h3>
<p>Prototypes with video, sound and animation.</p>
<p><em>I use:</em></p>
<ul>
<li><a href="https://www.flinto.com/"><strong>Flintio</strong></a><strong>.</strong> It’s pretty simple to use, easy to add video and sounds if you need to simulate something a little more complicated. The only BAD THING is that it’s not as easy as <i>Invision</i> to share and test with people as you need to have the <i>flinto</i> app installed. (With <i>Invision</i> or XD you just share a link).</li>
</ul>
<h3>3. 100% realistic prototypes (“Why did I agree to building this”)</h3>
<p>Prototypes with video, sound realistic, native animation, possibly some logic.</p>
<p><em>I use:</em></p>
<ul>
<li><a href="https://framer.com/"><strong><i>Framer</i></strong></a> is insane. You can pretty much 1:1 simulate any digital product experience you can imagine. It’s mostly overkill, but it can make sense sometimes when the experience simply has to look and feel real… or when I want to get a client REALLY excited.</li>
</ul>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<h3>What do you use?</h3>
<p>That’s what I use for my prototyping work at AJ&amp;Smart, what do you use? Who are you? Why are you here?</p>
<p>Thanks for reading! ❤️❤️❤️</p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<div>
<div><img src="http://ift.tt/2spPNCA" alt="1*Msq-ggvNM_drDLkuPEk32g.png"></div>
</div>
<p>That’s me… I added an arrow to make sure you don’t get mixed up.</p>
<p><em>Jonathan Courtney is the Founding Partner and Product Design Director of </em><a href="http://www.ajsmart.com/"><em>AJ&amp;Smart Berlin</em></a><em>. He gives cheeky, energetic product design workshops and talks around the world. Follow, or get in touch with him on twitter or instagram: </em><a href="https://twitter.com/Jicecream"><em>@jicecream</em></a><em>.</em></p>
</div>
</div>
</div>
<div>
<hr>
<div>
<div>
<h3>I’m trying to start a Youtube thing!</h3>
<p>Interviews with famous designers, common questions honestly answered and terribly bright, trippy imagery….<a href="https://www.youtube.com/channel/UCeB_OpLspKJGiKv1CYkWFFw/featured"> Check it out here!</a></p>
</div>
<div>
<div>
<div><img src="http://ift.tt/2rV0bih" alt="1*FkvbYU4RAo7PiRv4xu5WpA.png"></div>
</div>
</div>
</div>
</div>
</div>
<div><a href="http://ift.tt/2rzgv8Z">http://ift.tt/2rzgv8Z</a></div>


The Best Prototyping Tools for Every Level of Fidelity A list of prototyping tools for specific task…

The Best Prototyping Tools for Every Level of Fidelity A list of prototyping tools for specific task…

Top Stories