Skip to content
This repository has been archived by the owner on Mar 5, 2020. It is now read-only.

Redesign Clubs page #858

Closed
hannahkane opened this issue May 1, 2015 · 45 comments
Closed

Redesign Clubs page #858

hannahkane opened this issue May 1, 2015 · 45 comments
Assignees

Comments

@hannahkane
Copy link

The purposes of the re-design are to:

  • Better scaffold the starting of a Club by:
    • clarifying the value of starting a Club
    • building the confidence of the user to start their own Club
    • provide useful resources for getting started
  • Provide a pathway for users who are unsure whether starting a club is right for them
  • Provide a pathway for users who already have Clubs and want to access resources

Final copy here: https://etherpad.mozilla.org/clubssitemeeting

@hannahkane
Copy link
Author

Grooming notes:
Effort: small

@chrislarry33
Copy link

Is this copy reviewed/editable somewhere?

@hannahkane
Copy link
Author

@hannahkane hannahkane added this to the June 5, 2015 milestone May 7, 2015
@ldecoursy
Copy link
Contributor

Note that @thornet @amirad working on new Clubs one-pager to help inform copy here.

@hannahkane
Copy link
Author

Do we have an expected ETA on the one-pager?

@ldecoursy
Copy link
Contributor

Maybe Tues? Still editing draft, then prob need eyes from Paul and @chrislarry33 signoff

@thornet
Copy link

thornet commented May 12, 2015

Goal to have it signed off by @chrislarry33 this Wed.

We can already do some re-structuring based on what's in the one-pager. @hannahkane: I could make a section in that doc to better draft out the update page for the site: https://docs.google.com/document/d/19yk3ZW1Mtjf3oUwspCiXPeNJ_zD63UYGpfEn3BdNxS0/edit#

@chrislarry33
Copy link

@amirad @thornet Can you both get together and get final clean draft together and ship to Paul and Kevin. More comments will be diminishing returns. Once they make edits lets revisit ASAP

@hannahkane hannahkane removed this from the June 5, 2015 milestone May 13, 2015
@ldecoursy
Copy link
Contributor

@hannahkane Thinking we should add this to the June 19th milestone? Updated fact sheet is here: http://mozilla.github.io/learning-networks/clubs/

@hannahkane hannahkane added this to the June 19, 2015 milestone May 27, 2015
@thornet
Copy link

thornet commented Jun 8, 2015

