Watch the 2m video walk-thru with voice-over.
Overview
Using high-fidelity storyboards we developed with Adobe Illustrator and Photoshop, we created videos with Adobe After Effects to test and demonstrate complex user/app interaction models. The advantage of this approach was two-fold:
1.) Allowed the design team to preview the real-time flow of the application, more quickly than with running code;
2.) Provided a detailed walk-thru for the off-shore development team to explain the nuances of the user interaction model.
Main Success Scenario
Develop a working model for voice and gesture annotations. For example, adding a voice-over to a sequence of still photos, recording transition timing, finger gestures, such as: pointing, tracing, pinch-and-zoom; then allowing the recipient to experience all of the effects on playback, as if the message originator were standing next to the recipient.
Watch the 1m video walk-thru with commentary.
Back-and-forth audio conversations, enhancing existing social media platforms that feature photo sharing and textual commentary, such as Pinterest.
Watch the 1m video walk-thru with commentary.
Photo, audio and annotation, sent as Tweets.
Back-and-forth voice conversations on Twitter.
Viewable on native Twitter apps, Repli app or on the web. This was piloted with a celebrity endorser.
Watch the 10m video walk-thru with commentary.
The client was working with an off-shore development team, located in Vietnam. The developers had limited command of the English language and the time-zone difference made communication difficult.
We suggested developing video walk-thrus as a substitute for real-time design meetings, with the goal of allowing the off-shore developers to view/listen at their own pace.
The team then built working versions in both iOS and Android for user test iterations.
The video shows an early prototype design with mid-fidelity collaterals and work-flow, but nicely illustrates our team collaboration model.