Project: Speakbox app analysis

Speakbox is a mental health app allowing users to self-manage through journal entries and mood tracking as well as connecting with care providers to share session notes and more.


As a UX consultant I analyzed all of Speakbox’s products (SB Care web app, SB web app and SB mobile app). Working on a tight timeline, I used both my experience and UX design principles as lenses. The audience to consider are those looking for mental health help and education.


My analysis covered all 3 apps. The following is some feedback for the mobile app.

Help and documentation: New users may struggle with the value of the app and its features. Solution: implement onboarding.

Consistency and standards: Most of the grey and green text doesn’t pass contrast ratio guidelines and needs to be fixed. Solution: choose new colours that pass the contrast ratio guidelines.

Speakbox mobile home screen

Consistency and standards: The bottom middle navigation item looks like a quick action button but is a home button which may be confusing for users. Solution: test or create a home button on the left, and change this to a quick action button.

Flexibility and efficiency of use: The explore section has content that could be useful to the user but it is hard to easily find specific content or even browse as it’s a large list and the search functionality doesn’t seem to work as intended. Solution: put content into categories that are easily browsable and fix the search functionality to be more accurate.

Speakbox mobile Explore screen

User control and freedom: You can log explore activities but you can’t undo that. If the user didn’t mean to, they have no way of changing it. Solution: allow the logged number to be editable or incorporate an “undo log” button.

Speakbox mobile Explore screen

Consistency and standards: The tags look like buttons and thus look clickable. Solution: change the style or make them clickable.

Help and documentation: When creating a new journal entry and choosing emotions to attach to it, the user has no way of knowing that they can click multiple emotions aside from trying to click on more than one. Solution: change the copy to “emotion(s)”.

Speakbox mobile emotions screen

Visibility of system status: When creating a journal entry, there’s a character count below the input box. When you click on the box to type, the keyboard comes up and covers the character count box. Solution: decrease the height of the input box.

Speakbox mobile journal screen

Aesthetic and minimal design: There is a clock at the top of the journal entry page that displays the seconds and the audience in this space could be anxious. Solution: show the time in hours and minutes only.

Help and documentation: For any pages with no data on it yet, the copy supplied often doesn’t tell the user how to use that page or get data. Solution: tell the user what the page is for and create a call to action to get them started.

Speakbox mobile care team screen

Help and documentation: In the web app while creating a new journal entry, if you click out of the modal, there’s no prompt to save or warning telling the user that clicking away will cancel the entry. Solution: when a user clicks out of the modal, tell them clicking away will discard the entry and give them the opportunity to go back and continue editing or save it as a draft.

Speakbox desktop journal screen