Difference between revisions of "InfluenceUs dev task"

OurWork

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.

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 example where sketches have served this purpose.

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 these 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

• Newly created DomainPages include the InfluenceUs wizard.
• The wizard is invoked by clicking a button "InfluenceUs"
• Final submission creates an edit to the page that when consummated looks just like any other edit (but is really transcluded from the person's MemberPage).
• 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)
• 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).
• Vinh has made the InfluenceUs design to look great.

Steps to get to DoneDone

• Change the format of the InfluenceUs messages to User:Comment instead of Comment:User.
• Clean up the InfluenceUs Task Page.
• Change the flow of the InfluenceUs wizard to include only two paths.One is the user selects delighted and he writes why is he happy about the company, and the second one is the user selects frustrated and writes why is he frustrated and what does he wants them to change.
• Refactor the extension to use the format as the extensions in here: wiki/extensions/AboutUs.
• Add the InfuenceUs log page in the LocalSettings file instead of putting it in extension.

InfluenceUs Page flow

1. A user who visits NeedInput.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. They have two options on this page to go next and participate and one to close the popup.
3. Once the user clicks "Next", he is presented with two choices : Delighted and Frustrated.
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 the comment is saved.

LocalSettings

require_once("extensions/InfluenceUs/InfluenceUs.php");
$enableInfluenceUs = true;  // enable/disable influence
$addInfluenceUsTagInDomain = true; // enable/disable adding influenceus tag by default to newly created pages

Opportunities

A user that doesn't yet have a login loses their work once they are finished creating their new account.

use cookies to store the intermediate results of the form submission instead of url hacking

key the cookies by the name of the domain page

when they come back to the page, automatically populate the form with their partial results

Use ajax to include login or create an account as a step within the flow of the wizard

The InfluenceUs button is enigmatic

Add an evocative and informative tooltip that appears on hover over the button.

explains the purpose of the button

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.

Informatively dense edit summaries

Treat the edit summaries as one of the most valuable parts of the initiated communication

The InfluenceUs Log edit should prepend the line "# 2007.10.10 at 12:34 Brandon CS Sanders Added a delighted comment to NeedsInput.com - 'They make collective action really easy. They...'"

The InfluenceUs Log edit summary should be "Added a delighted comment to NeedsInput.com - 'They make collective action really easy. They...'"

the comment is summarized by arbitrarily truncating it immediately after the word that takes the length beyond 45 characters

the elipsis (...) is added to indicate that there is more

the entire text is turned into a link so that someone who is processing the log or revisions can click to read more

Better Comments

Move the comment to a different location, tweak the presentation of the comment, and add informative edit summaries

Comment is under user talk namespace for example User_talk:Brandon_CS_Sanders/NeedsInput.com

Comment text is formatted exactly like this example

Domain page where the influence is added is formatted exactly like this example

Edit summaries are information (like in the previous example)

Needs Attention

• These pages should all be informative, visually pleasing, and closely coupled with the InfluenceUs tool
  • Delighted
  • Frustrated
  • InfluenceUs