CommScan

Simplifying conversation analysis.

CommScan

Simplifying conversation analysis.

CommScan

Simplifying conversation analysis.

  • Client

    Bureau Zuidema, on behalf of Brthrs

  • Role
    Design lead
  • Deliverables
    UX design, Design system, App design, Prototype
  • Platform
    iOS, Android
  • Year
    2023 – 2024

CommScan is a technology developed by Bureau Zuidema for professional teams to analyze communication behavior. In late 2023, I was approached by Brthrs Agency to design the mobile CommScan app for their client, Bureau Zuidema. Within a few weeks, I transformed the initial user flows into a full prototype, including motion design.

  • Client

    Bureau Zuidema, on behalf of Brthrs

  • Role
    Design lead
  • Deliverables
    UX design, Design system, App design, Prototype
  • Platform
    iOS, Android
  • Year
    2023 – 2024

CommScan is a technology developed by Bureau Zuidema for professional teams to analyze communication behavior. In late 2023, I was approached by Brthrs Agency to design the mobile CommScan app for their client, Bureau Zuidema. Within a few weeks, I transformed the initial user flows into a full prototype, including motion design.

  • Client

    Bureau Zuidema, on behalf of Brthrs

  • Role
    Design lead
  • Deliverables
    UX design, Design system, App design, Prototype
  • Platform
    iOS, Android
  • Year
    2023 – 2024

CommScan is a technology developed by Bureau Zuidema for professional teams to analyze communication behavior. In late 2023, I was approached by Brthrs Agency to design the mobile CommScan app for their client, Bureau Zuidema. Within a few weeks, I transformed the initial user flows into a full prototype, including motion design.

Two iPhones showing the CommScan iOS application. The left screen is showing the Home view, the other screen is showing the Conversation Analyze view.
Two iPhones showing the CommScan iOS application. The left screen is showing the Home view, the other screen is showing the Conversation Analyze view.
Two iPhones showing the CommScan iOS application. The left screen is showing the Home view, the other screen is showing the Conversation Analyze view.

Background

Designed as an initial release, the client wanted CommScan to be a simple app with the purpose of recording and analyzing conversations between two people, with the goal of improving communication behaviour by giving the user feedback about influence style, use of diminutives, speaking clarity, interruptions, etc.

Opening the app, recording a conversation and analyzing it.

I adore the quote by Dieter Rams "Good design is as little design as possible". The record design only shows the absolute necessities to the user. The record screen features the elapsed time and a button to stop the recording. While talking, the darker shade within the button reacts to the microphone audio level, becoming larger and smaller to indicate that sound is being detected.

Upon finishing the recording, the app's design shifts to a lighter aesthetic to create contrast between recording a conversation and analyzing it.

Screenshots from the Analyze view.

After recording a conversation, CommScan analyzes it and offers helpful indicators. Each section is accompanied by an explaination, which is presented with a small bottom sheet.

The “Speaker 1” and “Speaker 2” buttons become visible after the user has scrolled, fixing the “Speaker Heading” to the top. Users can use these buttons to quickly scroll to either speaker.

User can change the name of the conversation or delete it. The top metadata contains the number of speakers, conversation duration, date, and time.

Viewing conversation history.

From the Start screen, the user can navigate to the History screen. The animation provides a smooth transition between the two screens, allowing users to view past conversations on the History page.

Communication with the client went smoothly, and a complete Figma file was delivered with developer specifications. The app is currently still in development and is expected to be released soon for use by managers, executives, and other professionals participating in one of Zuidema's training programmes.

Background

Designed as an initial release, the client wanted CommScan to be a simple app with the purpose of recording and analyzing conversations between two people, with the goal of improving communication behaviour by giving the user feedback about influence style, use of diminutives, speaking clarity, interruptions, etc.

Opening the app, recording a conversation and analyzing it.

I adore the quote by Dieter Rams "Good design is as little design as possible". The record design only shows the absolute necessities to the user. The record screen features the elapsed time and a button to stop the recording. While talking, the darker shade within the button reacts to the microphone audio level, becoming larger and smaller to indicate that sound is being detected.

Upon finishing the recording, the app's design shifts to a lighter aesthetic to create contrast between recording a conversation and analyzing it.

Screenshots from the Analyze view.

After recording a conversation, CommScan analyzes it and offers helpful indicators. Each section is accompanied by an explaination, which is presented with a small bottom sheet.

The “Speaker 1” and “Speaker 2” buttons become visible after the user has scrolled, fixing the “Speaker Heading” to the top. Users can use these buttons to quickly scroll to either speaker.

User can change the name of the conversation or delete it. The top metadata contains the number of speakers, conversation duration, date, and time.

Viewing conversation history.

From the Start screen, the user can navigate to the History screen. The animation provides a smooth transition between the two screens, allowing users to view past conversations on the History page.

Communication with the client went smoothly, and a complete Figma file was delivered with developer specifications. The app is currently still in development and is expected to be released soon for use by managers, executives, and other professionals participating in one of Zuidema's training programmes.

Background

Designed as an initial release, the client wanted CommScan to be a simple app with the purpose of recording and analyzing conversations between two people, with the goal of improving communication behaviour by giving the user feedback about influence style, use of diminutives, speaking clarity, interruptions, etc.

Opening the app, recording a conversation and analyzing it.

I adore the quote by Dieter Rams "Good design is as little design as possible". The record design only shows the absolute necessities to the user. The record screen features the elapsed time and a button to stop the recording. While talking, the darker shade within the button reacts to the microphone audio level, becoming larger and smaller to indicate that sound is being detected.

Upon finishing the recording, the app's design shifts to a lighter aesthetic to create contrast between recording a conversation and analyzing it.

Screenshots from the Analyze view.

After recording a conversation, CommScan analyzes it and offers helpful indicators. Each section is accompanied by an explaination, which is presented with a small bottom sheet.

The “Speaker 1” and “Speaker 2” buttons become visible after the user has scrolled, fixing the “Speaker Heading” to the top. Users can use these buttons to quickly scroll to either speaker.

User can change the name of the conversation or delete it. The top metadata contains the number of speakers, conversation duration, date, and time.

Viewing conversation history.

From the Start screen, the user can navigate to the History screen. The animation provides a smooth transition between the two screens, allowing users to view past conversations on the History page.

Communication with the client went smoothly, and a complete Figma file was delivered with developer specifications. The app is currently still in development and is expected to be released soon for use by managers, executives, and other professionals participating in one of Zuidema's training programmes.