Site Map
Let’s start by understanding what site maps are, and how they are created. Start by reading this Introduction to Site Maps (https://www.optimalworkshop.com/treejack/). Next read this Beginner’s Guide (https://www.optimalworkshop.com/treejack/) which does a great job of not only laying out the basics of what a site map is, but also discussing how your card sort results are used to help create your site map.
Assignment
I recommend using Figma to create your site map for your interface. This will provide further exposure and a chance to practice within Figma, but you can also use Powerpoint, Keynote, or another tool.
Start with a paper drawing and then convert to a digital site map. You must upload a read-friendly file – this means it should be a .pdf, .png, .jpg, etc. NOT a native design file.
IMPORTANT: A few of you are working on complex interfaces that may have 50+ pages/screens. For this assignment, try to include no more than 15 pages/screens in your site map. Choose those pages that you think are most important, or stick to the high-level pages/screens.
This is your first opportunity to visually present an overview of your interface redesign. Be sure to think about insight gleaned from your card sort study, heuristic analysis, and interviews.
I suggest taking a first pass at your site map – then using a TREE TEST to test it with a few people. You should continue to test and improve your site map until you feel comfortable with it.
A Note About Tree Tests:
Tree testing is a technique that can be helpful to test your navigation. Obviously, it’s important for your users to find what they are looking for, so you want to ensure your navigation is easy to understand. Read this introduction to tree testing.
Optimal Workshop (the site we used for card sorting) has an awesome remote testing platform for tree tests. Optimal Sort is the card sort tool we used previously and Treejack is the tree testing tool.
This assignment is due on Monday 3/29. To complete the assignment, do the following:
Upload the site map to Assignments in Canvas – remember, please upload a read-friendly file like .pdf, .png, .jpg, etc.
Include a brief (about two paragraphs) explanation of how your site map was influenced by your card sort analysis or prior research. If you conducted a tree test, I’d love to hear about how that went and what you learned from the process.
Remember that the topic is to creat bike-sharing website.






