Brixboard

Brixboard

Empowering local traders with varied levels of tech literacy to promote their businesses

The Challenge

Develop a new way to support, empower, or change the behavior of a group around a shared area of interest

The Outcome

A community display encouraging traders with varied levels of tech literacy/access to work together towards a common goal

Overview

Four international students and I completed this project for an Interaction Design module. My role was that of researcher, designer, and video editor. The task was to use a human-centered design approach to develop a new way to support, empower, or change the behavior of a group (Brixton Village traders) around a shared area of interest. The project was completed over three months.

Brixton Village and Market Row are historic indoor markets in Brixton, a district of south London. The markets house over 125 shops, restaurants, and grocers.

Emphasize

Initial Research

Initial research involved traveling to Brixton Village (BV) with my team to observe the market and interview traders & employees to learn more about the community. Interviewees varied in age, gender, and business type. We also visited a nearby competitor (Pop Brixton) mentioned in interviews. In addition, two team members interviewed BV management.

team members stand outside the BV entrance
Four team members stand outside BV before conducting interviews
Pop Brixton Interior with guests sitting on communal tables
Pop Brixton (competitor) has a large indoor communal space

Thematic Analysis

We compiled data from interview recordings, interview notes, and observations and wrote it on sticky notes. Then used the sticky notes to create an affinity diagram to uncover themes in our research. Top themes included (1) Communication - traders don't communicate / feel lonely / disunited, (2) Money - cash only and inconvenient ATMs make it harder to buy, and (3) Technology - some traders use modern technology while other do not. As a team, we chose to focus on communication.

Sticky notes form an affinity diagram on a wall
An affinity diagram was constructed with sticky notes on a wall to help organize data

In-Situ Survey

After our analysis, we conducted an in-situ survey of 20 BV traders and employees to explore their communication and information seeking behavior. The goal was to test the following assumptions: (1) traders/employees want more say in BV village decisions, (2) traders/employees are lonely and need help connecting and (3) the way traders/employees get information now is disorganized.

Top findings were (1) speaking face-to-face is #1 method of communication within BV, (2) news is received from co-workers (40%), BV management (30%), social media (25%), and local publications (15%), (3) respondents don’t report wanting more say in decision making processes, and (4) communication within BV is perceived as disorganized. In addition, respondents felt a need for PR/Marketing opportunities.

iPad displaying an online questionnaire
We gathered 20 responses "in-situ" at BV via iPads
a list of assumption from previous research
Data from the survey contradicted some of our assumptions

Incorporation of New Findings

We incorporated survey findings into our affinity diagram, adjusting categories and groupings when needed. The result was a more specific focus: communication between businesses, trader-management communication, and communication of Brixton Village news to traders.

Define & Ideate

Establishment of Design Principles

Interview, observation, and survey findings were used to create design principles. We determined that the solution needed to be (1) inexpensive to implement, (2) accessible to users with varying levels of tech literacy / access, (3) integratabtle into trader’s current workflow, and (4) engaging for traders/management.

Ideation

To begin, each team member brainstormed using the 10+10 method. Next, we presented our sketches and consolidated similar concepts. Then we mapped ideas according to impact and feasibility on a 2x2 matrix. Finally, we chose an idea with a good balance of feasibility and impact to pursue: digital portals that allowed traders to communicate with each other and management.

sketches from 10+10 exercise
Sketches from the 10+10 exercise explore an idea for sharing news
impact vs feasibility scale
A digital portal ranked relatively high in impact and feasibility

Definition of Requirements

As a team, we crafted user stories based on research-backed personas (created by a team member) to determine portal functionalities. We then conducted a card sorting activity with BV traders to test our assumptions. Traders were asked to rank functionalities (eg. contact management, read BV news) from most to least important. According to card sort, top features for traders were (1) access BV news, (2) contact management, (3) post and view events, and (4) view memos from management.

Job stories written on a whiteboard
We wrote job stories as a team to translate research data into more specific user needs
photo of card sorting activity
Traders ranked features from most to least important

Refine & Test

Idea Overview

To facilitate communication between traders and the community, we pivoted from a private portal to a public display. This display would serve as a digital notice board where traders could post shout-outs, share events, and read news sourced from local media. To increase reach, events and shoutouts would push to BV's social media channels. We named the design Brixboard.

To ensure traders of all levels of tech access and tech literacy could post to the board, we came up with three modalities: SMS chatbot (for those without access to internet), email, and social media hashtag.

Sketch of Brixboard Interface
The interface I proposed to the team differentiated content by thumbnail shape
Sketch of input methods
Content can be added to the Brixboard by traders via text, email, or social media
brixboard has news, shoutouts, and a community calendar
A high-fidelity design was created by a team member for our presentation based on my sketch

Design & Testing of Input Methods

A team member and I created a user flow for the SMS chatbot that covered posting/editing/deleting an event or shoutout. Once we had a draft, we ran through the interactions to find and fix problem areas. Finally we exported the results as a diagram.

Chatbot user flow diagram
Diagram mapping the chatbot user flow my teammate and I created

Since trader’s busy schedules prevented them from participating in our user testing, we relied on a linguistically and culturally diverse convenience sample (10 students from an international student accommodation). We used the Wizard of Oz technique combined with think aloud to test our user flow.

international students eating in a dining hall
Chatbot testing was conducted in the dining hall of an international student accommodation
sketch showing the setup of the chatbot testing
A hidden team member sent pre-set responses to participants's phones to simulate the chatbot

Most users found the chatbot straightforward and east to use. However, testing did reveal that some messages, such as "When is your event?", did not make the desired response format clear. We fixed this by adding further instructions (eg. reply in DD/MM/YY format).

Present Design

To present this idea to a panel of professors, we created a video. I was in charge of planning storyboarding, directing, and producing the final video. The purpose of the video was to (1) frame the problem, (2) introduce Brixboard, and (3) present a video prototype.

Storyboard outlining the start of the video
I created storyboards for the video to prototype ideas, which were shared with the team for feedback
stills from the final video
Stills from the final video reflect ideas from the storyboards

Additional Projects

CNS App

Simplifying the UI for a new app that helps therapists treat chronic pain

View Project

Context

Helping children with Autism Spectrum Disorder move from one activity to the next

View Project

TMG Website

Reducing questions about property availability and saving callers’ time

View Project