Chipper: financial transactions over Twitter
Chipper, a web app that connects your Twitter account to your Venmo account and allows you to make financial transactions (up to $20) over Twitter. Directly support people and causes you care about!
Before and After
The idea for Chipper came from "mukbangs", which are live eating broadcasts (usually using AfreecaTV) that originated in Korea. Popular "broadcast jockeys"...
stream themselves eating enormous quantities of food in one sitting
respond in real-time to their viewers who type to them in the chat window
receive donations from their viewers in the form of virtual balloons.
More about this trend here... Top 8 Mukbang Online Streamers on Afreeca TV
Note that before Periscope and Meerkat we had Twitch.tv, but Twitch is focused on live-streams of online gaming. Once Periscope and Meerkat were released, I was intrigued by the idea of adding in the Afreeca functionality (financial transactions between viewers and broadcaster) to at least one of the two services.
Market Landscape Research
I looked at various live stream sites to get ideas for Chipper.
3/6 of the live streaming websites I looked at have a video on the landing page
Color schemes vary
CTAs (download the app, log-in/sign-up) are easy to find and understand on 5/6
5/6 lead with a simple statement of what the service does, followed by more info below the fold.
Sketches, ideation, storyboard
I teamed up with Andy Jiang to build Chipper, and he quickly pulled together a working prototype using the Venmo API. We decided to build for Meerkat first, because Periscope's comments section is within Periscope's platform, while Meerkat relies on tweets for viewers to chat with live streamers.
I sketched out various design ideas, some of which were influenced by what I saw in my research of various websites. Thinking about different use cases for this app, I hypothesized that
a typical viewer may be interested in using Chipper to make donations to causes / support Meerkatters they like
a typical Meerkatter may be interested in using Chipper to receive donations / make money (or become a mukbang star?)
a business/brand would be interested in Chipper because it creates another avenue for revenue, comes with built-in social proof since everything is over Twitter, and makes it easy for viewers to respond in-the-moment with a donation / payment.
Design iteration and user testing
Redesign v1 + testing
Testing Version 1 of the design on various colleagues, mentors and designers gathered a lot of useful and encouraging feedback, such as:
Make the call-to-action even stronger by rearranging the space at the top. Consider having the simplest overview of the process at the top, with more information available by clicking on each step, or further down the page. Add animation or gifs (not all of them going at once) to further visualize the information and add some delight for the user.
Use examples of Tweets to show the process of how it works to explain what to do. Embed some actual tweets where a transaction works, and point out the requirements.
Really cool idea! I would lay the points out horizontally with a nice big icon above each one. Icons make a huge difference.
The idea is simple. You are describing a process and the user doesn't need this. You need to explain how it works...and the process will be done by him when using the app.
I actually really like the text list! Could you add small GIF's of screens under each item?
Very cool. Why just Venmo? Could be a way to acknowledge 'free' stuff or pay a friend. What's the overhead / fee? Conceptually good.
Redesign v2 & v2.1, + testing
Testing Version 2: This was designed with the Meerkat brand in mind; I had the Chipper character (let's call him Chip) face Meerkat and animated him tossing a coin at Meerkat, aka "chipping" in. I received positive responses towards Chip but ultimately returned to the original coin gif.
This was a fun and short project that gave me the opportunity to work with a friend and go through all the stages of product development, but in mini. We had a mini project-tracker in Trello, with stories and deadlines and accountability to one another. From competitive research, to testing solution ideas on friends, to prototyping designs, gathering feedback, and building the beta, I appreciated being able to take a step back and enjoy solving a problem for fun, in a simple and streamlined way.