The Stick Tactic | Participle

Mobile-Friendly Web Application

The Stick Tactic is an online tool for the Wellogram service. The app uses social science tactics to enable people to create and maintain healthy habits by utilizing their existing support network of friends and family to hold them to their goals. We successfully created and tested a working prototype with over 100 users for a three-month period.

Clockwise: ad showing working prototype of app on phone, conceptual mockup, and GUI guidelines for The Stick Tactic.

Design Development

The progress page was an important area of the design since this would be where people could see how they were progressing relative to their group (a key aspect of the service). Through user-testing we found that people wanted the service to be strict with them in keeping their goals but responded better when they got updates from group members and when they compared themselves to the group. Therefore we needed to design a progress view that displayed group progress as well as individual progress and provide for the possibility of multiple groups. It also needed to alert group members to members who were having difficulty sticking to their goals that week. Understanding that people also wanted to see and be motivated by how close they were to completing their goal for the week, we created a gauge similar to a high-striker game at a carnival.

Initial wireframes.

Paper prototyping with users. We explored the possibility of incorporating push notifications in a future version to nudge people to either complete their goal for the day or remember to check in.

Final mockup of the progress view on The Stick Tactic.

A view of the branding and GUI guidelines.

Backr | Participle

Signup Portal

A signup path for Backr, a new social network in the UK that enables people to build their connections and find career opportunities. The signup path appeared as a splash page during the web app development to spark interest and gather contact info of potential members to the service. See the branding section for more Backr.

Entry screens for Backr

M.A. Thesis: A Table of Two Cities

Interactive Café

A Table of Two Cities connects friends and family in London and New York through a shared interactive café experience. Networked multi-touch tables enable café-goers in these remote locations to share a meal and communicate through the table surface. The café table conveys the presence of the other café-goer and becomes a liminal surface connecting close friends in distant cities. The project included a proposal booklet, online website and a functional, interactive prototype table. This project was created in collaboration with John Nussey, table design and multi-touch development, and Craig Runyan, Flash development and design. Thanks also to Kin Design for providing space to do the prototype tinkering!

A Table of Two Cities website

A Making of A Table of Two Cities (Video)

A Table of Two Cities multi-touch table

Images from the functional table prototype.

A Table of Two Cities proposal booklet

Images from the proposal booklet.

A Table of Two Cities instructions postcard

A postcard explaining the process.

Logo Concept

The concept of overlapping spaces and the conversations taking place within those spaces are communicated through the logo. The image shows two quotation marks overlapping each other and forming the shape of a table. The colours are representations of each city. New York is represented by blue because of the colour of the buses, post boxes and telephone booths in that city. London is represented by red for similar reasons.

Table Prototype

A split-screen prototype table was built simulating a pair of café tables in two separate cities. The table was shown at the 2009 London Design Festival and the 2009 Central Saint Martins Degree Show. For the purposes of the shows the table was divided into a New York side and a London side. People at the shows could move the tableware around on the London side of the table and a friend on the New York side would be able to see what they're doing. People could also see that when the person on one side moves a table object closer to the graphic of another table object the graphics begin to pulse. This prototype did not include the proposed ‘digital serviette’, mobile photo sharing and digital handprint features. However, these could be built into the final system.

A Table of Two Cities multi-touch table