Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Draw Interactive Wireframes with Diagrams (Draw io)
Rating: 4.3 out of 5(55 ratings)
891 students
Created byAndrea Sabatino
Last updated 12/2021
English

What you'll learn

  • Getting started with Diagrams (draw io)
  • Use Diagrams (draw io) to build Wireframes very close to the final delivered product
  • Draw a Static Mockup
  • Draw a Static Mockup with an Info Layer
  • Draw an Interactive Mockup
  • Diagrams' app main features, by directly using them in practical activity
  • Create an App video-demo before the development starts

Course content

5 sections21 lectures51m total length
  • Tips for a Good Mockup2:27

    Main tips to draw a good wireframe

  • Draw.io - Part 11:49

    A first overview of Draw.io online platform

  • Draw.io - Part 21:49

    Draw.io additional settings

Requirements

  • No course requirements or prerequisites

Description

Avoid short Trials and complex Wireframing Software: draw fantastic Mockups without paying and downloading anything!

With Diagrams (ex Draw io), you can build High Fidelity Wireframes with a great library of awesome widgets. It doesn't matter if your mockup is for a Web, Android or IOS app. You will find what you need.

This course is for you if you would like to create a Wireframe that looks and feels like the final app, for example to finalize an UI Specification, to be so on the same page with your Customer. Or to create an early app Demo, during the pre-sales phase, when nothing already exists.

After trying other platforms like Balsamiq, Just In Mind, Prototype, I saw following advantages in using Diagrams:

  • It's free, forever (No licenses, No trials, No login or registration required)

  • It's online, nothing to install, search it in the browser and go (but You can also download the Desktop version)

  • It's fast, both in learning and in drawing Mockups

Moreover...

  • It has a big library of modern widgets (and can be also extended by ourselves)

  • It's lightweight, no particular client performance are required

  • It's widely adopted in companies, as a standard and professional diagramming tool

  • It's secure, as you have full control on where to save your private work, and on who will access it

  • It's integrated into a wide variety of platforms like GoogleDrive, SharePoint, Confluence and Jira

After this course you will be able to create, for free, an Interactive Wireframe that looks exactly like the final app!

Are you ready?

Let's start!

Who this course is for:

  • Anyone who wants to draw an App Mockup before creating the final product
  • Anyone who wants to draw an App Mockup without using complex software or short free trials
  • Anyone who wants to learn Diagrams (draw io) by practical usecases
  • App and web app developers