Submitting Mockups and Storyboards

This is the post for the Friday, November 6, 2015 class meeting.

Career Connections Attendees

Sleepy kitten, with the caption, I don't know about your but I'm ready for the weekend!Check in with me at the beginning of the session, so I’ll know you need to leave early.

Remix Rubric

I’ve added a rubric to the assignment in Canvas. The numbers may shift around slightly, after I test some scenarios. Notice that the project is worth 90 points. The remaining 10 points are earned for the in-class presentation in December.

Working On Your Mockup and/or Storyboard

Use your time during today’s session to finalize your mockup or storyboard. Use the examples and tools included from Wednesday’s class as you work.

If you already finished your mockup or storyboard, please work on other aspects of your project.

By the end of today’s session, you should have submitted your mockup and/or your storyboard in the "Project 4 Mockup/Storyboard" Quiz.

In-Class Writing

We need to complete this in-class writing slightly differently because of the many different ways you may have created your mockup or storyboard. Choose the option below that fits your work. When you click on the option, full instructions will appear. Follow them to submit your work:

  • Website URL only
    1. Go to Assignments in Canvas.
    2. Choose the "Project 4 Mockup or Storyboard" activity, under the Participation, etc. heading.
    3. Click the big Submit Assignment button on the upper right.
    4. Click the Website URL tab, and you will see the form below on the page:
      weburl
    5. Paste the link to your site in the Website URL field.
    6. Click the Submit Assignment button, and your link will be turned in.

  • File upload only

    1. Go to Assignments in Canvas.
    2. Choose the "Project 4 Mockup or Storyboard" activity, under the Participation, etc. heading.
    3. Click the big Submit Assignment button on the upper right.
    4. Click the File Upload tab, and you will see the form below on the page:
      fileupload2
    5. Click the Choose File button, and navigate to your file.
    6. Click the Add Another File link if you need to to upload additional files.
    7. Click the Submit Assignment button, and your work will be uploaded and turned in.

  • Both website URL and file upload

    Canvas does not allow you to use both options at the same time, so you will have to write an extra document. Follow these instructions:

    1. Write a short memo in your word processor that gives me the URL. It can be very short and direct. Just give me the link and tell me what it goes to.
    2. Go to Assignments in Canvas.
    3. Choose the "Project 4 Mockup or Storyboard" activity, under the Participation, etc. heading.
    4. Click the big Submit Assignment button on the upper right. You’ll see this File Upload form:
      fileupload2
    5. Click the Choose File button, and navigate to the short memo you have written.
    6. Click the Add Another File link to upload additional files.
    7. Once you have uploaded all your files, click the Submit Assignment button, and your work will be uploaded and turned in.

Homework

For today, do the following:

For Monday, do the following before class:

  • Review the information on documentation for your projects in Chapter 4 of Writer/Designer. We’ll talk about finding assets, and you will create a documentation plan for your project.

 

Designing with Mockups and Storyboards

This is the post for the Wednesday, November 4, 2015 class meeting.

Mockup and Storyboard Examples

cool storyboard, broThese examples show the mockups and storyboards that students created for projects in the past:

Mockup Tools

Mock-ups are usually used for websites, projects that are “static” (like posters or brochures), and texts that are primarily linguistic or visual in nature. Wireframes (if you’re familiar with the term) fall into this category. Be sure to use the Mock-up guidelines on p. 95 of Writer/Designer to guide your process.

Here are some possible tools:

Storyboard Tools

Storyboarding is usually used for projects that move through a series of pieces, places, or points in time—like a video, comic book, or graphic novel. Be sure to use the storyboard guidelines on p. 97–98 of Writer/Designer to guide your process.

Storyboarding is, essentially, outlining your text visually, so you may be happy with creating a simple outline in Google Docs. For online tools I’ve made, I created storyboards with PowerPoint, because it was simple and I had a copy. If you do go this route, Google Slides would work too.

If you want to try something specifically created for storyboarding or a cartoon or timeline tool (listed in Monday’s post), take at look at these resources for creating and organizing storyboards:

Old-Fashioned Tools

Good, old paper and pencil can work for mock-ups and storyboards. There’s no reason that these planning tools have to be digitally produced. Sketch them out if you want to, but then scan them or take a photo so that you can turn them in.

Backing Up Your Design

Many of the mockup and storyboard tools publish your design on their site. Just in case something goes wrong, I strongly advise you to print your work to a PDF, take a screenshot, or otherwise back up the mockup or storyboard that you create.

In-Class Writing

After you look at some of the tools, go to the "Project 4 Design Quiz" tell me the following:

  • whether you will create a mockup or a storyboard (or both).
  • which tool you will use. If you haven’t decided on a mockup or storyboard tool, you can explain why.
  • any questions that have come up for you as you’ve worked on designing your project.

Homework

For today, do the following:

  • If you didn’t complete your "Project 4 Design Quiz" quiz in Canvas, please use the grace period to finish by 5:30 PM Thursday (11/5).

For Friday, do the following before class:

  • Friday will be an in-class workday, for creating/finishing your storyboards and/or mockups.
  • Bring whatever you need to work on your project in class.
  • Anyone signed up for the English Career Connection will be allowed to leave early, after I check in with you on your project.