Design For Web

Design for Web Class Schedule
MART 313  

M W 2:00 -3:50 TB 117
Lauren Addario |
Instructor Media Arts & Technology

New Mexico Highlands University | Spring 2019 |
Office Hours: M, W 11:00-noon, T 1-3 & by appointment
Office Location: TB 135

Phone: 505-454-3239.

January 16, 2019 – Syllabus review, review of academic integrity policy, Title IX, & Class schedule. Hand out Assignment 1.

January 23, 2019 – Review good and bad web designs. In class critique and discussion. In class vocabulary worksheet. Lecture: Stats, devices, overview of responsive design, accessibility, templated web options, consistency in design across platforms.  Vocabulary answers here!  One more in class exercise!

January 28, 2019 – Lecture on Accessibility and universal design, In-class exercise, auditing a website for accessibility.

January 30, 2019- Lecture, introduction to user experience and creating personas. In class exercise, who is your audience? Here’s a template for a sample persona, use it as a starting point.

February 4, 2019 – Review of strategy and introduction to scope, brainstorming and card sorting. Homework: Read this for class on Wednesday

February 6, 2019 – Review reading & take this quiz! Lecture: Refining the scope to create the structure. In class exercise, Determine the functionality and the content required for each post it note!

February 11, 2019 – Lecture: The Structure Plane: Information Architecture and Information Design. Create a site map in class/homework. Look at some portfolio sites here!

February 13, 2019 –Lecture: The wireframe/skeleton of the site. In class, Turn your site map into a wireframe.Here are some example wireframesHomework read this: .

February 18, 2019 – School Closed 

February 20, 2019-If you can’t make class because of weather, click here to join via Zoom! Lecture, the surface. Resizing images for the web, Color palettes, look and feel, mood boards, typography for the web. Practice batch resizing with these images
Homework: style guide and mood board for your site. All content due for site on Monday, February 25th.
Check this out! Dozens of New York art galleries were sued over the accessibility of their websites for the visually impaired.

February 25, 2019—All your content should be complete and in your folder labeled My_Site.
Lecture, building your first web page. Intro to web development software. Which one to use?  In class tutorials & work day, build out home page and one interior page.

Responsive Design & Designing for different devices.

February 27, 2019— Need social media icons? Check out free icons here
Simplify your design Critique first pages and user testing, Introduce midterm. Homework research Figma software tutorials.

March 4, 2019— Work day -midterm – your personal site, designed

March 6, 2019 – midterm due present in class

March 11, 2019 SPRING BREAK

March 13, 2019 SPRING BREAK

March 18, 2019 – Introducing components and prototyping in Figma. Homework, build out components for your site and add the prototyping tool, export as .pdf and be prepared to show to class on Wednesday, 3/20. You can find Figma tutorials on their channel here

March 20, 2019 –Show sites in Figma prototyping tool. Lecture, Content Management Systems, getting started with WordPress. Pick a theme by the end of class.

March 25, 2019 – In class, rebuild your site (the best you can using free tools) in WordPress

March 27, 2019 – In class Work on WordPress site 

April 1, 2019 – Background information on final project/prep for class visit on Wednesday, Lecture linked here. Put finishing touches on WordPress site, present them at 3:00 in class.

April 3, 2019 –Guest speakers- your client, what they want. documents_for_discussion
Introduce final project- Web redesign for the NM Historic Preservation Alliance. Homework: 6 goals total, 3 goals -what do the clients want to get out of the site? 3 goals- What do users need to get out of the site?

April 8, 2019–Set up your folder. Final Project_your initials. Find a website from the Excel Doc Strategy plane, make your brainstorming list in class & Develop at least 3 personas in class.

April 10, 2019 – Review Personas & develop the scope, take brainstorming list create post-it categories. Homework: Create navigation & wireframe the site, send me the active urls. Don’t forget to save unique urls and email them to me. Here’s the updated Excel doc

April 15, 2019– Discuss user testing and task analysis. Critique 1, Prepare a presentation of structure, navigation & wireframing to share with client by the end of class. Feedback from client re: structure and navigation, review wireframes. In class, the surface plane- look and feel.

April 17, 2019– Work day, develop look and feel and present mood board in class by 3:00.

April 22, 2019 – Start building site in Figma, create components, don’t forget to resize images!

April 24, 2019 –2:00- 3:00pm Guest Speaker Jim Hunyadi Copyright issues. What you need to know when designing for the web! Work day, continue to build out site.

April 29, 2019- Critique 1, work day, continue to build out site.

May 1, 2019- Critique 2, finalize prototype and share with NMHPA by the end of class. 

Wednesday May 8, 2018 FINAL EXAM & presentations, 7:30-10:30 AM (Usually start at 8:00)