Theysaid Product Vision
Developing a high-usability B2B desktop app from the ground-up.
Role
UX Research, Analysis, Design
Collaborators
Head of Product, Head of Design
Platform
Desktop Web
Overview
During my time at Theysaid, I had the opportunity to design a product vision to help to inform our product direction. I participated in customer research and developed insights to translate them into buildable product features.
This case study will cover the product's value and the design decisions made to achieve high usability.
Theysaid Product Vision
Developing a high-usability B2B desktop app from the ground-up.
Role
UX Research, Analysis, Design
Collaborators
Head of Product, Head of Design
Platform
Desktop Web
Overview
During my time at Theysaid, I had the opportunity to design a product vision to help to inform our product direction. I participated in customer research and developed insights to translate them into buildable product features.
This case study will cover the product's value and the design decisions made to achieve high usability.
Theysaid Product Vision
Developing a high-usability B2B desktop app from the ground-up.
Role
UX Research, Analysis, Design
Collaborators
Head of Product, Head of Design
Platform
Desktop Web
Overview
During my time at Theysaid, I had the opportunity to design a product vision to help to inform our product direction. I participated in customer research and developed insights to translate them into buildable product features.
This case study will cover the product's value and the design decisions made to achieve high usability.
Customer Profile
Customer Profile
Customer Profile
Customer Success Managers need to efficiently prioritize hundreds of priorities.
Customer Success Managers need to efficiently prioritize hundreds of priorities.
Customer Success Managers need to efficiently prioritize hundreds of priorities.
Clear documentation of the information architecture fosters clear communication between designers, developers, and stakeholders throughout the design process.
Clear documentation of the information architecture fosters clear communication between designers, developers, and stakeholders throughout the design process.
Clear documentation of the information architecture fosters clear communication between designers, developers, and stakeholders throughout the design process.
Information Architecture
Visual documentation for better collaboration.
Clear documentation of the information architecture fosters clear communication between designers, developers, and stakeholders throughout the design process.
This UML diagram outlines an instance of an organization, with connectors representing the relationships between the data objects. Maintaining this visual diagram helps designers, engineers, and stakeholders gain a clear understanding of the product logic.
Information Architecture
Visual documentation for better collaboration.
Clear documentation of the information architecture fosters clear communication between designers, developers, and stakeholders throughout the design process.
This UML diagram outlines an instance of an organization, with connectors representing the relationships between the data objects. Maintaining this visual diagram helps designers, engineers, and stakeholders gain a clear understanding of the product logic.
Information Architecture
Visual documentation for better collaboration.
Clear documentation of the information architecture fosters clear communication between designers, developers, and stakeholders throughout the design process.
This UML diagram outlines an instance of an organization, with connectors representing the relationships between the data objects. Maintaining this visual diagram helps designers, engineers, and stakeholders gain a clear understanding of the product logic.
Jakob's Law
Jakob's Law
Jakob's Law
Familiar designs for easy control out of the box.
Familiar designs for easy control out of the box.
Familiar designs for easy control out of the box.
Jakob's law suggests that using familiar design patterns can make products easier to use. I drew inspiration from popular ticketing platforms like Jira and Asana, to help users navigate the product with ease.
Jakob's law suggests that using familiar design patterns can make products easier to use. I drew inspiration from popular ticketing platforms like Jira and Asana, to help users navigate the product with ease.
Jakob's law suggests that using familiar design patterns can make products easier to use. I drew inspiration from popular ticketing platforms like Jira and Asana, to help users navigate the product with ease.
The Zeigarnik Effect
The Zeigarnik Effect
The Zeigarnik Effect
Break the grid to catch the user's attention.
Break the grid to catch the user's attention.
Break the grid to catch the user's attention.
The Zeigarnik Effect informs that visually varying components stand out and catch the user's attention. By reserving colors for action items requiring the user's attention, users will focus on the job to be done.
The Zeigarnik Effect informs that visually varying components stand out and catch the user's attention. By reserving colors for action items requiring the user's attention, users will focus on the job to be done.
The Zeigarnik Effect informs that visually varying components stand out and catch the user's attention. By reserving colors for action items requiring the user's attention, users will focus on the job to be done.
Fitt's Law and Miller's Law
Fitt's Law and Miller's Law
Fitt's Law and Miller's Law
Make navigation a breeze.
Make navigation a breeze.
Make navigation a breeze.
Larger click areas make it easy for users to quickly interact with the UI.
Larger click areas make it easy for users to quickly interact with the UI.
Larger click areas make it easy for users to quickly interact with the UI.
All lists in the app display no more than 9 items at a time to maintain a low cognitive load.
All lists in the app display no more than 9 items at a time to maintain a low cognitive load.
All lists in the app display no more than 9 items at a time to maintain a low cognitive load.
Hick's Law
Hick's Law
Hick's Law
Focused decisions at every step of disclosure.
Focused decisions at every step of disclosure.
Focused decisions at every step of disclosure.
We understand through Hick's Law that users are faster when they are given less choices at a time. Progressive disclosure makes even the higher complexity workflows feel easy to accomplish.
We understand through Hick's Law that users are faster when they are given less choices at a time. Progressive disclosure makes even the higher complexity workflows feel easy to accomplish.
We understand through Hick's Law that users are faster when they are given less choices at a time. Progressive disclosure makes even the higher complexity workflows feel easy to accomplish.
©️Takumi Arai 2024
©️Takumi Arai 2024
©️Takumi Arai 2024