For product owners & designers in Finanace

Fin X AI Design Patterns Library

How will patterns and experiences evolve in a world shaped by Artificial Intelligence?

All Identity Components Interfaces Guidances Adjustments Presets Trust Accessibility Controls Infrastructure

Identity

Define and establish the presence and characteristics of AI within the interface

Symbol

Represents the AI with a distinctive symbol or icon

Color

Assigns a distinct color to visually identify the AI within the interface

Greeting

Initiates interaction with users in a friendly and welcoming manner

Personality

Defines the tone, style, and characteristics of the AI's communication

Name

Assigns an identity to an AI system for personification and recognition

Components

Comprise the building blocks and elements that constitute AI design and implementation

AI Summary Column

Summarizes AI-generated findings or insights in a dedicated column format for easy reference and comparison.

AI Stat Card

Displays key AI metrics and performance indicators in a concise card format for easy reference.

AI Insights Callout

Highlights key trends, anomalies, or insights generated by AI for user attention and analysis.

AI Forecast Column

Displays AI-generated forecasts or predictions in a structured column format for easy reference and analysis

AI Document Summary

Generates concise summaries of documents or text-based content using AI-driven algorithms

AI DataTable Chat

Facilitates interaction with AI-generated data through a chat interface with tabular data presentation

AI Classification Column

Displays categorized data or insights generated by AI in a structured column format

AI Autofill

Automatically suggests and completes user inputs based on AI predictions or patterns

AI Charts

Visualizes AI-generated insights and data analysis results in graphical format for easy interpretation

AI Action List

Presents users with actionable items or tasks generated by the AI based on analyzed data or user inputs

Interfaces

Facilitate user interaction and engagement with AI features and functionalities

Chat Panel

Provides a dedicated area for interactive communication between users and AI

Floating Action Button

Provides a centralized, accessible action point on the interface

Highlight Text

Exposes interactive options through text selection

Natural Language Input

Enables intuitive, conversational interactions with AI systems

Prompt Popover

Facilitates dynamic input guidance directly within the interface

Guidances

Offer direction and assistance to users in utilizing AI capabilities effectively

Modifier Dropdown

Provides users with a dropdown menu of modifiers to remix or blend with AI-generated content

Contextual Tooltips

Provides users with a dropdown menu of modifiers to remix with AI-generated content

Prompt Examples

Provides sample prompts or hints to guide users in initiating interactions with the AI

Response Variations

Offers users the option to select from different variations of AI responses to improve chat quality

Starter Suggestions

Provides initial prompts or recommendations to guide users in getting started

Adjustments

Enable customization and fine-tuning of AI behavior and outputs to meet user preferences

Fine-tuning Options

Provides users with the ability to adjust and refine the behavior or parameters of the AI model

Model Selector

Allows users to choose their preferred AI model for processing requests or generating responses

Presets

Provide predefined settings or configurations for rapid deployment and usage of AI

Persona

Creates detailed profiles to guide AI interactions and design

User Preferences

Enables customization based on user-specific settings and behaviors

Response Preferences

Tailors AI responses to align with user-defined parameters

Trust

Foster confidence and reliability in AI through transparency, accountability, and validation mechanisms

Citations

Provides users with references or sources for the information presented by the AI

Report Abuse

Allows users to flag inappropriate or abusive content generated by the AI for review

Feedback

Allows users to provide quick feedback on AI outputs through a thumbs-up/thumbs-down action buttons

Disclaimers

Provides users with information regarding the limitations or liabilities associated with AI usage

Accessibility

nsure inclusivity and usability of AI features for users with diverse needs and abilities

Keyboard Shortcuts

Provides users with keyboard combinations for quick access to AI functionalities or actions

Multilingual Support

Enables the AI to understand and respond to user inputs in multiple languages

Voice Commands

Allows users to interact with the AI using spoken commands or voice input

Controls

Empower users with tools to manage and regulate AI operations and interactions

Scroll Directions

Enables users to navigate quickly within a long chat window by jumping to the top or bottom

Copy Text

Enables users to copy text from messages or chat transcripts within the interface

Edit Message

Allows users to edit their previously sent messages in the chat interface

File Upload

Allows users to upload files or documents to the AI for processing or analysis

Regenerate

Allows users to regenerate or refresh AI-generated content for improved outcomes

Displays a loading state to indicate to users that the AI is processing information

Pause

Provides users with a control to temporarily pause or stop the chat while the AI processes information

Infrastructure

Support the underlying framework and resources necessary for AI functionality and integration

Chat Sharing

Enables users to share chat transcripts or conversations with others

Chat History

Provides users with access to past conversations and interactions within the application

Chat Download

Enables users to download chat transcripts or conversations for offline access or reference

Folder Management

Organizes content into structured, navigable directories