Category Archives: WDS

MMDI 202 03: WDS Process & Design

Sources to Review:
Read This
Experience Maps
Wireframes Mag
UX for gamers
Dummy text with a twist

The Development Process:
– Who is the site for, Why would people Visit this site, What are your vistors trying to achieve? What information do your visitors need?
– Research/sketches : – DELIVERABLE: Requirements Doc
– Anticipating end-user scenarios: Example, Example2
– Modeling the user experience: Deliverable: Design Document: Audience Scenarios, and Competitive Analysis. Many examples to consider and all are different.
-Generating schematic wireframes for key interfaces and interactions: Deliverables: Site Inventory/Site Map,. Layout grids (Wire frames)
-Designing the visual interface: Deliverables: Template mock-ups in PSD or IA., Web based prototype
-Invite feedback/user testing: Deliverable: Feedback
-Technical Production: Deliverables: Alpha Site
-QA: Testing. Deliverables: Bug List, Beta Site
-Launch: Deliverables: Final Site

Studio 03: Web Development Process and UIX
Review work from last class
Read Articles above. We are focusing on Usability and Usability Mapping today.
Practice UIX and documentation:
– Start thinking about the site you want to build. Draft requirements.
– Who is the audience? Determine the target demographic and create preliminary user scenarios.
– Create User experience maps for your site
– Create a Site Map for the site. Start with content inventory.
Upload to your site and send me the URL.

MMDI 202 02: WDS HTML Basics – 09/08/14

Email me:, please.
If you want to turn your work in using DropBox, make sure you have an account and email me.
Review HW.

HTML is a hierarchy.
HTML provides structure
Chapter 1 – Summary
Chapter 2, all the tags
Another example
Chapter 2 – Summary

What process? Why do we need it?
the bad, worse, just plain ugly
All kinds of “bad”

Studio 02: HTML
Review 1, 2
Read: Chapter 18 – Process and Design
Add more structural and semantic HTML to your pages. Try all new HTML introduced in Chapters 1 and 2

MMDI 202 01: WDS Introduction – 08/25/14

Book: HTML and CSS: Design and Build Websites. John Wiley & Sons. 2011.

Editors – BBEdit, TextWrangler

Read This:
separate but equal?
The world has changed
We all need a process – but none are set in stone
The importance of layout

Free FTP
CSS Schools

Intro to HTML:

Read Chapter 1, Chapter 2

Studio 01: Set up and Intro to HTML
Read the articles above.
Buy a domain name and server space (hosting)
Create a splash page for your web site (use anything you want) Example?
– Use HTML and images.
– Create links to multiple pages both internal and external (what does this mean?)
– Create a link to your email address for contact