Oh, I'm sooo excited. I can help with coding the different pages. We could do the like and share experiments separately so they are not affecting each others results.
Lets start with a sharing experiment. We could make the labels "test1-footer" "test2-header" "test3-searchbar" as opposed to "facebook", "google", "twitter". We don't care which network they pick, its the placement/wording/style whether they see/convenient to click it. The metric would sum the three buttons for each test, under the same label. We can all make friendly bets, like picking which horse will win a race. Once we collectively come up with 9, we'll start a separate thread where people can give their prediction. In the spirit of JFDI, I will make the variations you suggested Rob right now. I will wait until Tuesday Night for anyone else variation suggestion on this thread. On Fri, Dec 14, 2012 at 11:12 AM, Rob Weir <[email protected]> wrote: > On Fri, Dec 14, 2012 at 1:24 AM, Samer Mansour <[email protected]> wrote: > > 1. Progress on "Download Share" - Smaller images and text, anti-aliased > > using inkscape. > > http://www.winsor.ca/samer/aootest2.htm > > > > 2. Progress made on possible template placements for "Follow OpenOffice" > > http://www.winsor.ca/samer/aootest3.htm - Left Nav Links & Header Links > > http://www.winsor.ca/samer/aootest4.htm - Title Nav Links & Footer Links > > > > In 2. should we eliminate some placements? Or should we experiment all 4 > in > > separate files? > > > > As I understand it each Content Experiment needs to test one thing, > have one goal that we measure. For example, we could measure % of > visits that generate a page share via a social network. > > So it looks like we want to have at least two different content > experiments: > > 1) On the download page, to test sharing. > > 2) On another typical page, to test the follow/like buttons. > > Would it be worth starting with the first experiment, and then based > on what we learn there, then do the second? > > Within each experiment, we can have the original page (the unmodified > "control" that we are comparing to) and up to 9 different variations. > We add some special Javascript to the original page and Google then > randomly redirects users to one of the variations. Google tracks the > % of users meet some "goal" (typically a specific page view or click), > When Google determines that one of the variations is best to a > statistically significant 95% confidence threshold, then it ends the > experiment and tells us the winner. > > So for each experiment we need some variations and a way of tracking the > goal. > > For the variations, what could we do on the download page? Assume for > sake of the experiment we're testing just the share links. (We can > test the follow/like links separately and eventually combine them in > the final solution) > > Just brainstorming... > > 1) What you have here: http://www.winsor.ca/samer/aootest2.htm > > 2) Variation on #1, but instead of three icons with three text > captions, have a single text caption, "Please tell your friends about > the free Apache OpenOffice" (or similar) followed by three uncaptioned > icons. > > 3) Variation on #2 but with different text. > > 4) Variation on #2 but with different text. > > 5) A bigger bolder placement, a full block, same size and style as the > "Get Apache OpenOffice Extensions" block. Maybe text saying "Tell > your friends about the free Apache OpenOffice!" and big FB, Twitter > and Google+ icons. > > 6) Variation on #2 with different text: "Please tell your friends > about Apache OpenOffice" > > 7) Variation on #2 with different text: "Thank you for telling your > friends about Apache OpenOffice" > > 8) Variation on #2 with different text: "Help spread the word about > Apache OpenOffice" > > 9) ??? > > We have several volunteers with copy writing experience, so it would > be good to have suggestions for alternatives to test. We can have a > little contest. Who can come up with the icon placement and wording > that will score the highest in a live test? I'm happy to give up my > variations above if someone wants to propose an additional variation. > > On the tracking side we'll need some Javascript, so Google Analytics > knows that a goal is achieved. Typical way is to define events: > > > https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide > > Each event has a category, an action, and a label. > > Maybe we have: > > category = social > action = share or like > label = facebook, twitter or google+ > > For example, if the link is to share on Facebook, then the link would > look like this: > > <a href=http://facebook-link"; onClick="_gaq.push(['_trackEvent', > 'social', 'share', 'facebook']);">Tell your friends about us!</a> > > This will be interesting! > > Regards, > > -Rob > > > > > > On Thu, Dec 13, 2012 at 9:18 PM, Samer Mansour <[email protected]> > wrote: > > > >> Kadal, > >> > >> I'm hoping to write some "personas" for user center design, I will take > >> those stories and integrate them. > >> My expectation is that a set of personas will be consider when ever we > >> develop a new feature. > >> > >> Rob, > >> > >> Google's experimentation feature +1 > >> - - > >> It a lazy agreement on Google, Twitter and Facebook's developer sites, > >> they are cool with you using the logo to drive traffic to their site as > >> long as you don't alter it. Resizing is generally acceptable: > >> > >> https://twitter.com/logo > >> http://www.facebook.com/brandpermissions/logos.php > >> https://developers.google.com/+/plugins/share/#sharelink-sizes > >> > >> Although I don't know how they enforce it, I've seen some really > butchered > >> logos. > >> I experimented with smaller icons, problem is pixelation because no > >> anti-aliasing in MS Paint. Inkscape might fix that, try that tonight. > >> - - > >> "I want to stay in touch with OpenOffice" on the home page clicking that > >> goes here: > >> http://www.openoffice.org/social/ it needs a little cleaner layout for > >> the user to see all the sites listed in a smiliar manner and click to go > >> straight to the profile on the social media site. The widgets there > right > >> now break privacy, which is fine in consensus, but I will generally -1 > that > >> behavior, unless it truely provides value to our users. > >> > >> Site wide is 'like/follow'. 'Share' is articles and special pages like > >> volunteering or download. > >> > >> Let me mock up a secondary page that is using the template (eg > >> http://www.openoffice.org/product/index.html) and place the buttons in > >> different sizes and places. If I have time I could experiment with a > >> single generic "social" button that creates an dropdown like effect > >> onmousehover or onmouseclick where the user then makes their social > media > >> choice. > >> - - > >> > >> Ok let me take this feedback and take a few more steps in the above > >> direction. > >> > >> > >> > >> On Thu, Dec 13, 2012 at 11:53 AM, James Grenier < > >> [email protected]> wrote: > >> > >>> Thanks, Rob. > >>> > >>> Very interested in social media integration. Looking forward to seeing > >>> the next set of plans. > >>> > >>> > >>> J. M. Grenier, M.Ed. > >>> Faculty, Business and Humanities > >>> [email protected] > >>> Cell: (339)222-1442 > >>> ________________________________________ > >>> From: Rob Weir [[email protected]] > >>> Sent: Thursday, December 13, 2012 9:35 AM > >>> To: [email protected] > >>> Subject: Re: [Iteration 1] Social Media Integration on OO.org Site > >>> > >>> On Thu, Dec 13, 2012 at 1:05 AM, Samer Mansour <[email protected]> > >>> wrote: > >>> > This thread is focused on completing the ability to share the > download > >>> > page. A separate iteration will be planned for the rest of the > site. A > >>> > following iteration will plan for a better share ecosystem, such as a > >>> > landing page to convince new users with a video about aoo. I still > need > >>> to > >>> > draft up a plan. I will post that more likely this weekend to get > >>> feedback. > >>> > > >>> > Moving on, > >>> > > >>> > Subject 1: I was asked to provide the change in context. I've hosted > an > >>> > edited HTML file with the open graph meta tags specified, facebook > uses > >>> > this standard. I also added the schema.org tags as google+ uses > that > >>> > standard. > >>> > > >>> > Here is the altered file: > >>> > http://www.winsor.ca/samer/aootest2.htm > >>> > > >>> > >>> Thanks! > >>> > >>> I tried it on my machine (Windows 7/Firefox 17.01) and it worked great. > >>> > >>> Is there something we can do to make this more integrated with the > >>> look of the page? Maybe reducing the saturation of the social icons > >>> would make them blend more? > >>> > >>> What's the right balance here? On the one hand we want to emphasize > >>> the links. On the other hand we want them to blend in well with the > >>> overall page design. So we want them to stick out, but not stick out > >>> too much. > >>> > >>> > Here is the difference when meta data is provided to the bots: > >>> > > >>> > > >>> > https://www.facebook.com/sharer/sharer.php?u=www.winsor.ca/samer/aootest.htm > >>> > vs. > >>> > > >>> > https://www.facebook.com/sharer/sharer.php?u=www.openoffice.org/download/ > >>> > > >>> > What do people think? > >>> > >>> One text change: It should be "OpenOffice" with no space in the > messages. > >>> > >>> I like how you mention the 28 million downloads. That number > >>> increases by around a million every 7-10 days. So if we include a > >>> precise number this will quickly be out of date. Maybe we can say > >>> something more generic? > >>> > >>> > >>> > > >>> > Subject 2: I've placed two different types of social media > integration > >>> > areas. > >>> > 1. Just below the download area. (These are wall-post buttons) > >>> > 2. Just below the right hand navigation links. (These are links to > aoo > >>> > profiles) > >>> > > >>> > >>> Something to consider when we look at doing something site-wide. Take > >>> a look at a typical website page: > >>> http://www.openoffice.org/why/why_gov.html > >>> > >>> The following areas are part of the site-wide template: > >>> > >>> 1. The logo and tag > >>> > >>> 2. The announcement message > >>> > >>> 3. The top navigation menu (Product/Download/Support., etc.) > >>> > >>> 4. the footer (everything under the horizontal rule, copyright, etc.) > >>> > >>> We can also define additional locations in the template. For example, > >>> if we want a "social panel" or "social bar" at the top or bottom. > >>> > >>> So maybe we do the "share" buttons specifically for the download page, > >>> but do the "like/follow" ones in a site-wide fashion? > >>> > >>> > Subject 3: How many social sites do we add? (Definitely limited to > ones > >>> we > >>> > already have created and supported.) We could pick a few key > networks we > >>> > know we can support. > >>> > > >>> > >>> You have our current big three: Facebook, Twitter and Google+. > >>> > >>> > >>> > If you choose to reply, provide feedback corresponding to the subject > >>> > number. > >>> > > >>> > Samer > >>> > >> > >> >
