05
May
​UX Design Toolkit

Merging ever-expansive new technologies into our lives in a way that serves us, rather than frustrating us, is one of the great design challenges of our time.

UX is the process of designing (digital or physical) products that are useful, easy to use, interact with and understand.  We chat more about what UX Design is here.

As our Digital Design course here at JMC Academy works a lot to incorporate UX Design into our student’s studies, we have put together a toolbox of great websites and apps that can be very useful in the work of UX Design. 
 
 

Paper prototype App Design by JMC Tri 1 Digital Design student Frances Coronel. #jmcacademydesign #paperprototype #digitaldesign

A photo posted by JMC Academy Design (@jmcacademydesign) on



UX Project checklist

Planning is a key stage in any process, especially design! This tool displays each stage of the UX design process, with links to further information on each process. You can also tick each process to track what you’ve done!


Five Seconds Test

This tools shows your design to people for five seconds. When the time is up they're asked questions about what they remembered. This is great to help you fine tune your landing pages by analysing the most prominent elements of your design.

Personapp

Knowing your target audience is vital when creating a design. This tool helps you visualise your audience using a simple framework. 

InVision

For free, you can upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes through InVision.

 
 

Cardtoss UI prototype. By Rahul. #UI #digital #design

A video posted by JMC Academy Design (@jmcacademydesign) on


Principle For Mac

Principle makes it easy to create animated and interactive user interface designs. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.

Adobe XD Experience Design

Adobe has just released XD, made for fast, fluid UX design with innovative tools that eliminate speed to switch from design to prototype easily. You can quickly create wireframes and visual designs, preview changes in real time, and share prototypes with your team for instant feedback. 

Sketch

Sketch is also a common and simplistic replacement for Photoshop when making mock ups. This tool makes it easy to create high-quality complex shapes with its fully vector-based workflow.


Popapp

Once you have an idea of your design, this tool helps you create a working prototype to check transform your pen and paper ideas into a real visual guide. 

GoodUI

When your creativity is having a block, GoodUI helps to prompt with you with a clever collection of patterns and ideas. 

The beauty of modern technology, is that there is always something that can help you when designing for The Web, Apps, Spaces and experiences as we focus on in our Digital Design course. 

Find out more about studying Digital Design at JMC to develop the skills to work with the design tools to turn your ideas into things that we can not only visualise, touch or hear, but also things we can actively experience. 

Other articles you may be interested in;