any of these details in the margins, but if you want to have a look, all of my slides and notes are online at sitemason.com/barcamp.
[ Wireframe Site ] The first and most important layout is the site view. You can see we have the primary list of pages in a site.
- To the right here, we have those Tabs of supporting content to the site as a whole.
- Up here, we have our Actions bar where you can add, remove, and search, etc. This is uniform placement whether you're in a site or page view.
- Up in the left corner you have a nice simple way to switch sites if you're managing more than one.
- And then in the bottom right we have our always-available Help tab which I'll talk about in a bit.
[ Wireframe Page ] So we click on one of these pages in the site list and a Page panel slides in and overlays the site panel. Now you can work from the Page and still access the site list in the margin. And you can of course see the Actions bar in the same spot, and Tabs that support the page content.
[ Wireframe Item ] Next, from the Page list, you see the item content. This might be an article in a news feed or an event in a calendar, etc. Again with the Tabs of supporting content for the item.
[ Wireframe Action - Add ] Next, we have an example of an action in progress. You click Add from the site panel, and you get options for the type of page you wish to add and go through that workflow.
[ Wireframe Shortcut Gear ] Here we introduce a nice supporting feature. Since Sitemason is built to support large sites, completing common tasks quickly is really important. We've added a little Shortcut Gear per list item so you can quickly change basic settings like Title, Path, Layout or whatever. More importantly, access to the shortcut gear, and entire interface will be keyboard accessible with shortcut keys.
[ Wireframe Help ] And finally, one of the features we're really excited about, is this persistent help menu. Normally it's sitting in the bottom right corner collapsed, but when selected, it extends out and shares with you the description of your last click, as well as makes available all of our support resources. It's a way to learn-as-you-go for first time users, or for a quick reminder for experienced users.
8. Ok, so we have all this stuff wire framed, the next step of course is design. Now, I'm a developer and these wire frames are probably the prettiest thing I've ever made in my life, and that's only because I had Balsamiq. I am the last person you want designing anything. That's what our partners are for. [ Design - Kevin ] So we worked with this guy. Kevin Kennedy is a fantastic designer with our partner Signal Hill out of North