Difference between revisions of "Synapse stuff"
(...) |
(Stuff) |
||
Line 1: | Line 1: | ||
__NOTOC__ | |||
==Task 1 (done)== | ==Task 1 (done)== | ||
Different ways to collaboratively edit a document - generally you do want a platform for that instead of just emailing a thing around or whatever... | Different ways to collaboratively edit a document - generally you do want a platform for that instead of just emailing a thing around or whatever... | ||
=== Wikis === | |||
* Shared document/page - open for editing, save changes, folks see changes | * Shared document/page - open for editing, save changes, folks see changes | ||
* Issues with edit conflicting | * Issues with edit conflicting | ||
* Generally cannot easily have multiple copies of the same thing | * Generally cannot easily have multiple copies of the same thing | ||
Available potentially extendable products: | ==== Available potentially extendable products: ==== | ||
* [[wikipedia:MindTouch|MindTouch]] | * [[wikipedia:MindTouch|MindTouch]] | ||
* [[wikipedia:Confluence_(software)|Confluence]] | * [[wikipedia:Confluence_(software)|Confluence]] | ||
Line 14: | Line 15: | ||
* [[wikipedia:TWiki|TWiki]] | * [[wikipedia:TWiki|TWiki]] | ||
=== Real-time editors === | |||
Probably want a real-time editor. Going with Google Drive for now for ease of setup. Will need something that can be integrated into the main app | Probably want a real-time editor. Going with Google Drive for now for ease of setup. Will need something that can be integrated into the main app | ||
* Edit live - automatically saves as one goes | * Edit live - automatically saves as one goes | ||
Line 21: | Line 21: | ||
* Danger of messing things up - change mind about changes, need to manually reload previous save; not possible if others editing at the same time | * Danger of messing things up - change mind about changes, need to manually reload previous save; not possible if others editing at the same time | ||
Available potentially extendable products: | ==== Available potentially extendable products: ==== | ||
* [[wikipedia:Etherpad|Etherpad]] | * [[wikipedia:Etherpad|Etherpad]] | ||
** Open source, free to use, has APIs, kind of messy front-end, would probably work with hacking. | ** Open source, free to use, has APIs, kind of messy front-end, would probably work with hacking. | ||
Line 29: | Line 29: | ||
* [[wikipedia:BeWeeVee|BeWeeVee]] | * [[wikipedia:BeWeeVee|BeWeeVee]] | ||
** Specifically created for integrating into other things, uses .Net/js, free for academic/NC use - would probably work fairly well without too much trouble. | ** Specifically created for integrating into other things, uses .Net/js, free for academic/NC use - would probably work fairly well without too much trouble. | ||
---- | |||
== Task 2 == | == Task 2 == | ||
Line 34: | Line 36: | ||
How can we run A/B testing for our demo? | How can we run A/B testing for our demo? | ||
=== Ways to reach people to bring them to the landing launchy page === | |||
* Search engine results - SEO is crap/nonexistent, so only was is through ads on results. | * Search engine results - SEO is crap/nonexistent, so only was is through ads on results. | ||
* Ads on sites through some campaign manager | * Ads on sites through some campaign manager | ||
Line 46: | Line 47: | ||
How will this relate to google hangout? (commonly used by folks meeting with remote colleagues) | How will this relate to google hangout? (commonly used by folks meeting with remote colleagues) | ||
=== A/B testing: === | |||
Set up 1-2 more launch pages, Houman will make the actual landing thing in js, which should serve to scare off anyone like me, which is a good demographic to keep away from such things. | Set up 1-2 more launch pages, Houman will make the actual landing thing in js, which should serve to scare off anyone like me, which is a good demographic to keep away from such things. | ||
Prototypes | ==== Prototypes ==== | ||
<gallery widths="200px" heights="150px"> | |||
File:Landing pitch thingy 1 wireframe.png|Simple centered video | |||
File:Landing pitch thingy 2 wireframe.png|Series of steps leading to video | |||
File:Landing pitch thingy 3 wireframe.png|Massive pile of crankiness dumped on a page | |||
</gallery> | |||
Prototype components: | '''Prototype components: | ||
* Logo/wordmark and slogan | * Logo/wordmark and slogan | ||
* About | * About | ||
Line 63: | Line 65: | ||
* (Toggle between business/school) | * (Toggle between business/school) | ||
General flow of page: | '''General flow of page: | ||
# This thing! | # This thing! | ||
# You want this thing!/You want this thing because! | # You want this thing!/You want this thing because! | ||
Line 70: | Line 72: | ||
If that | If that doesn't work it's hopeless. Or something is wrong, at any rate. | ||
---- | |||
== Task 3 == | == Task 3 == | ||
Mockups/prototypes to give folks a feel for the product... | Mockups/prototypes to give folks a feel for the product... | ||
<gallery> | === Wireframes === | ||
General site layouts for academic version. | |||
<gallery widths="180px" heights="130px"> | |||
File:Library wireframe.png|Library of courses/projects/whatever | |||
File:Course wireframe.png|View of a specific course with session open | |||
File:Course (instructor) wireframe.png|Instructor view of course | |||
File:Notes wireframe.png|Notes page and recording app | |||
</gallery> | |||
=== Mockups === | |||
<gallery widths="260px" heights="160px"> | |||
File:Library mockup.png|Library of courses/projects/whatever | |||
File:Library new mockup.png|Creating a new course session from the library | |||
File:Course mockup.png|View of a specific course with session open | |||
File:Course (instructor) mockup.png|Instructor view of course | |||
File:Notes mockup.png|Notes page | |||
</gallery> | </gallery> |
Revision as of 23:16, 7 April 2013
Task 1 (done)
Different ways to collaboratively edit a document - generally you do want a platform for that instead of just emailing a thing around or whatever...
Wikis
- Shared document/page - open for editing, save changes, folks see changes
- Issues with edit conflicting
- Generally cannot easily have multiple copies of the same thing
Available potentially extendable products:
Real-time editors
Probably want a real-time editor. Going with Google Drive for now for ease of setup. Will need something that can be integrated into the main app
- Edit live - automatically saves as one goes
- Folks can see each other type
- Danger of messing things up - change mind about changes, need to manually reload previous save; not possible if others editing at the same time
Available potentially extendable products:
- Etherpad
- Open source, free to use, has APIs, kind of messy front-end, would probably work with hacking.
- Google Drive
- Simple solution: link to a drive document, go there and use that
- Integratable? Check terms of use, APIs, might work perfectly.
- BeWeeVee
- Specifically created for integrating into other things, uses .Net/js, free for academic/NC use - would probably work fairly well without too much trouble.
Task 2
How can we get people signed up for our private beta?
How can we run A/B testing for our demo?
Ways to reach people to bring them to the landing launchy page
- Search engine results - SEO is crap/nonexistent, so only was is through ads on results.
- Ads on sites through some campaign manager
- Social networking - linkedin, facebook, twitter
- Mail spam to potential users - cu mailing list, perhaps, others
- Word of mouth/getting people to share it themselves - reddit, clear share button on page, etc
Would probably want to do all of those, if possible. Emphasis on the last three because they cost less, and emphasis on the first one because it’s likely to find people the same way they’d be finding the product itself later once it does have a proper web presense, so if it would work later, it should work now.
How will this relate to google hangout? (commonly used by folks meeting with remote colleagues)
A/B testing:
Set up 1-2 more launch pages, Houman will make the actual landing thing in js, which should serve to scare off anyone like me, which is a good demographic to keep away from such things.
Prototypes
Prototype components:
- Logo/wordmark and slogan
- About
- (Feature highlight - shared notes, shared discussion, easy access later to organise archives)
- Video(s)
- Sign up for private beta
- (Toggle between business/school)
General flow of page:
- This thing!
- You want this thing!/You want this thing because!
- Now that you're interested, watch this for more info!
- Now sign up for this thing!
If that doesn't work it's hopeless. Or something is wrong, at any rate.
Task 3
Mockups/prototypes to give folks a feel for the product...
Wireframes
General site layouts for academic version.