Difference between revisions of "InfluenceUs dev task"

(Steps to get to DoneDone)
 

(176 intermediate revisions by 21 users not shown)



Line 1: Line 1:
<noinclude><big>[[OurWork]] < [[DevelopmentTeam]] < [[DevelopmentTeamPriorities|Priorities]] < </noinclude>('''[[PairDays?|6]]''') [[InfluenceUs]] ('''[[Hassan Javeed]]|[[Ali Anwar]]''') {{JustTinyEditIcon|InfluenceUs}}<noinclude></big>
+
<noinclude><big>[[OurWork]] < [[DevelopmentTeam]] < [[DevelopmentTeamPriorities|Priorities]] < </noinclude><s>[[InfluenceUs dev task]]</s> {{JustTinyEditIcon|InfluenceUs dev task}}<noinclude></big>
 
__NOTOC__
 
__NOTOC__
 
== What (summary) ==
 
== What (summary) ==
The [[InfluenceUs]] task creates a wizard to [[InviteParticipation]].
 
 
 
The [[InfluenceUs]] wizard provides highly motivated visitors to our site with a fun, easy, and effective way of engaging and influencing the organization they are delighted or frustrated with.
 
The [[InfluenceUs]] wizard provides highly motivated visitors to our site with a fun, easy, and effective way of engaging and influencing the organization they are delighted or frustrated with.
 
