- Course Introduction
- About this course
- About the assignments
- Project Brief
- Required tools
- Instructor Presence and Staff Support
- Forum Guidelines
- Requesting Peer Reviews
- Academic Integrity
- About CalArts and the Program in Graphic Design
Web Design Wireframes to Prototypes
Join the Web Design: Wireframes to Prototypes online course by Coursera to learn the application of early UX research to tangible user interfaces and more.
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based
The Web Design: Wireframes to Prototypes certification course by Coursera is the continuation of the Web Design: Strategy and Information Architecture course and is the final course in the UI/UX Design Specialization offered by Coursera. In this programme, you will gain knowledge about creating wireframes, high-fidelity mockups, as well as clickable prototypes.
Created in collaboration with the California Institute of Arts, the Coursera Web Design: Wireframes to Prototypes online course brings to you a design-centric approach for user experience (UX) design and user interface (UI). It offers skill-based, practical instructions and a visual communications perspective, rather than being focused on programming or marketing alone.
Furthermore, the Coursera Web Design: Wireframes to Prototypes online programme is a self-paced learning course, built for the convenience of students, that allows them to learn at their own speed and from the comfort of their own space. The students can also earn a shareable certificate after completing the course successfully.
- Flexible deadlines
- Free enrolment
- 100% Online
- Self-Paced course
- Intermediate level
- Approximate completion in 41 hours
- Shareable Certificate
- Hands-on Projects
- Subtitles in English
- Online learning
- Flexible deadlines
- Sharable certificate
- Graded assignments
- Graded quizzes
- Peer feedback
Course and certificate fees
There are two options in Web Design: Wireframes to Prototypes course. The free course comes with access to content in audit mode. For candidates who need complete access and certification, they need to pay Web Design: Wireframes to the xPrototypes course fee.
Once the 7-day trial is over, the candidate pays the fee for the course. The monthly fee for Web Design: Wireframes to Prototypes course is Rs. 3,636 per month. Those who want additional benefits and access to other courses can opt for CourseraPlus by paying Rs. 3,636 /month.
certificate providing authority
Who it is for
The Web Design: Wireframes to Prototypes online course will be suitable for the following individuals:
- Those who want to sharpen their analysis and visual design skills for UX and UI
- Those with some experience in front-end, back-end web development
- Those who wish to build a skill set in UX or UI for web and app designing
What you will learn
Upon completion of the Coursera Web Design: Wireframes to Prototypes course, you will have:
- Knowledge of responsive web design, along with mobile web challenges
- Understanding of a mobile-first approach
- Overview of the different cloud service models like IaaS, PaaS, SaaS, as well as deployment models (Public, Private, Hybrid)
- Understanding the relationship between programming and design
- Hands-on experience at Adobe XD, Adobe Illustrator, sketch and Balsamiq
To apply to the Web Design: Wireframes to Prototypes course online course by Coursera, you can follow the given steps:
- Visit the Course page.
- Search for ‘Web Design: Wireframes to Prototypes course’.
- Now, click on the ‘Enrol for FREE’ button.
- A dialogue box will pop up asking you to sign up/sign in to Coursera.
- If you already have an account, use those details to log in and continue or else sign up using your email id.
Filling the form
Joining the Coursera Web Design: Wireframes to Prototypes course, requires you to sign up on the website using your Email ID and password. Once done, you will be eligible to join the course.
Not getting caught up in the details - Wireframes
- Introduction to Week 1
- Introduction to Wireframes
- Introduction and Primary navigation
- Secondary and utility navigation
- Responsive Design: What size should your website be?
- Related content, inline links, indexes, and search
- Common Form Elements
- Introduction to Homepage Content Strategies
- Examples of Homepage Content Strategies
- Wireframing Tools
- Wireframes: Bradley
- Wireframes: Alyson, part - 1
- Wireframes: Alyson, part - 2
Finally, make it Beautiful - The Mockup Phase
- Introduction to Week 2
- Visual Mockups
- Design Principles
- What is whitespace?
- Using whitespace to style a form
- A visual comparison
- Web Fonts
- Web Typography: A few tips
- Creating Visual Mockups
- Moodboards and Homepage Mockup: Bradley
- Homepage Mockup: Alyson
- Interview with Rob Hope: Web design trends
An excursion to Codelandia
- Introduction to Week 3
- Do I have to learn how to code?
- Survey of Web Technologies
- HTML Basics
- CSS Basics
- Web Inspector
Putting it all Together - Final Presentation
- Introduction to Week 4
- Clickable Prototypes Introduction
- Invision Introduction
- Exporting Assets
- Importing Assets and Creating Hotspots
- Hotspot Templates
- Full mockups: Bradley
- Full mockups: Alyson
Coursera provides financial assistance to candidates who cannot pay for the certification course. To apply, they can use the ‘Financial Aid Available’ tab available beside the ‘Enrol for Free’ button to access the application form.
Candidates need to fill out the form and submit it. Coursera will inform the candidates about the application status via email within fifteen days.
How it helps
The Coursera Web Design: Wireframes to Prototypes course has been designed to delve deeper into the field of UI and UX design. The course is the last one in the four-part UI/UX Design Specialization series by Coursera. It brings a design-centric approach into the area of user interface and user experience.
The programme curriculum incorporates video lectures, regular quizzes, and extra readings for an all-round understanding of the topics. There are also graded assignments, projects, quizzes, and feedback to help students better themselves.
The course will benefit those who wish to build on their visual design and analysis skills for UX or UI and has proved beneficial in starting a new career or getting promoted in their existing jobs. In addition, at the end of the Coursera Web Design: Wireframes to Prototypes course by Coursera, the students will be able to earn a course completion certificate that can be shared on professional platforms such as LinkedIn and can be included in their resumes.
For this particular course, it is ideal to have some experience in graphic or visual design, along with some experience with human-computer interaction and front or back-end web development.
As this is a graphic design course, students will need access to a desktop computer or laptop with the appropriate software installed. Adobe CC software is required for these courses, but if not available, you can use other available alternatives as well.
In the audit mode, students can only view and read the course content, but if you wish to get a certificate, graded assignments, and access to the whole course content, then you must get the specialized or certificate version.
The UI / UX Design Specialization consists of 4 courses namely UI / UX Design Specialization, Web Design: Strategy and Information Architecture, UX Design Fundamentals, and Web Design: Wireframes to Prototypes.
Yes, Coursera helps students who cannot afford the fee for the specialization by providing financial aid. You can apply for the financial aid at the time of enrolling or later on in the course, by filling out an application and waiting for approval.
Courses of your interest
More Courses by CalArts
The Brochure has been downloaded and sent to your registered email ID successfully.
Brochure has been downloaded.