This blog is no longer being updated, follow us on Twitter
September 16th, 2010
We are about to push a new feature for Movida: the ability to create new series. Before this, our users created series via an excel import; but we hate Excel, and we think we can do better (see “Laziness, Impatience & Hubris” for some hardcore discussion on whether this arrogance is a good thing or not :)
It is a very simple thing, really. Just a form with a button. Here’s how it looked like in our prototype:
Of course it’s ugly, that’s what prototypes are for.
Our workflow when creating a new feature is pretty straightforward. We first agree on the functionality, and then create a working (and usually very crude) prototype. While this prototype is being coded, we take out our crayons and start playing with the look and feel of the feature.
Let’s make it nice
There’s only so much stuff you can do with a form.
On the other hand, we are fans of time-boxing and usually allocate a fixed amount of time for developing a new feature. This “we have a lot of time for this small thing” approach allowed us to spend some quality time with input fields, thinking how we’d like them to look like if they didn’t look like they look like by default.
Here’s our first approach:
And this is how they looked like in place (I like to start coding HTML pretty early in the design process, so I can see whether my ideas actually work in a browser):
Once our text fields were looking nice, it was time to think about the behaviour of the form.
Make mine fast, please
A beautiful application is useless if it does not help the user work better, faster and smarter. So we spend an inordinate amount of time worrying about the small details that make or break the functionality.
For this form, our main focus was “speed”. When you are assigned the daunting task of adding two hundred series to the application, the last thing you want to deal with is a pretty form that gets in your way.
So, we concentrated on these points:
You should be able to complete the task of adding series without reaching for your mouse.
Progressive Disclosure & Flow
When creating a series, you may want to add the episodes for that series. But not always. That’s why we hide the fields for the episodes unless you select a checkbox:
The checkbox is selected when you tab out of the previous field, so the flow is not interrupted ( bonus point : hitting ‘space’ to check the checkbox will take you to the first Episode field)
Another little tidbit: you can save a new series and inmediately create another.
Be As Smart As Possible, But Not Smarter
Adding some intelligence to your form can save you a lot of time, but not if you end up building another Clippy.
One of the features in this form is the pseudo intelligent prefill we added to External ID fields (an External ID is some unique identification for an item in our system).
These IDs are usually sequential, so when you fill one, the next External ID field is automagically prefilled with the most probable next ID:
Bonus points: it works with letters too!
By the way, External IDs are completely optional. If you don’t add an External ID to the series, the episodes won’t even display that field.
The finished form
And where is this love you talk about in the title?
The amount of work required to turn a prototype-level thingie into a completely functional and helpful feature grows exponentially with the amount of polish you want in it.
There is only one way (that I know of) to accomplish this while not jumping out the window: love.
This is what I posted on Campfire (the chat we use at BeBanjo for work-related stuff) this morning:
I really wish every web developer out there poured so much love into every form as we did with this one.
Originally published by Ale Muñoz.
Filed under Design
September 2nd, 2010
Last year BeBanjo won a Streaming Media award in the IPTV category for its media workflow product Sequence.
We’re well on our way to create the best video-on-demand back office in the world right now! With our current customers our products are now used to put out VOD and Catch-up services to a wide range of platforms in Europe such as: IPTV, Over the Top, XBOX360, PS3, DTT, Internet-TV, Cable, mobile, etc.
Using the API’s we’re now integrating our products with a variety of systems for playout, asset management, rights management, MAM/DAM and media workflow. More info here: wiki.github.com/bebanjo/almodovar
This year we’ve been been nominated again for StreamingMedia’s annual Readers Choice awards, and we need your help to win!
We’re especially keen to make people aware of our new product called Movida. Movida is the best solution in the market for rights management, metadata and scheduling across multiple on-demand services and platforms. Specifically it’s great and very efficient at so called catch-up scheduling.
Now on to the logistics of voting. It only takes 2 minutes of your time. There are three steps:
- Go to: streamingmediaglobal.com/ReadersChoice
- Fill in your name and email address
- Vote for us. We’re nominated in the following two categories, and you can vote for us in each:
- Server Hardware/Software: Sequence
- TV over IP Solution: Movida
You don’t have to vote for any of the other categories unless you want to.
Your vote really helps us to get the message out that BeBanjo creates the best Video-On-Demand back office in the world! With your help we can win again this year.
Originally published by Bastian Manintveld.
Filed under Events