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.

None

Syllabus

Syllabus - What you will learn from this course
Week 1
Course Overview
Not Getting Caught up in the Details: Wireframes
Week 2
Finally, Make it Beautiful: The Mockup Phase
Week 3
An Excursion to Codelandia
Week 4
Putting it all Together: Final Presentation

FAQ

When will I have access to the lectures and assignments?

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

What will I get if I subscribe to this Specialization?

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

What tools or software will I need to complete this course?

Since this is a graphic design course, to complete the assignments you will need access to a desktop or laptop computer with the appropriate software installed. You can't really do graphic design work properly on a smartphone or tablet. Adobe CC software is recommended for these courses, but alternatives are available. Software will be reviewed in greater detail in the first week of the course.

Reviews

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.

Doesn't add much to the rest of the courses in this specialisation... I guess the project is good additonal practice

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

Interesting course. Just the right amount of challenge. I liked seeing the two students show their progress as the course went along, this gave a peek into what we're expected to do.