Session with Alex & Adriano on Feb 13, 2013 beta.gigkoapp.com
What should just be fixed.
I'd like hoverable icons that expand into the following buttons: ((Save)) ((Edit)) ((Add Child)) ((Add Sibling)).
I use keyboard shortcuts more than anyone I know, but even still to learn/explore a new UI with a mouse.
How I'd like things to be.
Clicking away from a card should auto-save it. Currently this only works if clicking away onto a different card.
Pressing escape SHOULD NOT discard changes, since this isn't what users expect.
{CMD-Down} and {CMD-Right} and {Cmd+Up} should auto save, and then perform their task.
Backspace is a browser shortcut for "Go Back", and should never be used for functionality. Card deletion should be triggered in CardNav by {Cmd+Delete} or by clicking on the ((Delete)) hover-button. In insert mode, it can be achieved as follows: {Cmd+A} {Delete} to clear all, {Esc} to save/exit/delete-empty-card.
To split a section of a card into its own card, I need to do the following: select the paragraph(s), cut it via Cmd+X, create new sibling via Cmd+Down, paste via Cmd+V, save via Cmd+Enter. Could it be streamlined as follows: select the paragraph(s), press Cmd-Enter to create a child card from it.
For merging, this should be done via dragging a card onto a specific zone in another card (at which point an icon would appear showing that we're about to merge).
Drag and drop rearranging also needs to support making a card a child of another card, which could also be done by dropping it in a specific zone. It's not clear if this is currently implemented, or not.
Card titles should always be h1. Have Gigko's CSS style h1s in column 3 to be smaller than H1 in column 2.
A newly created card should look as follows:
When visiting a public tree he doesn't own, a user should be prompted to clone it. Like forking a gist
When visiting a public tree a user owns, he should have a link to edit it.
Misc goes here.
- In card HTML content, add top and bottom margins around separate paragraphs.
- Add a subtle (2px grey line) separator between any two cards.
- Add a less subtle (15px grey line) separator between cards that are cousins, not siblings.
- Currently greyed-out cards with images aren't greyed out properly. Consider setting the CSS opacity property, instead of text-color.
-
The current tutorial assumes you're following it exactly. Most users don't do that. Most users hate typing, and even copying-and-pasting is no fun.
-
I recommend replacing the tutorial with one that involves modifying an existing tree.
-
Make it very hard (or impossible) to lose/hide the tutorial if you're at "My First Tree". Consider only having the tutorial on this tree.
-
If the tutorial ever is dismissed and then re-shown, make it remember what step it was on.
-
Add a 45 sec video intro/tutorial, like on https://workflowy.com/
- Moving the cursor (eg from child to parent) shouldn't make the child inactive. I would prefer if all parents, siblings, and children of current card were active.
- Scrolling should change active card; like [Bootstrap Docs menu[(http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem)
- I feel that scrolling should be synced across columns, somehow, in real time. "Elastic scrolling"?
- Hitting {Right} on a child-less card should make it possible to jump to a nephew node that's visually closest. I propose creating an empty placeholder node, which you can either edit, or leave via {Up} or {Down}
- Maybe we should fix the number of columns to 3 or 4. Side scrolling might be ugly.
Other things to check out.
-
Workflowy Does so many things right.
-
Tiddlywiki inspired Gigko.
-
Asana supports subtasks and inline editing
Keynote (and Powerpoint) might be the most popular card-hierarchy based mind-mapping tools out there.
- "Structure", John McPhee's New Yorker article about his card-based writing process.
- Minto Pyramid Principle
Conclusions, questions, etc.
I use Dropbox and Copy Public Url to automatically upload my screenshots and copy their URL into the clipboard. It's freaking awesome combined with Gignko!
Because screenshots are automatically resized (which is great!) you should provide a way to view full size, either as a link, or as a lightbox.
After using it for the last hour, I feel it's what I wanted workflowy and keynote to be. I love it already!