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 N...

  • All levels
  • English

Course Description

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 wir...

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.

What you’ll learn
  • 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.

Covering Topics

1
Section 1 : Introduction

2
Section 2 : Introduction to Design Thinking

3
Section 3 : Introduction to Design Thinking

4
Section 4 : Introduction to User Personas

5
Section 5 : Getting Started With Wireframing

6
Section 6 : Creating Detailed Wireframes - Part 1

7
Section 7 : Creating Detailed Wireframes - Part 2

8
Section 8 : Add Interactivity

9
Section 9 : Sharing Wireframes & Final Touches

10
Section 10 : Recap 1

Curriculum

      Section 1 : Introduction
    1
    Introduction Preview
    2
    Why Take This Course
    3
    Course Objective
    4
    Getting The Tools
      Section 2 : Introduction to Design Thinking
    5
    Why Learn Design First Preview
    6
    Basic Design Terminologies
    7
    Types Of Websites
      Section 3 : Introduction to Design Thinking
    8
    What Are Wireframes Preview
    9
    Analysing A Case Study
      Section 4 : Introduction to User Personas
    10
    User Persona For Investing Website
    11
    Challenge
      Section 5 : Getting Started With Wireframing
    12
    Analysing Target Website Preview
    13
    Getting Familiar With Balsamiq
      Section 6 : Creating Detailed Wireframes - Part 1
    14
    Screen 1
    15
    Screen 2
    16
    Screen 2 Challenge
    17
    Screen 2 Challenge Solution
    18
    Screen 3 - Part 1
    19
    Screen 3 - Part 2
      Section 7 : Creating Detailed Wireframes - Part 2
    20
    Screen 4
    21
    Screen 5
    22
    Screen 5.5
    23
    Screen 6
    24
    Hamburger Menu
      Section 8 : Add Interactivity
    25
    What are Anchor Points?
    26
    Making the Wireframe Interactive - 1
    27
    Making the Wireframe Interactive - 2
      Section 9 : Sharing Wireframes & Final Touches
    28
    Changing the Skin
    29
    Exporting PDF's
      Section 10 : Recap 1
    30
    Recap

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.