Web Design: Wireframes to Prototypes
5.0 /5- Offered byCoursera
Web Design: Wireframes to Prototypes at Coursera Overview
Duration | 28 hours |
Start from | Start Now |
Mode of learning | Online |
Difficulty level | Intermediate |
Official Website | Go to Website  |
Credential | Certificate |
Web Design: Wireframes to Prototypes at Coursera Highlights
- 25% started a new career after completing this course
- 25% got a tangible career benefit from this course
- Learn from expert faculty of California Institute of the Arts
- Earn a certificate upon succesful completion
Web Design: Wireframes to Prototypes at Coursera Course details
- 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.
- This course is focused on the early user experience (UX) challenges of research, planning, setting goals, understanding the user, structuring content, and developing interactive sequences. While the concepts covered will translate to many kinds of interactive media (apps, digital kiosks, games), our primary focus will be on designing contemporary, responsive websites. In this course you will complete the first half of a large scale projectdeveloping a comprehensive plan for a complex websiteby defining the strategy and scope of the site, as well as developing its information architecture and overall structure.
Web Design: Wireframes to Prototypes at Coursera Curriculum
Week1: Not Getting Caught up in the Details: Wireframes
Introduction to Week 1
Introduction to Wireframes
Responsive Design: What size should your website be?
Introduction and Primary navigation
Secondary and utility navigation
Related content, inline links, indexes, and search
Wayfinding
Header
Footer
Sidebar
Content
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
Week2: 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
Week3: An Excursion to Codelandia
Introduction to Week 3
Do I Need to Learn How to Code?
Survey of Web Technologies
HTML vs. CSS vs. Javascript: A metaphorical adventure
HTML Basics
CSS Basics
Web Inspector
Week4: Introduction to Week 4
Introduction to Week 4
Clickable Prototypes Introduction
Invision Introduction
Exporting Assets
Importing Assets and Creating Hotspots
Hotspot Templates
Full Mockups: Bradley
Full Mockups: Alyson
Web Design: Wireframes to Prototypes at Coursera Admission Process
Important Dates
Other courses offered by Coursera
Web Design: Wireframes to Prototypes at Coursera Students Ratings & Reviews
1 Rating- 4-51
Student Forum
Anything you would want to ask experts?