417_F18

ART 417: Web Media II

Quick References

December 12 – You Made it!

Class Topics

  • Final Presentations
  • Course Evaluations
  • Celebrate AIR-U win and semester accomplishments

Homework

December 7 – Final Class

Class Topics

  • Final Vote Oswego survey
  • What should be on Google Drive?

Due December 7 at 11:59pm

  • Website files
  • Shortcut to live URL
  • Copyright Documentation

Due December 12 at 8am

  • Presentation of Final project (slide deck)
  • Process Book (PDF)
  • Portfolio Documentation

December 5 – Portfolio Prep

November 28 – Prep for Critique

Class Topics

  • Discuss AIR-U video.
  • Prepare for a formal critique on Friday.

November 26 – Skills Assessment

Class Topics

  • Identify any technical skills you need for this project that you do not currently have or need significant review on. Discuss this list with Rebecca today.
  • Color of Water: Discuss next possible class visit.

Homework

  • Prepare for critique on Friday.

November 16 – Work, Work, Work

Homework

  • Print to Screen: Work on Phase 3
  • Color of Water: Finish technical tests

November 14 – Next Steps

Class Topics

  • Color of Water: share technical tests with Rebecca, plan for pitch tomorrow
  • Print to Screen: Review printed design in comparison to originals. Make final tweaks. Submit print and move on to the next step.

November 12 – Critique

Class Topics

Today you will have one-on-one critique with Rebecca due to time constraints. Be sure to get feedback from one another earlier in class.

  • Finalize AIR-U submission.
  • Color of Water: Critique and strategy.
  • Print to Screen: Print critique. Must have prints for critique.

Homework

  • Print to Screen: Revise Phase 3 (print). Must bring print to class.
  • Color of Water: Work on pitch.

November 9 – Work Day

Class Topics

  • Check-in about AIR-U competition.
  • Color of Water: Review Personas, Discuss strategy and next steps with Rebecca.
  • Print to Screen: Make sure you have appropriate approvals to move on to Phase 3.

Class Topics

  • Prepare for critique on Monday (second half of class).

November 5 – Project 3

Class Topics

  • Undergraduate students will start working on the Color of Water project collaboratively. By the end of class prepare a Google Doc in the shared drive with specific questions you have for students in ENG 337.
  • Graduate students will work on Print to Screen project independently.

Homework

  • Print to Screen: Work on Phases 1 & 2
  • Color of Water: Read provided materials; Get Organized; start research and personas.

November 2 – Work Day

Class Topics

  • Troubleshooting and finalizing digital prototype
  • Submit project and copyright documentation by 11:59pm

Homework

  • Complete process book and timesheets

October 29 – Critique

Topics

  • Critique of Digital Prototype at 10am in 35 Lanigan.
  • Menu screen designers should grab the TV from 34 at the start of class.
  • Ordering user flow students should make their prototypes live and write the URLs on the white board in 35.

October 26 – Final Prototypes

Class Topics

  • Get feedback on paper prototypes (focus on user experience and hierarchy and organization of information).
  • Finalize prototypes. Prototyping has to be complete before you leave today.

Homework

  • Start transitioning prototypes from paper to code. Focus on good structured and semantic HTML (and do not layer in extra unnecessary divs or classes). For those working on the form, focus on mobile for Monday. Rmember that forms will need some ARIA code. For those working on the large menus, work on setting up the grid and getting the information in the correct places, then focus on the details. Remember that to make the design fit on screen you should use vh and vw units. There are excellent tutorials on grid listed under 317 for today.

October 22 – Critique

Class Topics

  • Copyright (see notes and resources in 317)
  • Paper Prototype Critique
  • Quick Vote Oswego website Update (see message in SLack).

Homework

  • Project 2

October 17 – Visiting Artist

Topics

  • Visiting Artist: Kelly Walters

Homework

  • Prepare for critique of paper prototypes on Monday.

October 15 – New Beginnings

Class Topics

  • Vote Oswego reflection and post-mortem.
  • Strategies to simplify code.
  • Project 2 Kickoff

Homework

  • Explore the work of Kelly Walters prior to class on October 17.
  • Work on paper prototypes.

October 12 – Wrap Up

