In this installment, I’m excited to share the latest designs! These are of course just preliminary comps of what the new SlideDeck 2.1 admin area will look like. Some things will definitely change as we get into front-end development, but the overall look is just about there. With that said, check out the new look, after the jump.
The Dynamic SlideDeck Editor
“The new interface is visually more refined and clean.” ~ Dan, Design Lead
A thing of beauty, right? So, let’s dissect this a little bit. The first thing you might notice is the row of Content Source “chiclets” in the header area – the fact that there are several of them is your big tip-off to the new multi-source function of SlideDeck 2.1. Instead of being tied to only one content source, you can now easily mashup a bunch of your different content streams in one SlideDeck.
Much like in the current version, you’ll start by picking out your first Content Source and configuring it – the difference now is that you can add another – and another. And another! In this example, you can see we’re imagining how the interface would look with a Flickr/Dribbble/Vimeo mashup.
“We tightened up the UI so the user can create SlideDecks without scrolling in a simple-feeling interface.” ~ Dan, Design Lead
What happens if you’re pulling in, say 10 different sources? Well, that’s what we like to call an ‘edge case’ – it’s not likely that many people will want to do that, but we’re considering solving for it by wrapping the chiclets to two or more rows. Problem, (potentially), solved!
You can also see that the options panel is undergoing a bit of a transformation too – most notably with the incorporation of the Lens picker. Consider how it looks in SlideDeck 2…
…versus how we’re imagining it in 2.1. Workflow-wise, we feel like it makes more sense to have the Lenses associated with all the other configuration options for the SlideDeck. We’re looking to show larger icons for each Lens, so you’ll have a much better sense of how each one looks before actually applying it to your SlideDeck:
The new SlideDeck 2.1 Lens picker | Click to enlarge
You’ll also notice that the new options panel has more breathing room around each item, and nicely-crafted little icons to properly designate what each panel is related to.
The new options panel | Click to enlarge
The Custom SlideDeck Editor
One area you’ve not seen yet is the Custom SlideDeck Editor. We’re still busy designing this part of the update, but here’s a sneak peek at what we have so far:
Custom slide editor | Click to enlarge
Sure, it looks pretty simple, but like most awesome things, there’s actually a lot going on here. Firstly, each tab icon represents one slide in your Custom SlideDeck – each of which can accommodate a variety of content, including images, video, text and your own HTML. We’re also mulling over enabling drag & drop reordering of the slides, and creating a set of icons to represent what kind of content is in each slide (because we love our icons around here…).
Other toupee-raising announcements
Hold on – you’ve seen all the pretty stuff, but there’s still exciting news to share!
We’re truly excited to get this update pushed out – so much so that we’re going to make an early preview release available to all current SlideDeck 2 users, prior to the official launch! This will be the unfinished version of the plugin (the beta, if you will), so it’d be a wise move not to use it on a live site – but for those of you who’ve been anticipating the new features, it’ll be the perfect opportunity to kick the tires a bit.
Be sure to keep an eye on your dt account, as we’ll be posting the early preview release for download there. If you’re not familiar with your dt account, why not get acquainted ahead of time here?
Coming up next time
We’ll have more designs for you to see, a brand new Content Source and a huge new announcement that’ll let you actually tailor SlideDeck’s functionality to your specific needs!
UPDATE: We just posted the latest set of screenshots and info here – go check ’em out!
In the meantime, we wanna hear your questions – we know you have ‘em.