Prototyping Design Tutorial Roundup: Best Video Tutorials
In general, pen and paper prototyping is most often used to display conceptions in the product development process. Which processes simply and rapidly with a brief sketch. But you still have a lot of work to do, if you want to get the wireframes to be more perfect. On YouTube, somebody shows a paper-based prototype for Daum's webmail service. All the button clicks and page interactions displayed logically and clearly by two people cooperated with each other. While time is money and everything at this quick tempo environment. Some users wondered how long it takes to rehearsal for the presentation. The more worried is the sequence of the paper pieces, and the problem of documents missing.
Comparatively, employing with a variety of wireframing/prototyping tools is a more advanced operation. So many introduction or summary of such tools explosively listed. But, do you really know how to use it? Maybe some of you are eager to find out the video tutorial on YouTube or somewhere. It is better to teach you how to do it better than only names. There are some video tutorials of the frequently-used tools. Just take a look.
Wireframing Tool - Balsamiq
Balsamiq Mockups started in 2008 in California. It is the pioneer of hand-drawn style prototyping tool and reproduces the experience of sketching on a whiteboard. It is a simple wireframing tool, which means it cannot use to make the interactive prototype. To help users learn better and faster, a 3-minute video tutorial shows at the home page. More detailed tutorials are available on YouTube, such as this Balsamiq Tutorial with 65K + views, which created in November 2013.
Interactive Prototyping Tool - Mockplus
Mockplus is a simple and easy-to-learn interactive prototyping tool. Which interaction design is fully visualized, that's WYSIWYG. It’s unique link points allowing you to create interactions between components and page drag and drop easily. A 10 minutes video tutorial available at the Tutorial page, that is, learning right, using right. Also, you can find more tutorials on YouTube, then you will learn that Mockplus could help you to achieve the more advanced and complicated interaction effects. Its comparative advantage could see from the “30 seconds prototyping with Mockplus”. Mockplus tutorial has accumulated 10K + views within a few months.
Interface Editing Tool- Sketch
Sketch is a vector drawing application for all designers. Vector graphics is currently the best way to conduct web pages, icons, and interface design. Experienced designers spend a few hours can use it well with their own design skills in Sketch. If you are a beginner and don’t know how it works, simply follow the tutorial videos. LevelUpTuts’ Sketch App Tutorials Series Introduction, which has 300K + views will teach you well in learning Sketch.
Collaboration & Presentation Tool - Invision
Strictly speaking, InVision not an interaction design tool, but it can help designers and design teams to do prototyping more efficiently. Creating an online prototype requires only four parts: creating a project, uploading visual design drafts, adding links, and generating online prototypes to communicate with colleagues, users, and get feedback. A 3-minute video tutorial available on it’s website for a quick overview of Invision. Similarly, you can go to YouTube to find more detailed Invision video tutorial.
You may also interested in: