Design

Hero Alias: Product Designer


Powers: Figma, Miro


Timeline: 5 weeks

Hero Alias: Product Designer


Powers: Figma, Miro


Timeline: 5 weeks

To reduce the amount of onboarding time required to learn a new program, I looked at several Adobe programs for IA and structural insight when presenting information.

Photoshop, Illustrator, and Adobe Acrobat were my main visual references with Grammarly for IA and function.

Our goal is to enhance efficiency and streamline information retrieval processes.

How might we design a user interface for an AI model that reduces the time users spend manually searching through documents?

What tools are currently used in the review process and for proofing documents for changes?

Would it be optimal to show multiple results for each claim?

What does the output for application look like?

Does the AI algorithm scan the entire document or just what is different/not found in its database?

The user base is composed of individuals who use Adobe Acrobat daily to complete their work.

How might we design a user interface for an AI model that reduces the time users spend manually searching through documents?

?

Based on user data, the key functions needed for the application include:

Export options

Large main focus for content

Smaller half-size focus for document feedback and comments

Toolbar of common tools including a start process button

Chunk information by creating areas of focus for the document being reviewed.

Highlight comments/suggestions currently being reviewed

Large thumbnails with preview of document

Large thumbnails with preview of document

Sort and filter options

Button with noticeable visual treatment and placement for quick start for new document uploads

Icon that acts as home button bringing user back to this screen

Individual account profile to allow management of files

Tabs to switch between different views and functions

List of matched results the AI found that align with similar ones from the internal database

Return back to file directory

Clicking on a result also highlights the sentence on the document

List of matching sentences from the internal database so users can simultaneously check for changes

In a world overwhelmed by data, Prototyp emerges as a game-changing AI application. Created by a visionary developer, Prototyp scans and matches new documents to a vast digital archive, eliminating manual searches.


With the AI algorithm in its MVP state, a skilled UX designer steps in to transform raw code into an intuitive user interface. Witness the evolution of Prototyp—where cutting-edge technology meets user-friendly design, revolutionizing document management forever.

Please note that all mentions to and of clients by name have been removed or obscured to adhere to NDA

restrictions.

INtroducing the

Systematic

INtroducing the

Systematic

INtroducing the

Systematic

Top Lessons

And in our next issue...

  • Simplify the user journey and update flow to reflect the change from the initial application use

  • Decide on a visual style and aesthetic that is consistent with simple UI look of wireframes

  • Collaborating with others on a team of different specialties requires over communicating and asking questions repeatedly

  • As a designer, expectation management is important to avoid having ideas from scaling too big especially during the initial design stage

  • Presenting research and evidence is key to getting everyone on board with the concepts being presented

To reduce the amount of onboarding time required to learn a new program, I looked at several Adobe programs for IA and structural insight.

Photoshop, Illustrator, and Adobe Acrobat were my main visual references with Grammarly for IA and function.

Our goal is to enhance efficiency and streamline information retrieval processes.

How might we design a user interface for an AI model that reduces the time users spend manually searching through documents?

What tools are currently used in the review process and for proofing documents for changes?

Would it be optimal to show multiple results for each claim?

What does the output for application look like?

Does the AI algorithm scan the entire document or just what is different/not found in its database?

The user base is composed of individuals who use Adobe Acrobat daily to complete their work.

How might we design a user interface for an AI model that reduces the time users spend manually searching through documents?

?

Based on user data, the key functions needed for the application include:

Export options

Large main focus for content

Smaller half-size focus for document feedback and comments

Toolbar of common tools including a start process button

Chunk information by creating areas of focus for the document being reviewed.

Highlight comments/suggestions currently being reviewed

List of matched results the AI found that align with the internal database

Return back to file directory

Tabs to switch between different views and functions

Individual account profile to allow management of files

Button with noticeable visual treatment and placement for new document uploads

Large thumbnails with preview of document

Sort and view options

List of matches from the internal database so users can check for changes

Clicking a result also highlights the sentence on the document

  • Simplify the user journey and update flow to reflect the change from the initial application use

  • Decide on a visual style and aesthetic that is consistent with simple UI look of wireframes

And in our next issue...

Top Lessons

  • Collaborating with others on a team of different specialties requires over communicating and asking questions repeatedly

  • As a designer, expectation management is important to avoid having ideas from scaling too big especially during the initial design stage

  • Presenting research and evidence is key to getting everyone on board with the concepts being presented

Hero Alias: Product Designer


Powers: Figma, Miro


Timeline: 5 weeks

Our goal is to enhance efficiency and streamline information retrieval processes.

How might we design a user interface for an AI model that reduces the time users spend manually searching through documents?

What tools are currently used in the review process and for proofing documents for changes?

Would it be optimal to show multiple results for each claim?

What does the output for application look like?

Does the AI algorithm scan the entire document or just what is different/not found in its database?

The user base is composed of individuals who use Adobe Acrobat daily to complete their work.

To reduce the amount of onboarding time required to learn a new program...

Based on user data, the key functions needed for the application include:

Large main focus for content

Smaller half-size focus for document feedback and comments

Toolbar of common tools including a start process button

Chunk information by creating areas of focus for the document being reviewed.

Highlight comments/suggestions currently being reviewed

Export options

Design

Top Lessons

  • Collaborating with others on a team of different specialties requires over communicating and asking questions repeatedly

  • As a designer, expectation management is important to avoid having ideas from scaling too big especially during the initial design stage

  • Presenting research and evidence is key to getting everyone on board with the concepts being presented

And in our next issue...

  • Simplify the user journey and update flow to reflect the change from the initial application use

  • Decide on a visual style and aesthetic that is consistent with simple UI look of wireframes

2

1

1- Clicking a result also highlights the sentence on the document

2- List of matches from the internal database so users can check for changes

1- Icon that acts as home button bringing user back to this screen

2- Individual account profile to allow management of files

3- Button with noticeable visual treatment and placement for new document uploads

4- Sort and View Options

5- Thumbnail with preview of document

1

3

2

4

5

1- Return back to file directory

2- Tabs to switch between views and functions

3- List of matched results found by the AI that align with the internal database

1

3

2