Beginners Guide to Wireframes - A Mini Course

Name: Beginners Guide to Wireframes - A Mini Course
Rating: 4.4 (1427 reviews)

Learn to build interactive wireframes without writing any code & learn several key design concepts along the way.

Created bySiddharth Srinivasan

Last updated 6/2018

English

What you'll learn

Learn Why Students should learn basic design first, then coding
Select a domain name that is aligned to their business idea.
Understand the essential concepts of UI/UX
Have A brief understanding of web development
Understand the Different Types of Websites
Get Familiar with Balsamiq Wire framing Tool
Build Wireframes for the Google Chrome Website
Link various Screens

Course content

6 sections • 12 lectures • 1h 15m total length

Introduction0:52
You will learn why it is important to learn design before you learn coding. The mistakes beginners make is they choose to start with coding before they learn what they want their website or product to do. After This you would be able to understand the advantages learning design first brings.

Design Basics2:52
You will understand a few fundamental concepts of design and what is the difference between web design and web development.
How to Communicate to a Web Developer1:07
You will get a clear understanding on the terms used by web developers and be able to communicate with them in a much better way.You will be able to talk their language.
Types of Websites5:17
You will understand what is the difference between a responsive website and a static website. You will also understand why it is crucial to be designing keeping a Mobile first approach.

Wire Framing the Google Chrome Website Part 18:28
You will analyse the Google Chrome Website and start to recreate the same using Balsamiq Mockups.
Wire Framing the Google Chrome Website Part 214:19
You will learn how to wireframe all elements of the Google Chrome Website including the footer region and build a cohesive wireframe.
Building The Pop Up Window
Making the wireframe interactive & Final Touches2:45
You will learn how to make the wireframe Interactive by linking the various screens together and also polish out the wireframe.

Domain Name Best Practises7:44
Getting a truly integrated domain name is vital if you are creating a website. Go are the days having just a website was enough, the world has gone social and it is vital to have social media handles that align with your domain name. Learn how to get the best domain name for your website.
Here I have taken an example of E Commerce store from an upcoming course catering to building E Commerce stores in India.

Requirements

Basic Computer Skills

Description

The first step to building great websites & apps is to learn how to design them. Learn the fundamentals of web & web design. In this course you will learn how to design the website of your wishes from scratch using industry leading tool, Balsamiq Mockups.

Learn how to build wireframes and bring those wireframes to life by creating interactive clickable wireframes without writing a single line of code.

You will wireframe the google chrome website and make it completely interactive.

If you want to get started on learning design quickly in order to make your ideas come to life. This course is for you.

Who this course is for:

People who want to build websites for their ideas but don't know where to start

Beginners Guide to Wireframes - A Mini Course

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 1min

Introduction to Wireframes2 lectures • 7min

Web Fundamentals & Design Basics3 lectures • 9min

Wire Framing the Google Chrome Website3 lectures • 26min

Wire framing a Mobile Responsive Landing Page2 lectures • 19min

Next Steps1 lecture • 8min

Requirements

Description

Who this course is for: