Read about Skore, what it is, who uses it and when in this short introduction.
Follow these short lessons to get up and running with Skore. Each lesson contains step-by-step guides and short animations to show you how it works.
1. Telling stories
Ask the important questions in order to tell the story of your product. Learn to tell stories like Walt Disney.
2. map out your product
From vision to reality, figure out exactly what needs to be done in the context of your product vision. Learn to see your product differently.
Learn shortcuts to capture stories at the speed of talking. Learn to map at speed of talking.
4. add more detail to your stories
Wireframes, acceptance criteria, security requirements, how to add related information to your map. Learn how to make details visible.
Technical help needed?
Check out our support pages
Stories help you and your team reach a common understanding on how a something will be built.
Using Skore is all about telling stories, short stories, long stories, deep stories, funny stories, however you prefer it. So like the user stories you’re probably used to creating, stories in Skore are about asking the right questions, who, what and why.
The difference in Skore is how we lay out a story, typically the main characters of a story appear consistently throughout. What sets them apart is what they do and why.
What and Why Boxes
1. Add What and Why boxes to the canvas by dragging them from the card shoe at the top.
2. Double click a What or Why box to start telling your stories. Type the action, the user who performs the action, and press Enter to validate. Do the same in the Why box.
3. Move boxes around, simply click, hold and drag. Release the click at the position you want. Guidance lines will show when you are aligned with other boxes.
4. Join What and Why boxes in a flow to tell a bigger story or chart the journey the user takes through the product. Use the red arrow that’s displayed when you hover over the box to create a flow, or drag the red arrow on to an existing box to join them together.
5. Add alternative paths simply by clicking the red arrow again to create more What and Why boxes.
You can never run out of space, the canvas will automatically grow if you cross the edge, this gives you the freedom to explore ideas with your colleagues. Put everything you think of on to the canvas and simply delete those ideas that turn out to be irrelevant later.
You can duplicate, copy, paste, cut, delete the boxes with the buttons or the standard keyboard shortcuts…
3 Things to Remember
- Ask the right questions; What happens, Who does it and Why
- Connect boxes together in a flow to tell larger stories
- Put all your ideas on the canvas and delete what you don’t need later
Map out your product
Skore has been designed to help make discussions about your product easier, faster and more valuable. But more than that it’s about helping you and your team discover the right requirements. It does this by visualizing the space between your product vision and the low level user stories you actually implement.
So how does it work? Instead of laying out every user story on a whiteboard forget about the details to begin with and just focus on the epics. Think about the real big stories, the key stuff that helps you explain the product to other people. This is the elevator pitch, the high level of what it does and why, the 60 second description.
Using this high level view of the product you take each epic in turn and gradually break it down into more and more detailed sets of stories. Until you reach the point where the team are confident they have a shared understanding about what they will build.
1. Print out your product vision or write it on the wall, it needs to be clearly visible to all participants. You may be using Skore to help write your product vision, in which case make sure the information you already have is in view, customer segments, needs, key attributes, competitors, personas etc.
- Try using the Business Model Canvas to help you define your vision, this will help you articulate the value proposition and identify customer segments.
2. Enter the key epics that describe your product in as few stories as possible. Here is an example of a high level product view, remember this forms part of the vision so should be short.
3. Before you go any further walk the product, read aloud what’s on the screen, make sure each step makes sense in the context of the vision, make sure everyone agrees and understands what each box means.
Add the Detail
4. Pick an epic so that you can start to explore the details. Move the mouse over one of your What boxes and click the Details button at the top left of the box.
You now have a new blank canvas with name of the epic as the title. You can also see Why boxes displayed on the two wings at each side of the canvas. These are the Why boxes that input from another story or the Why box for the current epic, they provide context for the work you will do on this level.
5. Next you begin to create more stories except this time the stories only describe the epic from above. Keep it simple, use as many What and Why boxes as you please but remember you can always create another level of detail.
This is about finding the right level of detail without missing anything. The easier it is to describe each level the more confident you can be that nothing has been left out. Create as many levels of detail as you need to get to a point where everyone understands what needs to be done.
When you’re finished you have a contextual model that links your product vision to the user stories that form your backlog. The model can be updated as the project progresses but now everyone in the team has a place to review the context of each user story as it enters development.
3 Things to Remember
- Make sure everyone is familiar with the product vision, stick it somewhere everyone can see it
- Every level should be short enough that you could describe it to someone else in the time it takes the elevator to reach the top floor
- Once each level is complete read it out aloud and ensure everyone agrees
Do it faster and look like a boss in a workshop! Whether you’re a mouse master or a keyboard king use Skore at the speed of talking.
|Enter ↩ or F2||Enters in edit mode
-or- validates changes and exit edit mode
|Esc.||Exits edit mode without saving the changes|
|Tab ⇥||Goes to next field
-or- validates changes and exit edit mode
|Space||Creates the next box|
|Shift ⇧ + Space||Creates a box before (on the same line)|
|Ctrl or ⌘ + Space||Creates a box on the next line|
|Tab ⇥||Selects the next box (like clicking)|
|Shift ⇧ + Tab ⇥||Selects the previous box|
|Ctrl or ⌘ + G||Groups|
|Ctrl or ⌘ + U||Ungroups|
|Ctrl or ⌘ + D||Duplicates|
|Ctrl + Drag and drop a box||Duplicates|
|Page down ⇟||Enters detail of selected What box|
|Page up ⇞||Exits detail of what box|
|Shift ⇧ + Drag
Right click + Drag
|Pans (you can use the outline on the bottom left as well)|
|Shift ⇧ + Scroll||Zooms|
|+ / - / =||Zooms… bigger / smaller / standard size|
On the outline (in the bottom left corner)
|Drag and drop of highlight||Pans|
|Resize of highlight||Zooms|
- Mouse or keyboard? Use whichever allows you to map at the speed of talking
- Some things are just quicker, use Space to create new boxes
- Enter allows you to edit the currently selected box
Add more details
When you’re in discovery mode you may need to gather additional information to help you make decisions about what and how something works. You may need to make this visible on your skores so that it facilitates the discussion or just link it to a story for future reference.
In Skore it’s easy to add additional information that enrich the big picture and ensure you don’t forget about something important.
Make it Visible
1. The most simple way to add extra information is through the use of notes. Drag and drop a note to anywhere on the canvas. Double click it to edit.
2. Resize and move notes using drag and drop. If you want to add a note that’s relevant to a specific What box simply move it over one edge to show that it belongs to that box.
You may want to provide a direct link to another piece of information to a story. You can easily link What boxes using URLs to anything you want. It maybe a wireframe or a link to the equivalent story in your backlog.
3. Hover over the what box and click on the paperclip icon on the top right corner. From this menu select URL.
4. Enter the URL and a title and click Add.
5. To access the link simply click on the paperclip icon again and click the link.
If you need to add extra textual information that doesn’t need to be permanently visible, say acceptance criteria, you can add this easily using the text attachment.
6. Click on the paper clip and select text.
7. Enter your text and click add.
- Non-functional requirements documents
- similar products/functions
- Graphical mockups
- Acceptance criteria
- Story points
- Vision statement
- Tell us your suggestions!
3 Things to Remember
- Never forget additional information add it quickly using notes
- Reinforce understanding by linking to further information
- Add links over time to improve context
Wanted more ? Let us know per email or twitter