Class Topics

  • Review Questions
  • Wrap up site edits.
  • Start project documentation.
  • Plan for final submission to AIR-U competition.

Homework

October 8 – Launch

Class Topics

  • Launch site.
  • Organize content that might swap out through the rest of the campaign.

Homework

October 5 – Finishing Touches

Class Topics

  • Critique with Rebecca.
  • Work on finishing touches.
  • Prepare site for launch on Monday.

Homework

  • For Monday: Submit Site
  • For Wednesday: Submit Process Books; Submit evaluation plan; Submit team evaluation form

New project starts on Wednesday.

October 3 – Work Day

Class Topics

  • Work on Vote Oswego project.
  • Submit missing printed reflection assignments
  • Get approval for homepage design.

Homework

  • Complete assigned tasks. Stay connected on Slack.

October 1 – Home stretch

Class Topics

  • Submit reflections that were due last week.
  • Plan for the week. Must be done by the 8th.
  • Troubleshoot as necessary. Get Rebecca’s feedback.
  • Discuss project 2 with Rebecca.

Homework

  • Assigned Tasks.

September 28 – Work Day

Class Topics

  • Review priority list with Rebecca
  • Review persona list with Rebecca
  • Finalize code to start phase 2 (have Rebecca review?)
  • Discuss ways to take advantage of AIR-U resources (accessibility, but also design ideas for challenging content)

Homework

  • Assigned tasks. Use task sheet on drive.

September 26 – Phase 2

Class Topics

  • Task sheet. Include all enhancement suggestions from all teammembers. Prioritize list.
  • Clean up code
  • Organize Drive (I got you started)
  • Consider Personas

Homework

  • Assigned task (see task list spreadsheet on Drive.)
  • Post status updates in Slack.

September 24 – Team Regroup

Class Topics

  • Take time to get to know each other and build trust (45 min; Nicole will facilitate). What do you like to do? What are your constraints outside of class? Share your design work from other classes. What is important to you? How do you like to be communicated with? Share a group experience that went well–what made it work so well?
  • What do you want changed about part 2 of this project? How will the team work more cohesively?
  • Set goals for final version of site. How will you know you are successful?

Homework

  • Get files organized and cleaned up. Don’t start any new work.
  • Create a spreadsheet that includes all desired enhancements. Everyone should contribute. Prioritizing that list and setting schedule for a launch on 10/5 will be your first task on 9/26.
  • Reflection (hand-written and put in sealed envelop):
    • What have you learned about campaign work?
    • What have you learned about design teams?
    • What have been the best points in this project?
    • What have been the worst points in this project?
    • What skills have you gained or improved?

September 21 – Publish!

Class Topics

  • Last minute troubleshooting.
  • Make live.
  • Formalize assessment plan.
  • Prioritize next steps and enhancements.
  • Address group concerns.

Homework

  • Group assigned tasks.

September 17 – Measures

Class Topics

  • Individual Reflection (type and submit individually in your own folders):
    • What are your top three concerns moving forward on this project? Why? Explain.
    • What has your biggest contribution to the project been? Explain.
    • What strength do you have that the team is not taking advantage of?
    • Who has been the most valuable teammate? Why? Explain.
    • Have you pulled your weight? Have you done a fair share of work? Met all of the deadlines? Explain.
  • Look at Bulletin Board ideas and discuss relationship to web
  • Define measures of success: How will you know the site has been successful?

Homework

  • Prepare preliminary site for publication. Be sure to keep your individual process books and timesheets up to date.

September 14 – Critique and Approvals

Class Topics

  • AIR-U updates
  • Look at Personas
  • Look at Bulletin Board ideas and discuss relationship to web
  • Approvals from Rebecca
  • Discuss measures of success
  • Meet with Client
  • Create plan of action

Homework

  • Work on Vote Oswego website
  • Revisit grid assignment for Monday
  • Formalize measures of success

September 12 – Team Lakers

Class Topics

  • Review Grid assignment. What solution is most efficient?
  • Vote Oswego Site
    • AIR-U Updates: Vote Oswego is signed up, how is the training going?
    • What is working about the process and what isn’t? How do we fix what isn’t?
    • Prepare user tests (can you test in-class?)
    • Documenting your work: are you keeping a process book of your individual contributions? Are you spending at least 3 hours outside of class on the Vote Oswego project?
    • Review/critique completed tasks as assigned last class
    • Assign new tasks
    • What is the site evaluation plan?

