Case study · Product

Cannametrics

Date 2018

Type Mobile App

Agency Pieoneers

Cannabis flower, concentrate, and a vape cartridge arranged on a dark surface

01 • Context

Cannametrics set out to turn personal cannabis experiences into clearer recommendations. I helped carry the idea from early interaction concepts through the MVP.Cannametrics began with a beautifully unreasonable demand: measure a cannabis experience—a private storm of mood, appetite, focus, and questionable decisions—and turn it into a recommendation somebody might trust twice. I joined the operation early, when the whole thing was still pencil lines and dangerous optimism, and helped drag it through interaction experiments into a working MVP.Person feel cannabis. App save feeling. App help pick next cannabis. I help make app real.I found it advisable to proceed with order and restraint. Cannametrics set out to turn personal cannabis experiences into clearer recommendations. I helped carry the idea from early interaction concepts through the MVP.Small decisions shape the road long after they are made. Cannametrics set out to turn personal cannabis experiences into clearer recommendations. I helped carry the idea from early interaction concepts through the MVP.Cannametrics set out to turn personal cannabis experiences into clearer recommendations. I helped carry the idea from early interaction concepts through the MVP. It sounds obvious now. That is what good design does: it makes my explanation seem unnecessary after I have explained it.Cannametrics set out to turn personal cannabis experiences into clearer recommendations. I helped carry the idea from early interaction concepts through the MVP. The decision is deliberate. You should not need to question what happens next.

My responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilitiesMy responsibilities

Interaction designInteraction designInteraction designInteraction designInteraction designInteraction designInteraction design
UX workflowsUX workflowsUX workflowsUX workflowsUX workflowsUX workflowsUX workflows
Web and motion designWeb and motion designWeb and motion designWeb and motion designWeb and motion designWeb and motion designWeb and motion design

Turning experience into an interactionTrying to put a line around an experienceTurning experience into an interactionConcerning turning experience into an interaction.Turning experience into an interaction, where the path begins.Turning experience into an interaction. Important. Obviously.Turning experience into an interaction. Confirmed.

02 · Interaction

Core conceptThe original propositionCore conceptAn account of core concept.The matter of core concept.Core concept. That is the whole point, and also the title.Core concept. I have made this clear.

The idea: a personal signature for every experienceEvery experience leaves a signatureA personal signature for every experienceAn account of a personal signature for every experience.The matter of a personal signature for every experience.A personal signature for every experience. That is the whole point, and also the title.A personal signature for every experience. I have made this clear.

The original idea translated the qualities of an experience into a connected line. The interaction needed to preserve that distinctive result while making every input obvious and easy to adjust.The original idea pulled the qualities of an experience into one connected line—a personal seismograph for whatever had just happened. We had to preserve that strange trace while making every input obvious enough to survive first contact. Lose the line and the idea died. Hide the controls and the user was doomed.Feeling become line. Line must stay special. Control must be easy. Easy special line.I found it advisable to proceed with order and restraint. The original idea translated the qualities of an experience into a connected line. The interaction needed to preserve that distinctive result while making every input obvious and easy to adjust.Small decisions shape the road long after they are made. The original idea translated the qualities of an experience into a connected line. The interaction needed to preserve that distinctive result while making every input obvious and easy to adjust.The original idea translated the qualities of an experience into a connected line. The interaction needed to preserve that distinctive result while making every input obvious and easy to adjust. It sounds obvious now. That is what good design does: it makes my explanation seem unnecessary after I have explained it.The original idea translated the qualities of an experience into a connected line. The interaction needed to preserve that distinctive result while making every input obvious and easy to adjust. The decision is deliberate. You should not need to question what happens next.

Cannametrics experience signature connecting five personal ratings — Five ratings combine to form a recognizable personal signature

The bridge between concept and usabilityThe dangerous bridge between concept and usabilityMake idea easy to useWherein concept is reconciled with practical useThe passage from concept to useful formThe bridge between concept and usability. Both sides matter. That is why it is a bridge.The point at which concept becomes usable

Concept 1

DrawingDraw the evidenceDrawingConcerning drawing.Drawing, where the path begins.Drawing. Important. Obviously.Drawing. Confirmed.

Cannametrics interaction concept diagram

