Skip to content

tayb009/ColorAid-DesignPattern

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ColorAid Charts - Design Pattern

A comprehensive web application designed specifically for colorblind users, featuring accessible data visualizations with high contrast colors, pattern-based legends, and inclusive design principles.

Link To Website

https://tayb009.github.io/ColorAid-DesignPattern/

Figma Desig Link

https://www.figma.com/design/2q3wJG0EUyvlgy0Coa8H6v/ColorAid-DesignPattern?node-id=0-1&t=5Co9dMQ4ojAhXXyS-1

Features Implemented

  1. Sidebar Navigation

Concept: A Navigation Pattern where the menu is placed vertically on the side rather than the top.

  1. Master–Detail

Concept: A pattern that shows a list + item details simultaneously. It allows users to browse a list of items and see the details of the selected item on the same screen.

  1. Dashboards

Concept: A Data Display Pattern used to organize and present information clearly in a single view.

  1. Tooltips

Concept: An Interaction and Feedback Pattern used to show responses to user actions.

  1. Miller’s Law

Concept: A principle stating that the average person can hold about seven objects in working memory.

  1. Chunking

Concept: A Content Structuring Pattern used to help users comprehend content easily.

About

Based on the "HCi Design Pattern" presentation, the project "ColorAid" is reanalyzed for best design patterns to apply.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages