search

gitcoinco / web

Grow Open Source
https://gitcoin.co
Other
1.78k stars 771 forks source link

design - as a user, i want a quarterly 'my stats' email, so i can see my activity on the platform #892

Closed owocki closed 6 years ago

owocki commented 6 years ago

design - as a user, i want a quarterly 'my stats' email, so i can see my activity on the platform

example:

screen_shot_2018-04-14_at_7 29 50_pm

sent to people who were active on the platform in that 3 month period

relevant stats:

bounty

owocki commented 6 years ago

thanks for the suggestion @thelostone-mc

gitcoinbot commented 6 years ago

Work has been started on the 0.15 ETH (95.93 USD @ $639.52/ETH) funding by:

  1. @jakerockland

    Please work together and coordinate delivery of the issue scope. Gitcoin doesn't know enough about everyones skillsets / free time to say who should work on what, but we trust that the community is smart and well-intentioned enough to work together. As a general rule; if you start work first, youll be at the top of the above list ^^, and should have 'dibs' as long as you follow through.

    On the above list? Please leave a comment to let the funder (@owocki) and the other parties involved what you're working, with respect to this issue and your plans to resolve it. If you don't leave a comment, the funder may expire your submission at their discretion.

jakerockland commented 6 years ago

@owocki Just want to double verify since there aren't listed deliverables here -- this is a design task, ya?

PixelantDesign commented 6 years ago

@jakerockland there is an email template on the creative repo under Marketing >Email. Feel free to use that as the foundation.

Here is some inspiration:

screen shot 2018-04-18 at 11 11 32 pm screen shot 2018-04-18 at 11 12 05 pm screen shot 2018-04-18 at 11 12 51 pm
owocki commented 6 years ago

@owocki Just want to double verify since there aren't listed deliverables here -- this is a design task, ya?

confirmed

jakerockland commented 6 years ago

@owocki @PixelantDesign Here's my initial go, any revisions?

quarterly stats email

mkosowsk commented 6 years ago

@jakerockland looks amazing!

One quick thought, DAI is gaining a bit of traction on the platform and other cryptocurrencies are looking more interesting as well in addition to ETH. Was curious on your thoughts on the best way to represent 2 or more cryptocurrencies on the earnings portion 🤔

jakerockland commented 6 years ago

@mkosowsk I’m glad you think so! 😄

That’s a great consideration, my initial thinking was just that if a currency other than ETH is used we replace the info in the green box/text with that currency info but always have the correspond blue USD info on the left. Thoughts? Is this something that already has a standard UI elsewhere on the site?

On Apr 19, 2018, 6:31 PM -0600, mkosowsk notifications@github.com, wrote:

@jakerockland looks amazing! One quick thought, DAI is gaining a bit of traction on the platform and other cryptocurrencies are looking more interesting as well in addition to ETH. Was curious on your thoughts on the best way to represent 2 or more cryptocurrencies on the earnings portion 🤔 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

mkosowsk commented 6 years ago

Makes sense if only one cryptocurrency is used other than ETH, but let's say one person earned with ETH and DAI, would those both go in the blue bubble? What about ETH, DAI, and WYV?

PixelantDesign commented 6 years ago

Looking good @jakerockland!

I agree that the circle breaks when a user has earned income in various currencies. Might be best to simplify.

Platform wide stats could be cool in an infographic style like the top as well. I wonder how users might respond to this email being more about providing insights that users didn't know about themselves (more data, less text). Could be an interesting change from the rest of the emails we currently send. @owocki?

owocki commented 6 years ago

+1 to mitches question.. maybe we just list the top 3 currencies used (or we just quote the amount in USD to make the UI cleaner)

Platform wide stats could be cool in an infographic style like the top as well. I wonder how users might respond to this email being more about providing insights that users didn't know about themselves (more data, less text). Could be an interesting change from the rest of the emails we currently send. @owocki?

i agree. though im not sure the best UX direction to go here.. maybe we can leverage some of the recent dataviz work?

data viz work:

i guess one strategic choice we'd need to make about platform specific stats is whether we go totally procedurally generated or if we want to author a new infographic every month. what does everyone think? cc @vs77bb @PixelantDesign

jakerockland commented 6 years ago

Hmm yeah it seems to me that the cleanest solution to the multiple currency issue is only displaying the total amount of value in USD in a big blue circle and then to the right in the text we can give a breakdown that is more detailed and includes information per-currency--simplification seems best here.

Regarding the platform-wide stats, does it seem better to have them in the same style as the user-stats above, or to instead supplement that area with data visualizations that represent the data listed? Or perhaps both? I'm more partial to having the text bullets + a data visualization or two as I like drawing a distinction between the individual stats and platform stats through the design language, but I can also see an argument to do both in the same style?

Thoughts? @owocki @mkosowsk @PixelantDesign

Want to make sure I have a clear idea of what revisions to make before jumping back into the design files.

owocki commented 6 years ago

Regarding the platform-wide stats, does it seem better to have them in the same style as the user-stats above

i could see consistency being really valuable here.

i think the stats we'd want to show is

@PixelantDesign and @vs77bb let me know if you like this list or if we should change it

PixelantDesign commented 6 years ago

That makes sense on the above stats. I was thinking this would all be procedurally generated - same format every month.

jakerockland commented 6 years ago

Hmm yeah that sounds good to me as well @owocki @PixelantDesign, I will post an updated design tonight!

jakerockland commented 6 years ago

@owocki @PixelantDesign @mkosowsk Thoughts on this revision?

quarterly stats email

thelostone-mc commented 6 years ago

@jakerockland This is soo much neater :D Do the emojis make us come across a little too casual ? :P

jakerockland commented 6 years ago

@thelostone-mc Glad you think so 😄

I feel like the emoji's are pretty consistent with other emoji use in various current email copy. I like emojis but I'm not sure what the desired formality is 😅

mkosowsk commented 6 years ago

@jakerockland looks amazing! I like the emojis, feel it's consistent with the the branding as well as use by the community 🤔

thelostone-mc commented 6 years ago

@mkosowsk @jakerockland Is this too long in height ? How much scroll is too much scroll on an email ?

mkosowsk commented 6 years ago

@thelostone-mc I defer to @PixelantDesign but think the email length is appropriate. My trick is to open the image in a different tab and then scroll through it to see if it feels natural for an email, which this does for me 👍🏻

I actually just watched a super interesting video on the topic of "Designing for the Viewport" by Layout Land: https://www.youtube.com/watch?v=QY3lTBZnJmE

In the video, Jen says that just looking at an image for what a user will scroll through doesn't really make sense as that's not how the user experiences the page. She recommends a technique of first Storyboarding the experience (like the movies!) and then experiencing the page like a user would.

In the video she shows a full size screenshot of a typical Amazon page for a product and I was shocked at how long it was... it looked like it was a mile long! But it definitely works :)

thelostone-mc commented 6 years ago

My trick is to open the image in a different tab and then scroll through it to see if it feels natural for an email, which this does for me 👍🏻

Ah I never open email in a new tab -> so a small chunk of the viewport is eaten up gmail and I've never liked scrolling a lot which is why I loved the swiggy mail (the one owocki had posted, yes that's how much I ordered food in the last month :P ) cause it was able to give me the essential info without too many distractions

In the video, Jen says that just looking at an image for what a user will scroll through doesn't really make sense as that's not how the user experiences the page. She recommends a technique of first Storyboarding the experience (like the movies!) and then experiencing the page.

I've heard this being done for websites , not for emails ! Might be worth checking out PS : the video is nice :D

PixelantDesign commented 6 years ago

Very cool @jakerockland!

Could we try the ring graph in a different color? First one in #3E00FF and the second one can stay pink.

What happens when I click share my stats?

I don't think length is an issue, people are used to scrolling for more content.

I agree with @thelostone-mc on the emojis, we may not need them. As a rule of thumb every piece of info that is in a design competes with another piece of information :)

owocki commented 6 years ago

I <3 this @jakerockland !

jakerockland commented 6 years ago

Things feel so lonely without the emojis... 😅 Changed the graph color though @PixelantDesign ! 😄

quarterly stats email

PixelantDesign commented 6 years ago

looks good @jakerockland! I think the last thing would be vertically centering the descriptive text in each box!

jakerockland commented 6 years ago

@PixelantDesign awesome, have updated design here and attached .sketch files as well:

quarterly stats email

QuarterlyStatsEmail.zip

PixelantDesign commented 6 years ago

Great! Thank you!

gitcoinbot commented 6 years ago