Let people draw a line across the scale, preserving the immediacy of the original pencil-and-paper idea.Let people drag a line across the scales and preserve the raw immediacy of pencil on paper.Draw line with finger. Like paper, but phone.Having considered what good sense requires, I arrived at this conclusion: Let people draw a line across the scale, preserving the immediacy of the original pencil-and-paper idea.I returned to the foundation, for every later path depended upon it. Let people draw a line across the scale, preserving the immediacy of the original pencil-and-paper idea.Let people draw a line across the scale, preserving the immediacy of the original pencil-and-paper idea. The logic is simple: make the right decision first, then it becomes the right decision you made.Let people draw a line across the scale, preserving the immediacy of the original pencil-and-paper idea. Every relevant condition has been accounted for. You may continue with confidence.

Concept 2

SlidersPut every variable on a leverSlidersOn the matter of sliders.Sliders, and what follows from it.Sliders. Simple words. Large meaning.Sliders. You may proceed.

Use familiar vertical controls to make each rating explicit and easy to adjust independently.Give every rating its own familiar vertical control. Explicit, independent, and impossible to blame on the pencil.Each feeling get slider. Move one. Other stay. Easy.Having considered what good sense requires, I arrived at this conclusion: Use familiar vertical controls to make each rating explicit and easy to adjust independently.I returned to the foundation, for every later path depended upon it. Use familiar vertical controls to make each rating explicit and easy to adjust independently.Use familiar vertical controls to make each rating explicit and easy to adjust independently. The logic is simple: make the right decision first, then it becomes the right decision you made.Use familiar vertical controls to make each rating explicit and easy to adjust independently. Every relevant condition has been accounted for. You may continue with confidence.

Concept 3

HybridJoin the controls to the signatureHybridOn the matter of hybrid.Hybrid, and what follows from it.Hybrid. Simple words. Large meaning.Hybrid. You may proceed.

Combine the clarity of sliders with a connected signature that made every experience feel personal.Combine the legibility of sliders with the connected line so the instrument stayed clear and the result still belonged to the person making it.Slider easy. Line personal. Use both. Best one.I offer the matter plainly, for needless mystery is seldom a recommendation: Combine the clarity of sliders with a connected signature that made every experience feel personal.This choice carried greater consequence than its size suggested. Combine the clarity of sliders with a connected signature that made every experience feel personal.Combine the clarity of sliders with a connected signature that made every experience feel personal. This matters because when something matters, it should matter visibly. Otherwise people may not know it matters.I considered the requirement carefully. Combine the clarity of sliders with a connected signature that made every experience feel personal. There is no reason for you to encounter uncertainty here.

Validated directionThe surviving directionValidated directionValidated direction, properly considered.Validated direction, set upon firm ground.Validated direction. I call it that because that is what it is.Validated direction. No further interpretation is required.

A hybrid input that felt naturalThe hybrid survived contact with usersA hybrid input that felt naturalOn the matter of a hybrid input that felt natural.A hybrid input that felt natural, and what follows from it.A hybrid input that felt natural. Simple words. Large meaning.A hybrid input that felt natural. You may proceed.

User testing showed that the hybrid approach was easiest to understand without instruction. Clear controls made each rating approachable, while the connected line stayed true to the original signature idea.User testing ended the philosophical dispute. The hybrid was the easiest approach to understand without instruction. Familiar controls handled the ratings; the connected line preserved the signature. The evidence had spoken and the other concepts were escorted from the building.People use hybrid with no explain. That mean hybrid win. Bye other idea.The particulars may be stated without impropriety. User testing showed that the hybrid approach was easiest to understand without instruction. Clear controls made each rating approachable, while the connected line stayed true to the original signature idea.The way forward became clear only when the purpose was held firmly in view. User testing showed that the hybrid approach was easiest to understand without instruction. Clear controls made each rating approachable, while the connected line stayed true to the original signature idea.User testing showed that the hybrid approach was easiest to understand without instruction. Clear controls made each rating approachable, while the connected line stayed true to the original signature idea. I knew this was the answer because the other answers were less correct, which is how answers work.I determined that this was the correct course. User testing showed that the hybrid approach was easiest to understand without instruction. Clear controls made each rating approachable, while the connected line stayed true to the original signature idea. Nothing essential has been left unattended.

A familiar input pattern with a distinctive visual resultA familiar input pattern with a distinctive visual resultA familiar input pattern with a distinctive visual resultA familiar input pattern with a distinctive visual resultA familiar input pattern with a distinctive visual resultA familiar input pattern with a distinctive visual resultA familiar input pattern with a distinctive visual result

Building the MVP experienceBuilding the first working machineBuilding the MVP experienceOn the matter of building the MVP experience.Building the MVP experience, and what follows from it.Building the MVP experience. Simple words. Large meaning.Building the MVP experience. You may proceed.

