Adjust Curriculum Template design to make it easier to read.

[flukeout]

Received some feedback from a Hive member:

My feedback (before use with other humans) is a UI piece for teachers. That is a lot of dark gray text on white (necessary, of course!). Can we play with the format to make it more read-able? I suggest bullets or color blocks if possible.

@chadsansing Do you have any extra info on this?

• Do you know which specific curriculum they are referring to?
• What do you think they mean by a UI piece for teachers?

[chadsansing]

@flukeout, this is in response to JS activities under development that use the curriculum template.

E.g. http://chadsansing.github.io/curriculum-testing/intermediate-web-lit-two/session01-buttons-and-alerts.html#overview

I think the UI piece means using some indicator to chunk and break up text whenever possible, like between a paragraph and list. Let's ask. I'll ship the thread to the Hive member for more feedback.

[Animaltinez]

@flukeout @chadsansing I think Chad described what I was thinking pretty well. Teachers, like all people, don't read, they skim, especially if they are in a workshop and have to follow this like a guide.

My comment could also have read: "Please increase overall read-ability"

Does that help?

[flukeout]

Sure, thanks! I think there are two ways to do this...

• Changes to the design like making the overall font treatment easier to read
• Content changes that reduce the amount of text and introduce more bullets and lists

I'll focus on the first for now and let @chadsansing mull on the second.

I also noticed that the way we're structuring the headings is pretty hard to read...

It looks like there are three levels of heirarchy here, so we should have a way to make that more apparent.

Additionally, when the page is scrolled, the sidebar image goes away! Yikes...

I'll get on that too.

[chadsansing]

Awesome, @flukeout. I agree that content is part of the issue here. Hopefully, as more curriculum gets used, we'll get more feedback and can better balance the amount of text against users' desire to have things broken down.

In the meantime, @Animaltinez, I assure you the intent here is to provide detailed lesson plans for participatory activities - we would run these activities live at web literacy trainings, but never in a sit-and-read-the-plan way. What cues could we use to help hook educators and get them to go from skimming to reading while looking for classroom materials?

[Animaltinez]

@chadsansing , this:

What cues could we use to help hook educators and get them to go from skimming to reading while looking for classroom materials?

...is a very interesting question that is a great example of a topic for an event Sprout is working on with MLN to discuss “Sustained Engagement/Engagement & Sustainability” .

I don’t have much detail on that just now, but this is helpful to naw on in the meantime. –a

[flukeout]

First, some updates to the overview page...

• New styling for Activity 1 of 8
• New styling for Description paragraph
• New styling for Web & 21C skills
  • This matches how we present them on the Web Lit map pages
• New treatment for module names above title

cc @chadsansing

Coming next, changes to the step pages.

[flukeout]

Some fancy list treatments...

[flukeout]

Title treatment once you're viewing the steps of an activity...

@chadsansing Will these (like Intermediate Web Literacy II) link somewhere?

[chadsansing]

@flukeout - I love how this is coming along. Let's try to link the module title (e.g. "Intermediate Web Literacy II") back to the module index page of off /activities. This module is almost live, but not quite yet, so the link in this case is forthcoming.

[flukeout]

Cover page

On Subsequent pages

Next-up treatment

[flukeout]

The big to do is to figure out the problem with the image not scrolling with the side-nav.

[chadsansing]

Keep it rollin', @flukeout.

[flukeout]

Closing and starting #1850 where we review the changes and continue the discussion.