Work for 0.15 ETH (95.69 USD @ $637.91/ETH) has been submitted by:

  1. @jakerockland

    Submitters, please leave a comment to let the funder (@owocki) (and the other parties involved) that you've submitted you work. If you don't leave a comment, the funder may expire your submission at their discretion.

owocki commented 6 years ago

@jakerockland @PixelantDesign only about 2% of the network has actually built any thing. do you think it's worth sending this email to ppl (maybe just the platform stats section) if they haven't built anything for the quarter?

related: should be a 'funder' version of this email that shows stats about ppl who have funded stuff?

owocki commented 6 years ago

coding ticket https://github.com/gitcoinco/web/issues/946

jakerockland commented 6 years ago

Yeah, I think maybe if they haven't built anything its best to send with just the platform stats. Also I think 'funder' version of the email is a good idea! 👍

jakerockland commented 6 years ago

@owocki pinging you re: @gitcoinbot -- is it necessary to send a message like this after submitting? I'm not sure what the UX looks like from the funder's perspective 😅

gitcoinbot commented 6 years ago

The funding of 0.15 ETH (95.93 USD @ $639.52/ETH) attached to this issue has been approved & issued to @jakerockland.

owocki commented 6 years ago

is it necessary to send a message like this

message like what?

jakerockland commented 6 years ago

@owocki ah I meant like it it necessary to comment when we've already been actively talking on the issue -- saw your other comment about it being superfluous though!

PixelantDesign commented 6 years ago

@owocki

@jakerockland @PixelantDesign only about 2% of the network has actually built any thing. do you think it's worth sending this email to ppl (maybe just the platform stats section) if they haven't built anything for the quarter?

I think it's worth having a no data case for users that haven't completed a bounty. Something along the lines of "hey you haven't tried out a bounty yet, there's a lot on the platform and they could boost their skills in a variety of ways, meet new people, etc" something better obviously, might want to hit up@vs77bb for this.

Platform stats also make sense for that use case.

related:should be a 'funder' version of this email that shows stats about ppl who have funded stuff?

Funder one could be interesting, I could see a combination of stats on what they've funded, % of bounties that have been completed, how they've boost skills in the community, and platform stats that are already there. Plus any other CTA type peer comparison info that will get them to fund more work on the platform.

owocki commented 6 years ago

@jakerockland are you interested in a continuation of this ticket for the above two use cases (funder or someone who is inactive)? if so, happy to do it with a tip. if not, will create a new bounty / ticket

jakerockland commented 6 years ago

@owocki @PixelantDesign sure thing, I can jump on this this weekend. would be good to get a clearer scope of which stats we want to include in each, like the list above for the initial bounty.

jakerockland commented 6 years ago

@owocki Could I get a bit more specificity on the stats/data you want included in the funder and inactive user emails? Planning to jump on this tomorrow/Friday night.

owocki commented 6 years ago

sure!

funder: num issues created num issues fulfilled success rate (percent) your bounty hunters (names + profiles) hours worked for you

inactive user:

two sections:

hey you haven't tried out a bounty yet, there's a lot on the platform and they could boost your skills in a variety of ways, meet new people

[list bounties that match their skillset]

have you considered augmenting your own team with bounites?

you can do more faster with gitcoin bounties. CTA to go to the funder landing page

jakerockland commented 6 years ago

awesome thanks @owocki will have some designs for you to review soon

jakerockland commented 6 years ago

@owocki I finally got to jump on this! Is this aligned with what you had in mind? Included first is the original email for developers design as reference, then the one for funders, and finally inactive users.

Also will plan to PR this with the activity designs to the /creative repo all in one PR once we're done with this ticket.

quarterly stats email - hunter quarterly stats email - funder quarterly stats email - inactive

owocki commented 6 years ago

this is perfect.. thanks jake!

gitcoinbot commented 6 years ago

⚡️ A tip worth 0.08 ETH (53.7 USD @ $671.25/ETH) has been granted to @jakerockland for this issue from Kevin. ⚡️

The sender had the following public comments:

thx

Nice work @jakerockland! To redeem your tip, login to Gitcoin at https://gitcoin.co/explorer and select 'Claim Tip' from dropdown menu in the top right, or check your email for a link to the tip redemption page.

jakerockland commented 6 years ago

@owocki thank you! 👍 😄