03 · Product design

Account setupThe entranceAccount setupOn the matter of account setup.Account setup, and what follows from it.Account setup. Simple words. Large meaning.Account setup. You may proceed.

A short path to a more personal starting pointGet the details and get out of the wayshort path more personal starting point.I found it advisable to proceed with order and restraint. A short path to a more personal starting pointSmall decisions shape the road long after they are made. A short path to a more personal starting pointA short path to a more personal starting point It sounds obvious now. That is what good design does: it makes my explanation seem unnecessary after I have explained it.A short path to a more personal starting point The decision is deliberate. You should not need to question what happens next.

The opening flow introduced the value of the product, gathered only the details needed to begin, and moved people into the experience without making setup feel like work.The opening flow stated the value, collected only what the product needed to begin, and cleared the path into the experience before setup became another administrative sentence.Say why app good. Ask few thing. Let person in. Setup not job.Having considered what good sense requires, I arrived at this conclusion: The opening flow introduced the value of the product, gathered only the details needed to begin, and moved people into the experience without making setup feel like work.I returned to the foundation, for every later path depended upon it. The opening flow introduced the value of the product, gathered only the details needed to begin, and moved people into the experience without making setup feel like work.The opening flow introduced the value of the product, gathered only the details needed to begin, and moved people into the experience without making setup feel like work. The logic is simple: make the right decision first, then it becomes the right decision you made.The opening flow introduced the value of the product, gathered only the details needed to begin, and moved people into the experience without making setup feel like work. Every relevant condition has been accounted for. You may continue with confidence.

Four Cannametrics account setup screens — Account creation, preferences, and a clear first stepAccount creation, preferences, and a clear first stepAccount creation, preferences, and a clear first stepAccount creation, preferences, and a clear first stepAccount creation, preferences, and a clear first stepAccount creation, preferences, and a clear first stepAccount creation, preferences, and a clear first step

DashboardThe personal recordDashboardConcerning dashboard.Dashboard, where the path begins.Dashboard. Important. Obviously.Dashboard. Confirmed.

Personal history made useful at a glanceThe evidence gathered in one placePersonal history made useful glance.Having considered what good sense requires, I arrived at this conclusion: Personal history made useful at a glanceI returned to the foundation, for every later path depended upon it. Personal history made useful at a glancePersonal history made useful at a glance The logic is simple: make the right decision first, then it becomes the right decision you made.Personal history made useful at a glance Every relevant condition has been accounted for. You may continue with confidence.

The dashboard brought recent sessions, emerging patterns, and saved recommendations into one place so the product became more valuable with every entry.The dashboard gathered recent sessions, emerging patterns, and saved recommendations into one visible record, designed to make each new entry more useful than the last.Old session, pattern, saved pick. All one place. Add more, learn more.Having considered what good sense requires, I arrived at this conclusion: The dashboard brought recent sessions, emerging patterns, and saved recommendations into one place so the product became more valuable with every entry.I returned to the foundation, for every later path depended upon it. The dashboard brought recent sessions, emerging patterns, and saved recommendations into one place so the product became more valuable with every entry.The dashboard brought recent sessions, emerging patterns, and saved recommendations into one place so the product became more valuable with every entry. The logic is simple: make the right decision first, then it becomes the right decision you made.The dashboard brought recent sessions, emerging patterns, and saved recommendations into one place so the product became more valuable with every entry. Every relevant condition has been accounted for. You may continue with confidence.

Four Cannametrics MVP dashboard screens showing history and recommendations — A dashboard organized around personal patterns and next stepsA dashboard organized around personal patterns and next stepsA dashboard organized around personal patterns and next stepsA dashboard organized around personal patterns and next stepsA dashboard organized around personal patterns and next stepsA dashboard organized around personal patterns and next stepsA dashboard organized around personal patterns and next steps

Micro interactionsSmall movements, strict ordersMicro interactionsAn account of micro interactions.The matter of micro interactions.Micro interactions. That is the whole point, and also the title.Micro interactions. I have made this clear.

Motion with a clear purposeNothing moves without a reasonMotion with a clear purposeConcerning motion with a clear purpose.Motion with a clear purpose, where the path begins.Motion with a clear purpose. Important. Obviously.Motion with a clear purpose. Confirmed.