Revised via Paul and Kevin (pulled from https://docs.google.com/document/d/19yk3ZW1Mtjf3oUwspCiXPeNJ_zD63UYGpfEn3BdNxS0/edit#)

[Headline]: Mozilla Clubs

[Definitional statement]: “Meet regularly as a group to learn the mechanics, culture and citizenship of the web together.”

[Value to user]: “Empower your community through purposeful making, reflective learning, and connection to peers around the world."

[Inspire confidence in user]: “What you get when you start a Mozilla Club in your community:

  • We’ll provide you with a Mozilla Club toolkit, which guides you through every part of the process from getting your Club up and running, to keeping it going over time
  • You'll have early access to new activities to do with your learners
  • We’ll connect you with a Regional Coordinator who will be your go-to person for advice and guidance at any point
  • You’ll also be connected to our network of educators and activists, who are as passionate as you are about teaching web literacy and digital skills“

[Give examples] "See Mozilla Clubs in action” [images/links to three different Club case studies, showing diversity of settings, locations, ages, meeting schedules] - [https://github.com/mozilla/learning-networks/issues/172]

[Primary CTA]: “TALK TO ONE OF OUR COMMUNITY REPRESENTATIVES” - button workflow that triggers short form for email and motivational statement. Info lands in a database. With manual + follow up email from regional coordinator.

@hannahkane
Copy link
Author

As per conversation with @sabrinang and @thornet - let's try to narrow this down to one CTA that's focused on requesting a 1:1 conversation

@sabrinang
Copy link
Contributor

Note: http://mozilla.github.io/learning-networks/clubs/ has most up to date info to refer to

@thornet
Copy link

thornet commented Jun 10, 2015

Sharing a few examples of other "get in touch with us" sites:

@amirad
Copy link

amirad commented Jun 10, 2015

The "know a representative" and FAQ at the bottom are what really call out to me in the Avon page. Things we can easily model and can make a big difference.

@sabrinang
Copy link
Contributor

I have done some sketching and synthesized some notes on redpen: https://redpen.io/p/zo723c090907201b0d

WIP
clubs information planning

It is a rough (information dense) structure on how we can communicate our information and after chatting with @hannahkane I can incorporate the map and think about dividing the general club information from the information that focuses on getting people to start a club.

@hannahkane
Copy link
Author

@thornet @ldecoursy @chrislarry33 - take a look at the above, but note that another iteration is coming soon, as @sabrinang mentioned. we should think about tightening up copy.

@ldecoursy
Copy link
Contributor

Coming together, thanks @sabrinang!

There is A LOT of info, wondering if we should think about what might go on a child page? Maybe the "who" section, where we could also list or profile the RCs?

I think in this draft there are probably too many placeholders for icons, images, thumbnails.

@amirad
Copy link

amirad commented Jun 13, 2015

Who we are and the Why seem misplaced and far down on that page. That's the type of info that lives on an "about page" or at the top of the page.

@sabrinang sabrinang self-assigned this Jun 15, 2015
@hannahkane
Copy link
Author

@sabrinang - hope you don't mind. Wanted to share your latest iteration: https://redpen.io/sw8e4f6ac8a6e32422 and your list of questions: https://teach.etherpad.mozilla.org/teachsite-clubspage

So that @ldecoursy @thornet @amirad can weigh in.

@hannahkane
Copy link
Author

Added a bunch of copy and re-org suggestions to the etherpad. I was aiming for simplicity, so you'll see I'm suggesting we cut entire sections.

@sabrinang
Copy link
Contributor

WIP redpen: https://redpen.io/yd22d96ae21ed1077f
WIP copy: https://teach.etherpad.mozilla.org/teachsite-clubspage

Please drop your feedback in the etherpad and use redpen as a rough visual reference.

@hannahkane
Copy link
Author

No longer blocked. w00t!

Final copy here: https://etherpad.mozilla.org/clubssitemeeting

@hannahkane
Copy link
Author

@thornet @ldecoursy - question that came up during stand-up today with @sabrinang and @mmmavis - do you expect the content in the google docs for the different use cases (e.g. "Your Afterschool Program," "Your Neighborhood Meetup", etc) will stay in google docs for long? Is there an intention to move them to github or somewhere else at some point?

Not a blocker or anything, just curious about the longer-term plan.

@thornet
Copy link

thornet commented Jul 29, 2015

Hurray! @hannahkane yes, think we should move it to something more stable soon. I'll file a ticket for that. But we can move ahead with the copy as is!

@hannahkane
Copy link
Author

Just saw Sabrina's wireframes, and want to suggest the following shortened copy for the "Why start" section, because it's not very scannable currently:

  • Your learners will make things that interest them. We learn best by making projects we care about, with peers who support and encourage us.
  • You can use Mozilla's free and educator-tested curriculum. Our curriculum [link to /activities] is free to use and remix.
  • Your learners will benefit from regular engagement. Literacy doesn’t happen overnight. Mozilla Clubs honors the fact that learning takes time.
  • You can embed it in your existing program. You may already be serving a group of learners or running an educational offering. Mozilla Clubs can be a way to embed Web Literacy into your existing program.
  • You'll develop your leadership skills. Improve your own leadership and organizing experience by becoming a Mozilla Club Captain.

Would that work for you, @thornet?

@thornet
Copy link

thornet commented Jul 30, 2015

Beautiful! Works for me.
On Jul 30, 2015 02:34, "hannahkane" [email protected] wrote:

Just saw Sabrina's wireframes, and want to suggest the following shortened
copy for the "Why start" section, because it's not very scannable currently:

  • Your learners will make things that interest them. We learn best by
    making projects we care about, with peers who support and encourage us.
  • You can use Mozilla's free and educator-tested curriculum. Our
    curriculum [link to /activities] is free to use and remix.
  • Your learners will benefit from regular engagement. Literacy doesn’t
    happen overnight. Mozilla Clubs honors the fact that learning takes time.
  • You can embed it in your existing program. You may already be
    serving a group of learners or running an educational offering. Mozilla
    Clubs can be a way to embed Web Literacy into your existing program.
  • You'll develop your leadership skills. Improve your own leadership
    and organizing experience by becoming a Mozilla Club Captain.

Would that work for you, @thornet https://github.com/thornet?


Reply to this email directly or view it on GitHub
#858 (comment)
.

@sabrinang
Copy link
Contributor

clubs mockup update
I updated the clubs page: https://redpen.io/egd04381c2b4f26f22

@thornet
Copy link

thornet commented Aug 17, 2015

<3! Thanks, Sabrina. Looking amazing. Added a few small comments in the redpen.

@sabrinang
Copy link
Contributor

Thanks for your feedback @thornet and I revised the redpen as well: https://redpen.io/egd04381c2b4f26f22

@hannahkane
Copy link
Author

Looks great, @sabrinang. Added some questions to the redpen; might be more for @thornet to answer.

@thornet
Copy link

thornet commented Aug 18, 2015

Thanks! Responded in the redpen. Also cc @amirad for her review.

@hannahkane
Copy link
Author

@thornet - two other comments on the redpen for you. Thanks!

@hannahkane
Copy link
Author

Also see #1174

@thornet
Copy link

thornet commented Aug 19, 2015

@hannahkane sorry, redpen ate the comments I left yesterday! Added them again.

cc @amirad for her review.

@hannahkane
Copy link
Author

Thanks, @thornet. I'm worried we're not spelling out the difference between the two choices on that page well enough. e.g. the user needs to understand the benefits/drawbacks of clicking "MATCH ME" as well as the benefits/drawbacks of clicking "GET STARTED ON MY OWN."

Added a few comments to the redpen to highlight where we might want to make things more clear.

@sabrinang
Copy link
Contributor

We can have the buttons side by side on larger devices and on mobile they will be 1 column:
clubs-page-revised-desktop-081915
clubs-page-revised-mobile-081915

I updated the redpen (https://redpen.io/egd04381c2b4f26f22) but I think there is still some copy comment to be resolved (https://redpen.io/egd04381c2b4f26f22/2?showing_comment=1206232)

@amirad
Copy link

amirad commented Aug 19, 2015

With these updates, is the clubs toolkit tab being kept or removed? I think we've talked about both. In which case, if it is removed we will need messaging on people who click "I'm okay starting on my own" that mentions they will get access to resources, guides and material that can help their club hit the ground running. Maybe we can include info and a process to do that anyways when they click that button?

@hannahkane
Copy link
Author

Can we find a time to talk about this? This feels pretty confusing to me now, so I'm not sure how to convey it well to users. I'll put something on the calendar.

@hannahkane
Copy link
Author

Blocked on (me) not having a full understanding of the "Start on my own" flow.

@hannahkane
Copy link
Author

Unblocked! Design is here: https://redpen.io/egd04381c2b4f26f22

Will file some follow-up tickets to account for new content coming soon (i.e. "Your First Month as a Club Captain")

@thornet
Copy link

thornet commented Aug 25, 2015

Beautiful! Thanks, @hannahkane.

On Tue, Aug 25, 2015 at 12:24 AM, hannahkane [email protected]
wrote:

Closed #858 #858.


Reply to this email directly or view it on GitHub
#858 (comment)
.

Michelle Thorne
Director, Mozilla Learning Programs
Mozilla Foundation

@thornet
[email protected]

@soapdog
Copy link

soapdog commented Sep 22, 2015

👍 beautiful work!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

7 participants