User Experience Design, Web Engineering and LiveOps
Analytics and Data Analysis, Engineering Strategy, User Experience Strategy, 2D Animation, Concept Development, Information Architecture, Information Design, Interaction Design, Lean Design, User Interface Design, Visual Design, Wireframe Prototyping, Analytics + Reporting, API + SDK Development, Back-end Architecture, Deployment Strategy, Web App Development, Front-end Development, QA Test Plans, Regression Testing, Server Development, Technical Architecture
As one of our pioneer experiments at Nex.tt, Haiku was a lean and scrappy exercise in rapid application development with high polish and production quality. Building upon an experiment Ajay (our client) had conducted some month earlier - our objective was to build a platform for quick and small celebrations of professional achievements. We found this was something that occurred in an unharnessed fashion on platforms and mediums that were not specifically intended nor designed for this behavior.
We immediately took to preparing low fidelity prototypes, both paper and digital. Approaching the idea in a more linear manner, we designed creation of a Haiku first - how would creation progress and engage the user to attempt to create a more immersive paradigm than the usual social post creation process.
We arrived at a flow that incorporate minor animation that were fun but also useful in inferring to the user what action to take or where to look and focus. Simultaneously we sought to extrapolate what we had learned through the creation process to the display, consumption and interaction of completed Haikus. We also created an animated SVG icon set users could select an icon from for their Haiku.
We continued with prototyping and begun to code the defined flows we were happy with, pulling all of these items together into a clean and tight responsive package. Eschewing a typical agile model here, we proceeded in a rapid application development framework, moving tasks into development as soon as they had been defined enough through some prototyping and wireframing.
Continued iterations were made to the product directly through code, without necessarily preparing detailed design documents or any documentation of any kind. These tweaks to product were made typically during live coding sessions with Ajay and our front-end development team and occasionally the back-end development team as well. This process applied heavily to our mobile experience where conscious desktop designs were pre-dispositioned to easily adapt to mobile and need only minor polish to arrive at a high-level or production quality and usability.