Transitions confirmed progress, connected related actions, and added moments of delight while keeping the interface calm and easy to follow.Transitions marked progress and joined related actions. A little delight entered the system, but the interface kept its nerve and the path remained visible.Transitions confirmed progress connected related actions added moments delight keeping.Having considered what good sense requires, I arrived at this conclusion: Transitions confirmed progress, connected related actions, and added moments of delight while keeping the interface calm and easy to follow.I returned to the foundation, for every later path depended upon it. Transitions confirmed progress, connected related actions, and added moments of delight while keeping the interface calm and easy to follow.Transitions confirmed progress, connected related actions, and added moments of delight while keeping the interface calm and easy to follow. The logic is simple: make the right decision first, then it becomes the right decision you made.Transitions confirmed progress, connected related actions, and added moments of delight while keeping the interface calm and easy to follow. Every relevant condition has been accounted for. You may continue with confidence.

Motion helps tracking feel active rather than administrativeMotion helps tracking feel active rather than administrativeMotion helps tracking feel active rather than administrativeMotion helps tracking feel active rather than administrativeMotion helps tracking feel active rather than administrativeMotion helps tracking feel active rather than administrativeMotion helps tracking feel active rather than administrative

Selling the early stage signupExplaining the strange new instrumentExplaining a new kind of recommendationOn the matter of explaining a new kind of recommendation.Explaining a new kind of recommendation, and what follows from it.Explaining a new kind of recommendation. Simple words. Large meaning.Explaining a new kind of recommendation. You may proceed.

05 · Beta Signup Website

MVP signup websiteThe recruitment stationMVP signup websiteConcerning mVP signup website.MVP signup website, where the path begins.MVP signup website. Important. Obviously.MVP signup website. Confirmed.

A distinctive and exciting opportunity to learn and signup for the betaFrom first signal to signed nameclear story first impression signup.I found it advisable to proceed with order and restraint. A clear story from first impression to signupSmall decisions shape the road long after they are made. A clear story from first impression to signupA clear story from first impression to signup It sounds obvious now. That is what good design does: it makes my explanation seem unnecessary after I have explained it.A clear story from first impression to signup The decision is deliberate. You should not need to question what happens next.

Adding motion to showcase the core featuresFeature tiles put the core machinery on displayFeature tiles made core experience easy understand.I found it advisable to proceed with order and restraint. Feature tiles made the core experience easy to understandSmall decisions shape the road long after they are made. Feature tiles made the core experience easy to understandFeature tiles made the core experience easy to understand It sounds obvious now. That is what good design does: it makes my explanation seem unnecessary after I have explained it.Feature tiles made the core experience easy to understand The decision is deliberate. You should not need to question what happens next.

Compact demonstrations translate the product into clear benefitsCompact demonstrations translate the product into clear benefitsCompact demonstrations translate the product into clear benefitsCompact demonstrations translate the product into clear benefitsCompact demonstrations translate the product into clear benefitsCompact demonstrations translate the product into clear benefitsCompact demonstrations translate the product into clear benefits

Outcome

A personal idea shaped into a clear productThe idea survived and became a productpersonal idea shaped clear product.I offer the matter plainly, for needless mystery is seldom a recommendation: A personal idea shaped into a clear productThis choice carried greater consequence than its size suggested. A personal idea shaped into a clear productA personal idea shaped into a clear product This matters because when something matters, it should matter visibly. Otherwise people may not know it matters.I considered the requirement carefully. A personal idea shaped into a clear product There is no reason for you to encounter uncertainty here.

The MVP turned a distinctive recommendation concept into an approachable mobile experience, supported by purposeful motion and a launch story that made its value easy to understand.The recommendation concept emerged with a working body: a mobile experience, motion under strict orders, and a launch story built to explain the value without drifting into incense and ceremonial fog. The strange idea had become a product. Nobody had to pretend it was normal.We make strange idea into easy app. App move good. Website explain good. Done.Having considered what good sense requires, I arrived at this conclusion: The MVP turned a distinctive recommendation concept into an approachable mobile experience, supported by purposeful motion and a launch story that made its value easy to understand.I returned to the foundation, for every later path depended upon it. The MVP turned a distinctive recommendation concept into an approachable mobile experience, supported by purposeful motion and a launch story that made its value easy to understand.The MVP turned a distinctive recommendation concept into an approachable mobile experience, supported by purposeful motion and a launch story that made its value easy to understand. The logic is simple: make the right decision first, then it becomes the right decision you made.The MVP turned a distinctive recommendation concept into an approachable mobile experience, supported by purposeful motion and a launch story that made its value easy to understand. Every relevant condition has been accounted for. You may continue with confidence.