Join James Williamson for an in-depth discussion in this video Prototyping tools, part of Introduction to Web Design and Development.
- Prototypes are an important way of conveying…the design and functionality of projects…to clients and potential users.…Prototypes are not mock ups.…They're functioning examples of pages or sites…that could help you iterate and develop your projects…by getting valuable feedback on how effective…and usable your design is.…Since prototyping is so specialized,…specific prototyping tools have emerged…to help you create them.…I want to take a look at some of the prototyping tools…out there and how to decide…if they're right for your projects.…
Picking the right tool first starts with understanding…what the focus of your prototype is going to be.…Will it show a single feature that you want feedback on…or is it a wider representation of the entire site?…Will it need to accept user input…or are you getting feedback on things like site navigation?…In large part the tool that you choose…is going to be driven by what you need the prototype to do.…I'm going to start with some of the tools…that you're probably familiar with.…
Author
James Williamson
Released
11/25/2014If you want to get up and running fast, check out the chapter on getting online, choosing a domain name and web host, and getting around the backend of a standard website. Need to stock your tool chest? Learn what you'll need to build a brand new site, from web design software and content management systems, to testing and prototyping tools and development frameworks. Finally, James outlines learning paths for where to go next, touching on subjects such as standards and accessibility, responsive design, and the three core web technologies: HTML, CSS, and JavaScript.
- What is web design?
- What is a web designer?
- Learning to code
- Choosing a web host
- Working with a CMS
- Exploring how websites are structured
- Choosing your framework or software
- Designing with standards and accessibility in mind
- Learning HTML, CSS, and JavaScript
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome1m 6s
-
Exercise files43s
-
-
1. Exploring Web Design
-
Exploring HTML9m 57s
-
Exploring CSS6m 13s
-
Exploring JavaScript12m 7s
-
Learning to code2m 55s
-
2. The Field of Web Design
-
What is a web designer?4m 19s
-
Is web design right for you?3m 23s
-
-
3. Getting Started
-
Getting online quickly4m 36s
-
Choosing a web host6m 50s
-
Registering domain names4m 45s
-
Administering sites9m 27s
-
How sites are structured7m 35s
-
-
4. Exploring Tools
-
Typical workstations5m 9s
-
Choosing a code editor4m 43s
-
Testing tools3m 57s
-
Prototyping tools4m 57s
-
Frameworks4m 17s
-
JavaScript libraries4m 44s
-
-
5. Learning Web Design
-
What to learn first3m 38s
-
Standards and accessibility5m 31s
-
The importance of content3m 12s
-
Designing for the screen3m 55s
-
Learning HTML3m 58s
-
Learning CSS3m 14s
-
Learning JavaScript4m 18s
-
-
Conclusion
-
Where to go from here2m 58s
-
Additional resources6m 2s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Prototyping tools