Homework

  • Vote Oswego site

September 7 – Planning

Course Topics

  • AIR-U update: accessibility training will be open to you on Monday. You’ll receive an access pin by email. Meeting with assigned mentor has not been set yet. Is Vote Oswego registered as your client yet?
  • Vote Oswego Update: I have notes for everyone from a brainstorm session with the grassroots team that you might find helpful (Kim and Nicole can fill you in more). There is a very rough draft of the site text on the drive — it is not useable in its current form, but the research is all there. They are going to clean it up during a work session on Saturday.
  • Prepare proposals/concepts for Rebecca. She’ll meet with you the second half of class.
  • Do you have a plan for testing? Test early and test often.
  • What sites have you been looking at for inspiration and for context?
  • Assign tasks for next class and a communication plan for the long weekend.
  • Post all meeting notes on Google Drive. Assign a team member to post a quick re-cap of what is decided in class to the Slack channel.
  • Timesheet needs label columns. All hours already logged need to be in the spreadsheet before Monday. Changelog probably needs a column for what file was worked on. For both, set up text-wrapping for each column. Spreadsheets are our friends.
  • Set up a system for to-dos or what to do next if people finish tasks early.

Homework

  • Get a jump start on the training modules provided by AIR-U
  • Finish up grid exercise.
  • Complete your assigned task for the Vote Oswego project

September 5 – Critique

Class Topics

  • Update on Knowability AIR-U
  • Critique: Review all of the mockups/plans. Narrow down options. Consider new ideas (do some collaborative sketching).
  • Develop a plan for next steps. Build out a reasonable timeline. A basic/functional version of the site (that matches the brand guide) needs to be up for Blitz week that starts on 9/24. Progressive enhancements could be added on through 10/3. During the progressive enhancement phase you can make revisions based on user-testing and quality testing.
  • Nominate a project manager to keep the group on task during class meetings and to keep all of the paperwork in order: copyright documentation, changelog, timesheets. This person should be very organized, never miss deadlines, and proactive.

August 31 – Vote Oswego Planning

Class Topics

  • Start planning for the Vote Oswego project.
    • Look at the outline and consider the kinds of content you will have. Based on that content, what kinds of modules will need to be developed. Include everything—don’t forget the basics like navigation and a site identifier.
    • What needs do the audience members of the site have? Consider the student body (potential voters), the campaign staff, volunteers, and potential volunteers. Don’t overlook details like where and how students will use the site.
    • What skills does this project require? Who has what skills? Where is there redundancies? Where are there holes?
    • What do you need to know from Dr. Rank?

Homework

  • Mockups that consider key modules. Modules need to work across screen sizes.
  • Make sure you submitted a summary of your peer review from last class on Google Drive.
  • CSS Selector Game (provide screenshot of completing all levels. Due on Wednesday.
  • Grid Practice: Use a single grid to create the page layout indicated in the mockup. Design it so that if there were more articles added it would continue the pattern of the page. You are only allowed to alter/add/edit the CSS. Do not manipulate the HTML at all. Do not add classes or IDs. Due on Friday.

August 29 – Getting Started

Class Topics

  • Look at Knowability AIR-U to see if we want to form a team.
  • Join Slack Group
  • Peer Review of Copywork
    • How close is the copy? What is different? How can it be fixed?
    • Is the code valid?
    • Is the code organized in a way that is easy for someone else to edit it? Explain.
    • Is the code efficient?
    • Are all of the assets legal? Copyright law should not be violated.
  • Introduction to Vote Oswego
    • Research Project
    • Set up team drive for site development.
    • Identify strengths and weakneses of the team.

Homework

  • Review the following contents in the team drive: Brand Guide, Research, Personas, Website Outline. Create a list of questions you have about the site to ask Vote Oswego on Friday.
  • Not familiar with Slack? Use this getting started guide.
  • Look at Knowability AIR-U to see if we want to form a team.

August 27 – Copywork

Class Topics

  • Introduction to course
  • Copywork Exercise: Find a call to action on a website that you think is effective. Try to replicate that call to action in code with your own text and images.

Homework

  • Finish copywork exercise.