Octava Commander Update

App Development | Design | Professional Work

To facilitate multiple concerts being run in all parts of the US, the Octava Commander App has recently been upgraded to be run via any web.

The app originally ran as a iOS native app, but quickly outlived its usefulness. Now anyone running an Octava performance/presentation can not only run it from anywhere in the world with internet access, but they can also do so from their smart phone or mobile tablet. While we are still ironing out the kinks in the new system below are wire frames and mockups of the UX/UI for the new app.

octava_surveywireframe_page_1

octava_surveywireframe_page_2

Technical Expertise

  • Web

    • CSS
    • HTML
    • JS

Skills and Abilities

  • 2D/3D Animation

    • 2D Animation
  • FX & Compositing

    • Motion Graphics
  • UX/UI

    • App Development
    • Protyping/Wireframes

Octava – UX/UI Design

App Development | Performance | Professional Work

Octava, an app designed to augment live performance and arts events with contextual information in real-time, has been in development for 5 years, as a collaboration between myself, and composer Linda Dusman.

The UX/UI design challenges were very unique to the development of Octava. A blend of institutional memory, tradition, dedication to loyal audiences and a general resistance technological adoption has made many orchestra organizations resistant to the changing perceptions and tastes of the contemporary public.

Essentially, our goal was to augment the traditional concert experience with supplemental information that is queued to precise moments in the musical score, providing supplemental context that enriches the over all experience. It was hoped that this would elicit more of an active listening experience as opposed to passively allowing the music to wash over the audience.

image3

Having spent a decade working on multi-disciplinary teams of scientists, artists, earth scientists, and satirists (to name a few), I very much knew the role data could play in broadcasting any information to the public. With this in mind, from the beginning of the Octava project I knew we desperately needed a way to gauge user impressions.

The challenge here is that aesthetic impressions are qualitative, not quantitative, so we needed a metric that could allow users to quickly assess their experience in an unguided way. Collaborating with Human Centered Computing at UMBC in 2011, I developed a hybrid qualitative reaction survey that fueled 3 full revisions of the Octava app over the next 5 years.

While not empirically conclusive, the data yielded from these surveys gave clear impressions of our user test audiences that guided my UX/UI design decisions, allowing us to completely revert many of the initial critiques.

image5

Version 1.0

Our first iteration of Octava (then called Symphony Interactive), featured a scrolling score that followed the orchestra through the use of a flight simulator throttle control. As laid bare by our user responses, this approach pressurized the experience as user felt compelled to watch the screen every moment. This was diametrically opposed to our goals so a major overhaul of the app was necessary.
image6

Version 2.0

The second iteration removed the scrolling score from the interface, and replaced it with a rotating “pin wheel,” where each spoke of the wheel was a single annotation. This design allowed for users to access the information as they saw fit, even if they wished to return to a previous annotation no longer relevant to the current moment of the music. This design completely turned our user responses around, letting the use Octava fold more seamlessly into the concert experience.
image16

Version 3.0

Building on the success found earlier, this version of Octava advanced the user experience further by providing additional context and information. While the pin wheel design was a step forward from the scrolling score interface, it too had limitations. While users felt the interface gave them direct access to the content, there was a still an element of confusion as to the progression through a given symphony. Addressing this feedback, the interface was once again completely redesigned, replacing the pin wheel interface with an interactive timeline. Each dot represent a single annotation, and the timeline progresses automatically during a performance. Users now had complete access to all information as well as a road map charting their course through lengthy compositions. Once again, our user reactions continue the positive trend.
BrittenHindemithHolstOctava_ROCO_UserData_WordCloud

To get a better glimpse of how the app functions, please view the videos below.

.
.

Technical Expertise

  • Adobe Creative Cloud

    • After Effects
    • Illustrator
    • Photoshop
  • App Publishing

    • Android
    • iOS
  • Content Managment

    • Tortoise SVN

Skills and Abilities

  • 2D/3D Animation

    • 2D Animation
  • FX & Compositing

    • Color Correction
    • Motion Graphics
  • Graphic Design

    • Digital Print Production
  • Management, Education and Research

    • Pipeline Development
    • Technology Research
  • UX/UI

    • App Development
    • Protyping/Wireframes
    • User Testing

Symphony Interactive

App Development | Performance | Professional Work

This project has been a collaboration with Linda Dusman and Michael Richards (of the Department of Music) and the Imaging Research Center. The goal of the Symphony Interactive project is to leverage the ubiquity of portable wifi enabled smart devices to contextualize and further enrich the experience of live orchestral concerts.

Traditional arts institutions such as symphony orchestras are at a crossroads. With attendance down, such organizations are developing new models of sustainable growth that will resonate with contemporary audiences, who increasingly expect multi-faceted, interactive, and user-defined experiences. This is reflected in the myriad of mobile “smart” devices, saturating everyday experience. Such devices provide an opportunity to enhance the experience of attending orchestra concerts by creating multiple streams of information and media through which a performance may be experienced and contextualized. By utilizing these technologies, such institutions can reengage the wider public through contemporary forms.

The research will develop software for mobile platforms that will allow users to view scrolling musical scores in realtime, synchronized with a live orchestra by a human time keeper sending pulses via wifi. Utilizing and iPad, users will be able to view portions of the score yet to be played or revisit prior moments of particular interest, as well as access detailed annotations with compositional, historical, and aesthetic information. The Symphony Interactive prototype will provide a unique permutation of the traditional concert experience, leveraging mobile technologies in a way that heightens engagement through active participation.

Personal Contribution

– Creative Direction
– Interactive Design
– Graphics Production
– Evaluation Design

Technical Expertise

  • Adobe Creative Cloud

    • Illustrator
    • Photoshop
  • App Publishing

    • iOS

Skills and Abilities

  • 2D/3D Animation

    • 2D Animation
  • FX & Compositing

    • Motion Graphics
  • Management, Education and Research

    • Documentation/Technical Writing
    • Pipeline Development
    • Production Management
    • Technology Research
  • UX/UI

    • App Development
    • Protyping/Wireframes
    • User Testing