Detailed Guide to Building Wireframes Using Balsamiq Mockups
A wire-framing course that will teach you all you need to get started ASAP. At the end of this course, You would
- Have a sound knowledge in key concepts of UI/UX.
- Be able to pick the best Domain Name (Website Name) for your business
- Be aware of the delicate relationship between web design & web development and be able to speak the language of developers.
- Have understood the importance of wireframes and how to create them keeping the needs of the user in mind.
- Have done a deep dive into a real life case study and understood more about user personas and how they can be crafted thereby creating the ideal user persona for your product.
- Analysed the portfolio website, wire-framed in this course and would have understood key aspects of web design and web development.
- You will be able to use balsamiq mockups in a professional capacity by wire-framing your own portfolio website, learning various tools and techniques along the way.
- You will be able to create professional looking wireframes that are interactive and learn to share it with investors, venture capitalists, friends or family and developers.
The course will be constantly updated with new content, thereby making this a long term high value purchase, that will accelerate your ambition. So come onboard on this wonderful journey of learning filled with great visuals, clear voice over and great insights.
Introduction to Design Thinking approach & Design Terminologies
-
1
IntroductionIn This lecture I introduce myself and my credentials to be your teacher. Also, I will show you in brief the various web based platforms I have built in my entrepreneurial journey.
-
2
Why Take this Course
In this lecture I give you some statistics backed by numbers from data taken from reputed website such as Salary.com and also IMSI on the job opportunities for your if you know how to apply design thinking such as wire framing to build web solutions and products along with the key reasons on why you should take my course.
-
3
Course Objective
In this lecture you will be able to understand clearly what the objective of the course is along with the road map you are going to take to achieve it.
-
4
Domain Name Setup
In this video, you will learn how to set up your web presence and get ready for the exciting world of technology design.
-
5
Getting Balsamique Mockup Tool
In this lecture you will download Balsamiq Mockups tool and install it on your Windows Based PC or Mac Computer
Introduction to WireFraming using a Real Life Case Study
-
6
Why Learn Design First
In this lecture you will learn why you should always design your web solution first before jumping directly into coding. You will also learn the various challenges that can be overcome by adopting design thinking approach saving you time and money.
-
7
Basic Design Terminologies
In this Lecture you will be introduced to common design basics and also get familiar with the various nuances of web design. Also you will learn about the intricate relationship that exists between, web design and web development along with a few fundamentals of web development.
-
8
Types of Websites
In this Lecture you will understand the difference between responsive websites and static websites and know why this is most important.
Building User Personas - A Deep Dive
Analysing the reference website & Balsamiq
Creating Wireframes of Various Screens
-
13
Analysing the Reference Website
In this lecture you will analyse the reference website we are going to use for building our wireframes in detail.
-
14
Getting Familiar with Balsamiq
In this Lecture we are going to understand the various tools that Balsamiq has to offer and get familiar with using them.
Making the Wireframe Interactive Part 1
Sharing the Wireframes With Final Touchers
-
24
Understanding Anchor Points
In this lecture you will learn what Anchors in a website are and why they are important.
-
25
Adding Interactivity Between the Screen Part 1
In this lecture we create various linkages between the UI elements of the Wireframe.
-
26
Adding Interactivity Between the Screens Part 2
In this lecture we create various linkages between the UI elements of the Wireframe.
Recap
-
27
Changing the Skin
In this lecture, you will learn how to polish the wireframe to visually appeal to investors, developers, intra development teams and family.
-
28
Exporting Interactive PDF's
In this lecture, you will learn how to export your finished wireframes to an interactive PDF that can be easily viewed on any device.
Wire Framing a Mobile Ready Landing Page
