October

Overview

October is a pseudonymous social network where I served as Chief Product Officer. This project encompasses research-driven design decisions, comprehensive user testing, mobile app UI design, rapid prototyping, and a complete icon system.

User Research & Usability Testing

A successful project requires we build the right product for the right audience. I conduct user interviews and usability tests to validate design decisions.

Here's a photo I captured of our 3 founders during an early brainstorming session.

As CPO, my job is to clarify and communicate founder vision into actionable objectives.

An articulated vision allows us to test ideas by interviewing real-world users. We do this with wireframes and high-fidelity mockups.

Case Study: Reactions

We hypothesized that a lightning bolt and X icons would effectively communicate their meaning.

We got to work by interviewing real users with a feed where each card looked something like this (These buttons are intended to tell the system whether you like or dislike something):

We discovered that the semantics we chose for the icons, "Boost and Bury" were simply not clear to new users. We track key comments like "I don't know what the lightning bolt does...".

Iterate and Repeat

We continue to iterate until we find a design that passes our outcome test. We found that users quickly understood the purpose of thumbs up and down.

I encourage our team to always check our assumptions by frequently performing research and usability testing, and to make data-driven decisions.

Mobile App UI

I love designing Mobile App UIs because I use apps all the time myself. I design my apps using good old design principles, intuition, and user interviews. Here's a demo of some of the features I designed — and managed the implementation — for the October mobile app.

The best way to experience this is to download the iOS app and use my invite code: A4S4S.

Visual Composer

Tipping Coins

Profile UI

Notifications

Global Search

Download the iOS app and use my invite code: A4S4S.

Iconography

A collection of icons designed for the October app in various sizes and styles: outline/filled and 16px, 24px, 28px grids.

This is a collage of icons I designed for our products at October. Icons come in all sizes and styles: outline/filled and 16px, 24px, 28px grids.