Sketch + Invision UX Design: Create an Interactive Sitemap!
HTML-код
- Опубликовано: 5 июн 2024
- In this video, I show you how to create an interactive, clickable sitemap prototype using Sketch & Invision.
Sitemaps are organized lists or flow chart diagrams that shows connections between web pages, web page trees, and website content. A visual sitemap is a very effective method for both planning and communicating ideas about a website’s structure. As a 2D representation of a website, sitemaps allow designers and developers to efficiently plan website projects by offering a bird’s-eye view of the entire project at one time.
Sitemap Sketch Template: bit.ly/2SxuWLa
Craft for Invision: www.invisionapp.com/craft
Email: jpdesignacademy@gmail.com 
Кино
Great, fast, incredibly clear tut without all the usual superfluous phaffing! Perfectly prepared and geared to people that already have the base familiarity with Sketch and Invision which makes it great for us that want to get in, learn, get out and get going. Absolutely loved it - 10 quick minutes and I'm ready to sitemap and prototype. I'll definitely be back to your channel, thank you!
Bernadette Mullins thanks so much for your thoughtful comment! Glad you found the tutorial useful!
Thank you for doing this
Happy to help!
Super helpful, thank you for sharing the template! :)
Iris King you’re welcome! Glad you found it helpful, and thanks for watching ☺️
@@JakePomperDesign I have a stupid question - how come the home page isn't part of the level one pages?
Definitely not a stupid question, you can certainly add “home” as an L1 nav item 😃
@@JakePomperDesign OK I think I will just so that the client doesn't get confused and wonder where the home page is. Thank you!! :)
@@JakePomperDesign I'm loving using this template by the way, so so awesome! thank you again for making it!
One limitation to this method is you can't cross link laterally from within top level sections
That’s a good point, this template was intended to be a jumping off point to show you how you can use sketch and symbols to create an interactive sitemap - it can definitely be tweaked to support certain needs.
Thanks for your feedback Michael!
Best,
Jake
Hi, the link for the template isn't working :/
Try now!
Perfect - thanks!