Complete guide to UI / UX Wireframing
4.3 (35 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
454 students enrolled

Complete guide to UI / UX Wireframing

Complete guide to UI / UX wire framing from basic up to creating Chat Application UI in Balsamiq Mockup .
4.3 (35 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
454 students enrolled
Created by HU Shahir
Last updated 9/2016
English
English [Auto]
Current price: $27.99 Original price: $39.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • What is UI / UX ?
  • Process of User interface and User Experience design .
  • What is Wire framing ?
  • Complete guide to Balsamiq Mockup .
  • Creating UI / UX interactive wire frame in Balsamiq Mockup .
  • Advance Prototype in Marvell App.
Requirements
  • Balsamiq Mockup
  • Self-confidence
Description

Have you ever wondered about the user interface and user experience (UI/UX) design process? The coolest parts of these processes are wire-framing and sketching. These processes are about producing the very first examples of the application or website that you want to build.

You can draw wire frames with a pencil on actual paper if you have some drawing skills, but what could be better than a computer and software to help you with this? 

In this course, we will:

  • talk about wire-framing basics and why we need wireframes and sketches of our user interfaces
  • discuss what a user interface is and we look at the UI/UX design process
  • consider the required tools and we look at Balsamiq Mockups software in depth
  • create interactive buttons in Balsamiq Mockups
  • learn how to export your files from Balsamiq and use these in another cool prototyping app called Marvel

You will learn everything, from the basics of user interfaces to how to make a Mobile Chat application.

Features of this class: 

1-      Easy to follow 

2-      No need of any advance understanding of graphic software programmes 

3-      A complete guide

4-      Project oriented 

5-      Project files and assets If you are new to UI/UX design and want an in-depth look at this important phase of UI/UX design, then this course is perfect for you. Let’s get started!

Who this course is for:
  • This course is for people with a little bit knowledge in graphic software like Photoshop , Illustrator , Corel draw or Sketch .
Course content
Expand all 13 lectures 47:27
+ UI /UX Basics
3 lectures 08:37
  • Definition  of User interface and User experience itself .
  • Process of UI / UX Design ?
Preview 02:57
  • Take a look into design process of UI / UX .
Preview 03:29
  • What is User interface and User experience wire framing ?
  • Why we need to draw wire frames and sketch before creating our UI / UX Design ?
Preview 02:11
+ Getting Started with Balsamiq Mockup
8 lectures 36:40
  • Take a look to basics of Balsamiq Mockup .
Overview to Balsamiq Mockup User interface
05:28
  • How to change different attributes of UI Elements .
  • How to change layer ordering and other stuffs.
Attributes of Elements
06:43
  • Creating UI screens for an Mobile  Text messaging Application.
Creating UI for Mobile Application
08:40
  • Completing design process of UI for mobile application . 
Mobile Application UI 02
08:04
  • Create interactive prototype of our wireframes right inside of balsamiq mockup .
Making elements interactive
02:45
  • How to use power off Marvel Web application to create advance UI / UX prototype .
Creating Interactive Prototype in Marvel App
04:32
Project file and assets
00:02