Comments (2)
Tool: Journey Maps
Description:
Journey Maps are a tool used to discover how a user will interact with your project before building anything. They can also be used to uncover pain points with existing projects.
This is an exercise in roleplay with your personas. Walk your persona through a task they need to complete that involves your project.
Why use or do it:
We use journey maps to come up with a list of requirements for our project and uncover hidden issues. It's a way of brainstorming that is focused on user experience and forces the team to empathsize with your users.
Who’s involved: Designers and stakeholders. These should be done collaboratively. The bonus of collaborating and working openly is that there is a shared understanding and valuable conversations that arrive through the process of co-authoring the journey maps.
They can also be done solo as an exercise to work through design issues.
When to use it: Journey maps are created after you've made personas for your project. Use the personas to walk through that person having a task to do that involves your tool.
Time commitment: ~ 1 hours per journey map
How To: Make a Journey Map
Supplies:
- Paper Template
- Notes from interviews
- Paper (sticky notes ok)
- Markers or Pen
- Slack channel
Set Up:
If you are in the same room as design collaborators:
- Dedicate a room for the activity
If you are remote:
- Invite participants to join a Slack channel or some kind of text chat
Activity
- Select your persona: Select a persona that you have created earlier. Go over this person's goals, values and what makes them stressed.
- Choose a scenario to walk through: Choose something that starts before interacting with your project. If you have an application, don't start at logging in, instead start at the motive that would make someone need to log in.
For example, if you have an application that provides a taxi service, you could start the user journey with the persona needing to get to a specific location: "Lila needs to get to the airport and her flight leaves in 2 hours."
- Write out steps: Now that you have the scenario, go step by step until your persona completes their task.
By walking through the scenario you might come up with problems you never accounted for otherwise. What if Lila has bad cell coverage? Will your account creation process add to her stress? How will she know when the car has arrived? How will she know her ETA for getting to the airport? What other things are important to Lila in this particular scenario. - Ask for feedback Get feedback on journey maps! Other people might come up with things you didn't account for. It's good to be prepared before you start making wireframes and prototyping. Remember to tweet @bocoup #opendesignkit
Examples:
Learn More:
DOC LINK:
https://docs.google.com/document/d/1mD91mCEb0ObxiQbfP8TAU9BjFudatwBuzqxnE7hGBs0/edit?usp=sharing
from opendesignkit.
I need more examples and some learn mores. @iamjessklein
from opendesignkit.
Related Issues (20)
- Clean up the "teaser" language for existing methods HOT 6
- Document method contributors HOT 2
- Define Minimum Loveable Product HOT 3
- Rename "css/non-critical.css" to "style.css" HOT 1
- Site is Currently Down HOT 3
- add content from wikimedia research guide into odk HOT 3
- Project Status HOT 3
- New Methods
- Proposal: Wikimedia Foundation to adopt, maintain, and extend ODK HOT 13
- Design what ODK will look like with WM theming HOT 6
- Write method for usability testing HOT 3
- Images need to be optimized for mobile
- Future of Open Design Kit? HOT 6
- Review licensing
- Audit Resources for broken / outdated links
- Make sure we understand the deployment process
- Consider whether Jekyll is still the best method for building the site
- Create Project Roadmap
- Do we want a design system for ODK?
- Do we have development / engineering help? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from opendesignkit.