Back to Web Design: Wireframes to Prototypes
California Institute of the Arts

Web Design: Wireframes to Prototypes

This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes. Along the way we will also discuss: - Responsive web design and mobile web challenges - Mobile-first approach - Web typography - The relationship between design and programming and whether it is important to know how to code - The different web technologies that make the web work, such as HTML, CSS, JavaScript, server-side coding, and databases. This course is the continuation of the course Web Design: Strategy and Information Architecture, in which students completed the first half of a large scale project—developing a comprehensive plan for a complex website. If you are intending to complete the assignments in this course to earn a certificate you must complete the Strategy and Information Architecture course first so you have the materials and data needed to begin creating wireframes and mockups in this course. This is the fourth and last course in the UI/UX Design Specialization, which brings a design-centric approach to user interface (UI) and user experience (UX) design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. These courses are ideal for anyone with some experience in graphic or visual design and who would like to build their skill set in UI or UX for app and web design. It would also be ideal for anyone with experience in front- or back-end web development or human-computer interaction and want to sharpen their visual design and analysis skills for UI or UX.

Status: Visual Design
Status: Prototyping
IntermediateCourse28 hours

Featured reviews

CR

5.0Reviewed Feb 8, 2021

Well rounded course with design, prototyping, and a smidge of ux tips. Better track than the other university's UX & Design. I learned so much, A+ course, no complaints.

KE

5.0Reviewed Apr 20, 2020

This class balances theoretical knowledge and technical skills. I love that it covered everything from target audience strategy and design trends to code and wireframing instruction.

SC

5.0Reviewed Nov 6, 2019

Amazing course. Gives you everything you need to get a good foundation of knowledge in this field and offers many great resources.

MM

5.0Reviewed Oct 20, 2021

This is an amazing course, the lecturer has a great charisma and the material is well prepared, you will get the difference once you experience other courses out there.

JB

5.0Reviewed Jun 4, 2022

This course did a great job of explaining the why's and how's of designing wireframes. The content is easy to understand and follow.

LH

5.0Reviewed Dec 3, 2019

I loved this course! So many useful tips and lessons were packed into the last four weeks, I would highly recommend other students interesting in UX/UI to check this one out!

NF

5.0Reviewed Dec 1, 2022

core skill teaching as UI UX i learned much about UI UX design in this course. As a graphics designer, i have been enhancing my skill from this course.

CF

5.0Reviewed Feb 24, 2021

A lot of wokr to finish all the assignments but it feels good and they were very well balanced throughout this specialization. Congrats for the material. :)

LM

4.0Reviewed Jul 1, 2021

I really enjoyed the creative side of this course. Felt a little demotivated when I reached site mapping, but pushed through and it was so worth it!

AS

5.0Reviewed Aug 30, 2023

Overall good course. I have learned a lot from this course, I am thankful to Coursera and Calart for providing such an excellent platform to learn.Thank you

SC

5.0Reviewed Sep 7, 2023

Exceptional course and interesting assignments! Kudos to the course Instructor at CALArts and Coursera for bringing this course to life.

JW

4.0Reviewed Jul 6, 2021

Why can't we decide our own project topic instead of being required to work on a restaurant one? Hope future students can have more freedom to chose their own project topic