There is a substantial ''creative design'' component to this task. It will be important to ''socialize'' ideas before too much investment goes into any particular choice. Low fidelity by-hand drawings can supplement in person conversation and can be scanned for review on IRC. Here is an [http://wiki.eclipse.org/index.php?title=Portal_Polling_Process&oldid=30229 example] where sketches have served this purpose.
 
 
<div class="auModal">
 
Here is some text
 
</div>
 
  
 
== Why this is important ==
 
== Why this is important ==
Some of the most motivated visitors we attract are folks who are delighted or frustrated with the organization behind the domain page they land on.
+
: [[Engagement]]: Makes a clear call to action for motivated visitors.
 
 
: [[Engagement]]: Makes a clear call to action for these motivated visitors.
 
 
: [[BeABuilder]]: Encourages the kind of constructive collaboration we want where all involved parties benefit.
 
: [[BeABuilder]]: Encourages the kind of constructive collaboration we want where all involved parties benefit.
 
: [[ValuableContent]]: Creates public conversations that deeply inform future visitors about how organizations relate with those they touch.
 
: [[ValuableContent]]: Creates public conversations that deeply inform future visitors about how organizations relate with those they touch.
Line 21: Line 11:
  
 
== [[DoneDone]] ==
 
== [[DoneDone]] ==
* [[NeedsInput.com]] is fleshed out to serve as an example for this task.
+
* <s>All [[DomainPage]]s include the InfluenceUs link in the skin</s>
* <strike>Newly created [[DomainPage]]s include the [[InfluenceUs]] wizard.</strike>
+
* <s>No non-DomainPage includes the InfluenceUs link</s>
* The [[InfluenceUs]] wizard looks great (according to Vinh).
+
* <s>The wizard is invoked by clicking a button "InfluenceUs" in the skin</s>
* <strike>The [[InfluenceUs]] wizard feels great to use. (Perhaps uses Ajaxy techniques so that no page reloads have to occur)</strike>
+
* <s>Final submission creates an edit to the [[DomainPage]] that when consummated looks just like any other edit (but is really transcluded from a subpage of the person's User_talk page for example User_talk:AwfulAbigail/PageSheHates).</s>
* The path for a non-logged in user (at the start) feels great to Tak.
+
** <s>Includes a nice edit summary of what it just did</s>
* <strike>The wizard is invoked by clicking something like "Click here to influence Example.Org"</strike>
+
* <s>The [[InfluenceUs]] wizard feels great to use. (Perhaps uses Ajaxy techniques so that no page reloads have to occur)</s>
* <strike>There are branching story lines for "DelightedWith" and "FrustratedWith"</strike>
+
* <s>Final submission adds creates an edit that adds an entry to the [[InfluenceUsLog]]</s>
* <strike>Final submission creates a "pending edit" to the page that when consummated looks just like any other edit (but is really transcluded from the person's MemberPage).</strike>
+
* Vinh has made the [[InfluenceUs]] design look great.
* <strike>Includes a nice edit summary of what it just did</strike>
+
* These pages should all be informative, visually pleasing, and closely coupled with the [[InfluenceUs]] tool
* Before a "pending edit" is fully consummated, the user must log in with a valid e-mail address (so that the edit can be added to their page and transcluded into the domain page).
+
** [[Delighted]]
* The new user should also be encouraged to improve their user page so that the organization knows they are a [[RealPeople|real person]].
+
** [[Frustrated]]
* Every time a constructive edit is made to that page, both the organization and the user are notified via email (this of course includes the initiating edit).
+
** [[InfluenceUs]]
 
 
=== Steps to get to [[DoneDone]] ===
 
* <s> Write the html for the [[influenceus]] form. </s>
 
* <s> Make a InfluenceUs javascript class. </s>
 
* <s> Write a function to hide the complete influence wizard and part of wizards in jquery. like hideAll, hideAuthForm() etc </s>
 
* <s>Clone the branch on some other machine, as the one we are working at seems to be incredibly slow. </s>
 
* <s>Hide everything when the influenceus wizard page is loaded.</s>
 
* <s>Put checks that user cant submit an empty comment or empty fields during signup. </s>
 
* <s>Get rid of '''register wizard''' from the influenceus wizard and point the link register to the register page on the wiki.</s>
 
* <s>Clean up the SpecialVerifylogin page and remove the extra code.</s>
 
* <s>Use a class for the InfluenceUs functions instead of using independent functions.</s>
 
* <s>Add new functions to the InflueceUs Class that extends the Article function like append text to article, getSectionTextFromName etc.</s>
 
* Refactor the addToLog functionality in the InfluenceUs class.
 
* Refactor the [[InfluenceUs]] extension.
 
* Add the [[InfuenceUs]] log page in the LocalSettings file instead of putting it in extension.
 
 
 
=== InfluenceUs Page flow ===
 
# A user who visits NeedInput.com sees the big "Influence Us Wizard ... blah blah" bit
 
# When they click on it they are presented with two choices (without a page reload) for frustrated or delighted
 
# When they click on frustrated they are presented with a yes/no question "Do you know what you want to be different?"
 
** NO ... sorry, we can't yet handle your complaint yet ... if you'd like to leave a message for the developers type in a comment and click save
 
** YES ... Do you believe that making the change is in the best interests of backpack.com and you alike?
 
  
== LocalSettings ==
+
== Comments / Bugs ==
  require_once("extensions/InfluenceUs/InfluenceUs.php");
+
Please add your comments and bugs in this section.
$enableInfluenceUs = true;  // enable/disable influence
+
# <s>I think that the newest comments should go on top.</s>
$addInfluenceUsTagInDomain = true; // enable/disable adding influenceus tag by default to newly created pages
+
# I have a few comments posted on the demo site. Please view them there. [[Vinh Nguyen]] 10:47, 24 January 2008 (PST)
 +
# Feature request: Would it be possible to see all the "Influence Us" related comments given by a user for all the pages they have rated on one single place? A useful scenario may be that someone leaves a really good review on a page and we want to see what other comments they have made. ~~ [[Saad]]
 +
# I love the changes that have been made in the last day or two!  I did manage to break the formatting again. Check out my comments there? [[User:TedErnst|TedErnst]] <small>([[User talk:TedErnst|talk]])</small> 08:59, 25 January 2008 (PST)
 +
# Hitting Enter in after a user logs in in InfluenceUs should work rather than his having to click sign in. [[User:Asad Butt|Asad Butt]] 06:23, 31 January 2008 (PST)
 +
# Here's one: http://www.aboutus.org/index.php?title=AboutUsBugs&curid=10490960&diff=14663151&oldid=14659428
 +
# Images can also be influenced which shouldn't be the case. See http://www.aboutus.org/Image:Portrait-Leifolson51.jpg --[[User:Saad_Saeed|Sa'ad]] <sup>: [[User talk:Saad_Saeed|msg me]] : [[Special:Emailuser/Saad_Saeed|email]] :</sup> 21:48, 5 February 2008 (PST)
  
== Opportunities ==
+
== Steps to get to [[DoneDone]] ==
==== <strike>A user that doesn't yet have a login loses their work once they are finished creating their new account.</strike> ====
+
* <s>Include <nowiki>{{:User talk:Brandon CS Sanders/time.com}}</nowiki> in [[User:Brandon CS Sanders#Influence]]</s> Handled casespace and redirect issues to fetch correct user page to insert influence us messages.
: ''use cookies to store the intermediate results of the form submission instead of url hacking''
+
* <s> Edit cursor does not show up in firefox whereas it does in other browsers. Fix this! (Tried several hacks but none worked. Will deal with it later.) This time it's firefox's turn. It turns out that this is an infamous bug lingering around for ~5 years in firefox. There are workarounds but none seemed to be working in our case. Need to study more or wait for firefox 3.0 that assures the death of this bug.
:: key the cookies by the name of the domain page
+
** Read and understand http://dev.iceburg.net/jquery/jqModal/README
:: <strike>when they come back to the page, automatically populate the form with their partial results</strike>
+
** Read how jqm works on jquery.com
:: <strike>Use ajax to include login or create an account as a step within the flow of the wizard</strike>
+
** Find out the cause of this bug.
 +
** Remove the bug </s> FIXED. The cursor Lives =)
 +
* <s> Changing emoticons to non-copyrighted free emoticons.</s>  
 +
* See if Error logs are clean in production.
 +
* retire the influence_us branch
  
==== <strike>The InfluenceUs button is enigmatic</strike> ====
+
== Not related to InfluenceUs ... but need to be done ==
: ''Add an evocative and informative tooltip that appears on hover over the button.''
+
* Refactor our extensions so that they can be included in tests
:: explains the purpose of the button
+
* commit the ./ require_once fix to LocalSettings.php on live (breaks maintenance scripts)
:: describes what the tool does for you
 
:: creates a call to action for the next step after they're done with the tool
 
:: ''Use this button to leave feedback for '''NeedsInput.com'''.  This tool will help you create a constructive contribution.  Then add this page to your watchlist to participate in the conversation that might ensue.''
 
  
==== <strike>Informatively dense edit summaries</strike> ====
+
== InfluenceUs Page flow ==
: ''Treat the edit summaries as one of the most valuable parts of the initiated communication''
+
# A user who visits NeedsInput.com sees the big "Influence Us Wizard ... blah blah" bit
:: The [[InfluenceUs Log]] '''edit''' should prepend the line "# 2007.10.10 at 12:34 [[User:Brandon CS Sanders|Brandon CS Sanders]] Added a delighted comment to [[NeedsInput.com]] - '[[User_talk:Brandon CS Sanders/NeedsInput.com|They make collective action really easy. They...]]'"
+
# When they click on it they are presented with a popup describing what [[influenceus]] is all about, similar to the way the [[ThreeCoreOffers]] work.
:: The [[InfluenceUs Log]] '''edit summary''' should be "Added a delighted comment to [[NeedsInput.com]] - '[[User_talk:Brandon CS Sanders/NeedsInput.com|They make collective action really easy.  They...]]'"
+
# On the description, they can either continue on by clicking delighted or frustrated ... or they can close the popup.
::: the comment is summarized by arbitrarily truncating it immediately after the word that takes the length beyond 45 characters
+
# If the user clicks [[Delighted]], he is presented with "What made you delighted with this company/domain?" with an emoticon
::: the elipsis (...) is added to indicate that there is more
+
# If the user clicks [[Frustrated]], he is presented with "What made you frustrated with this company/domain?" with an appropriate emoticon
::: the entire text is turned into a link so that someone who is processing the log or revisions can click to read more
+
# After entering the message, the user clicks submit and a series of edits are made.
  
==== <strike>Better Comments</strike> ====
 
: <strike>''Move the comment to a different location, tweak the presentation of the comment, and add informative edit summaries''</strike>
 
:: <strike>Comment is under user talk namespace for example [[User_talk:Brandon_CS_Sanders/NeedsInput.com]]</strike>
 
:: <strike>Comment text is formatted exactly like [http://www.aboutus.org/index.php?title=User_talk:Brandon_CS_Sanders/NeedsInput.com&action=edit&oldid=11530884 this example]</strike>
 
:: <strike>Domain page where the influence is added is formatted exactly like [http://www.aboutus.org/index.php?title=NeedsInput.com&action=edit&oldid=11515375 this example] </strike>
 
:: <strike>Edit summaries are information (like in the previous example)</strike>
 
  
== Needs Attention ==
+
==Discussion==
* These pages should all be informative, visually pleasing, and closely coupled with the [[InfluenceUs]] tool
+
:Loving InfluenceUs & would love to work on extensions to it that will serve our core customer. They could include some suggestions on how to handle "frustrations" & even how to make the most of a "delighted" comment. There could also be a section for other customers who have similar complaints/praises so that similar comments can be clustered & receive one response (to avoid the forum "problem"). And finally, it could include a way for the website owner to contact us directly for coaching on how to handle a difficult case. [[User:Julia|Julia]]
** [[Delighted]]
 
** [[Frustrated]]
 
** [[InfluenceUs]]
 
== Discussion ==
 
No lead? [[User:TedErnst|TedErnst]] | <small>[[User talk:TedErnst|talk]]</small> 09:10, 29 October 2007 (PDT)
 
  
[[Category:DevelopmentTask]]
+
:Yeah a new tool, I am excited. Not sure what stage this is in but here our some initial observations: the text is redundant;  the ''eyecon'' could be confusing with watch icon. Also, InfluenceUs is written two ways, camel cased and as Influece Us. Minor stuff, the tool looks great. [[User:Kasey|Kasey]]
 +
[[Category:CompletedTask]]
 +
[[Category:DevelopmentTeam]]
 
</noinclude>
 
</noinclude>

Latest revision as of 06:32, 8 February 2008

OurWork InfluenceUs dev task

What (summary)

The InfluenceUs wizard provides highly motivated visitors to our site with a fun, easy, and effective way of engaging and influencing the organization they are delighted or frustrated with.

Why this is important

Engagement: Makes a clear call to action for motivated visitors.
BeABuilder: Encourages the kind of constructive collaboration we want where all involved parties benefit.
ValuableContent: Creates public conversations that deeply inform future visitors about how organizations relate with those they touch.
ViralSpiral: The influenced become influencers the next time they are frustrated with an organization.

DoneDone

  • All DomainPages include the InfluenceUs link in the skin
  • No non-DomainPage includes the InfluenceUs link
  • The wizard is invoked by clicking a button "InfluenceUs" in the skin
  • Final submission creates an edit to the DomainPage that when consummated looks just like any other edit (but is really transcluded from a subpage of the person's User_talk page for example User_talk:AwfulAbigail/PageSheHates).
    • Includes a nice edit summary of what it just did
  • The InfluenceUs wizard feels great to use. (Perhaps uses Ajaxy techniques so that no page reloads have to occur)
  • Final submission adds creates an edit that adds an entry to the InfluenceUsLog
  • Vinh has made the InfluenceUs design look great.
  • These pages should all be informative, visually pleasing, and closely coupled with the InfluenceUs tool

Comments / Bugs

Please add your comments and bugs in this section.

  1. I think that the newest comments should go on top.
  2. I have a few comments posted on the demo site. Please view them there. Vinh Nguyen 10:47, 24 January 2008 (PST)
  3. Feature request: Would it be possible to see all the "Influence Us" related comments given by a user for all the pages they have rated on one single place? A useful scenario may be that someone leaves a really good review on a page and we want to see what other comments they have made. ~~ Saad
  4. I love the changes that have been made in the last day or two! I did manage to break the formatting again. Check out my comments there? TedErnst (talk) 08:59, 25 January 2008 (PST)
  5. Hitting Enter in after a user logs in in InfluenceUs should work rather than his having to click sign in. Asad Butt 06:23, 31 January 2008 (PST)
  6. Here's one: http://www.aboutus.org/index.php?title=AboutUsBugs&curid=10490960&diff=14663151&oldid=14659428
  7. Images can also be influenced which shouldn't be the case. See http://www.aboutus.org/Image:Portrait-Leifolson51.jpg --Sa'ad : msg me : email : 21:48, 5 February 2008 (PST)

Steps to get to DoneDone

  • Include {{:User talk:Brandon CS Sanders/time.com}} in User:Brandon CS Sanders#Influence Handled casespace and redirect issues to fetch correct user page to insert influence us messages.
  • Edit cursor does not show up in firefox whereas it does in other browsers. Fix this! (Tried several hacks but none worked. Will deal with it later.) This time it's firefox's turn. It turns out that this is an infamous bug lingering around for ~5 years in firefox. There are workarounds but none seemed to be working in our case. Need to study more or wait for firefox 3.0 that assures the death of this bug.
  • Changing emoticons to non-copyrighted free emoticons.
  • See if Error logs are clean in production.
  • retire the influence_us branch

Not related to InfluenceUs ... but need to be done

  • Refactor our extensions so that they can be included in tests
  • commit the ./ require_once fix to LocalSettings.php on live (breaks maintenance scripts)

InfluenceUs Page flow

  1. A user who visits NeedsInput.com sees the big "Influence Us Wizard ... blah blah" bit
  2. When they click on it they are presented with a popup describing what influenceus is all about, similar to the way the ThreeCoreOffers work.
  3. On the description, they can either continue on by clicking delighted or frustrated ... or they can close the popup.
  4. If the user clicks Delighted, he is presented with "What made you delighted with this company/domain?" with an emoticon
  5. If the user clicks Frustrated, he is presented with "What made you frustrated with this company/domain?" with an appropriate emoticon
  6. After entering the message, the user clicks submit and a series of edits are made.


Discussion

Loving InfluenceUs & would love to work on extensions to it that will serve our core customer. They could include some suggestions on how to handle "frustrations" & even how to make the most of a "delighted" comment. There could also be a section for other customers who have similar complaints/praises so that similar comments can be clustered & receive one response (to avoid the forum "problem"). And finally, it could include a way for the website owner to contact us directly for coaching on how to handle a difficult case. Julia
Yeah a new tool, I am excited. Not sure what stage this is in but here our some initial observations: the text is redundant; the eyecon could be confusing with watch icon. Also, InfluenceUs is written two ways, camel cased and as Influece Us. Minor stuff, the tool looks great. Kasey


Retrieved from "http://aboutus.com/index.php?title=InfluenceUs_dev_task&oldid=14744096"