Why

The MVP should help us to better structure our work in UX/UI development.
It should be distinguished which work is helpful for all projects and which is only helpful for certain projects.
The features of the MVP are intentionally kept low as possible, because the end date of the MVP is 31.12.2020.

This is a description of the minimum viable product (MVP) of the Inspire Design Kit.
The MVP will only exist in one theme (Astronaut).
The Tokyo at night theme will initially be used for marketing purposes only and will be implemented after completion of the Astronaut.
The MVP will be finalized by 31.12.2020.

The MVP should help us to better structure the work on the design kit.

Definition of MVP

How do we determine the minimum requirements for the Inspire Design Kit?

It must be possible to create applications with the Design Kit.
Special requirements for the Design System were deliberately omitted. They are not part of the MVP.
All UI elements must be extendible to implement these special requirements. How and when special requirements will be implemented is still to be decided.
A look at the design systems "IBM carbon design system", "SAP Fiori Design System" and "Google Material Design" helps us to recognize which features are components of an MVP and which features are extensions.

UI-Elements

Templates ID's	Atoms, Molecules and Organisms	Status	MVP Requirements	Features	Documentation	ToDo	Comments
ID1 Colors		DONE			https://confluence.germanedge.com/x/XYC-AQ https://wasp2-dev.myapp.de:444/live-style-guide/theming	Documentation Final angular check
ID1 Typeface		IN PROGRESS			https://confluence.germanedge.com/x/YoC-AQ	Documentation Final angular check
ID1 Icon		IN PROGRESS			https://confluence.germanedge.com/x/_MYdAg https://wasp2-dev.myapp.de:444/live-style-guide/icons	Definition of Icon-Set for MVP Design of missing Icons Icon to Font Final angular check Documentation
ID2 Dashboard & basic components	Dashboard	IN PROGRESS	Header Contentarea		https://confluence.germanedge.com/x/7KMdAg code is missing	Detailed Design Grid description Documentation Final angular check
	Header	DONE	Burger Date & Datepicker Product-Logo Tool/App/Module Naming Toolbar(Search-, Setting- & Notification Icon)		https://confluence.germanedge.com/x/JqQdAg	Detailed Design Grid description Documentation Final angular check	Wannes: still struggling with date&datepicker in the header, we can filter but filter result is not shown there and as a user you can't see a filter has been used here. (did the test in dSFM) → we need the documentation of this end user tests. And yes, the filter result should be shown. But I think it is already.
	Overlay	IN PROGRESS	Content detailed Design Grid description		https://confluence.germanedge.com/x/76MdAg	Detailed Design Grid description Documentation Final angular check
	Floating Sidebar	IN PROGRESS	Action Icon Title Link		https://confluence.germanedge.com/x/IKIdAg	Detailed Design Grid description Documentation Final angular check
	Panel	IN PROGRESS	Contentswitch Content Toolbar		https://confluence.germanedge.com/x/LaQdAg	Detailed Design Grid description Documentation Final angular check	Wannes: Navigation is a must for Menu editor development, must be aligned towards that functional demand. But functional demands of Notifications are still too unclear to be handled, wouldn't be better to get this out of the MVP?
	Sandbox	NOT F. MVP	Not MVP - must be discussed			NOT F. MVP
	Toast Notification	NOT F. MVP	Icon Title Subtext Link Toolbar Colorcode			Detailed Design Grid description Documentation Final angular check
	Inline Notification	IN PROGRESS	Title Subject Link Toolbar Picture Colorcode			Detailed Design Grid description Documentation Final angular check	Wannes: Since notifications are still functional unclear, do we exclude from MVP?
ID3 Boardlets & content components	Default Boardlet	DONE	boardlet Content Bereich detailed Design Grid description Toolbar Icons Title Datepicker on demand tabs Toolbar bottom with control extension			Detailed Design Grid description Documentation Final angular check	Wannes: incorporate search and filter?
	Dialog	DONE	Dialog Form Title Content Bereich Top Toolbar( only without Sidebar) Bottom Toolbar( only without Sidebar) detailed Design Grid description Sidebar on demand Title Content Bereich detailed Design Grid description Top Toolbar Bottom Toolbar Info Field			Detailed Design Grid description Documentation Final angular check
	Cards	IN PROGRESS	Content Card Title Subtitle Toolbar Drilldown Content Info Card* Title Subtitle Content			Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check	Wannes: we could first focus on menu and dashboard editor for now (content card)?
	Overflow Menu	IN PROGRESS	Content Group Links Button Open Direction Animation* Parent ui-element/extension am button			Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
	Tooltip	IN PROGRESS	Rookiemode Tooltip* Content Tooltip Content Whitelist/Blacklist			Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check	Wannes: i think tooltip is MVP while rookiemode is not
	Tags	IN PROGRESS	Icon Button Text Link Icon Colorcode			Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check
	Modal	IN PROGRESS	Title Subtitle Link Button			Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
ID4 Tables components	Table header Table content Pagination controlbar & controlelements	IN PROGRESS	global search über alle spalten der Tabelle spalten basierte suche/filter Filterkriterien festlegen (gt, lt) Filterkriterium sichtbar und deaktivierbar Process bar Toolbar top Toolbar bottom Paginierung Buttons	pagination global search over all columns sorting per column filtering per column define filter property select a row/ multiple rows select all rows show state of row/ rows		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check	Wannes: column picker/chooser tree-table error indicator actions/information per record scrollbar right and under paging and pagination simple search (single input) advanced search (multiple inputs) filter on table content Informational: could be re-used: progress bar in use X-series process bar in use X-series
ID5 Buttons & control components	Buttons	IN PROGRESS	Text Icons Switch Text/Icon Text/Text Icon/Text/Icon Button Style Button Size Button Type			Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
ID6 Link components	Link	IN PROGRESS	Icon Button Text Link Icon		ID6 Link	Detailed Design Grid description Documentation Final angular check
	Tree	IN PROGRESS	Expand icon Sub- or Checkbox Icon Text Link More Icon Button			Detailed Design Grid description Documentation Final angular check
ID7 Input & Dropdown components	Default input Specal input Default dropdown Special dropdown Dropdown Links Datepicker/Timepicker	IN PROGRESS				Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
	Radio	IN PROGRESS	Icon Button Text Link			Detailed Design Grid description Documentation Final angular check
	Checkbox	IN PROGRESS	Icon Button Text Link			Detailed Design Grid description Documentation Final angular check
	Input	IN PROGRESS	Label field Input field Placeholder Info Container Icon Info Field Input Style Validation State Size			Detailed Design Grid description Documentation Final angular check
	Dropdown	IN PROGRESS	Label field Input field Icon Button Content(Overflow Menu*) Group Button Input Style Validation State Size			Detailed Design Grid description Documentation Final angular check
	Multiselect	IN PROGRESS	Label field Input field Icon Button Tag Content(Overflow Menu*) Group Button Input Style Validation State Size			Detailed Design Grid description Documentation Final angular check
	Datepicker	IN PROGRESS	Input Field Icon Toolbar Bottom Contentswitch Content Title Form Sidebar Input Style Validation State (Dropdown/Link)	select a date select a time select a date/time range select a commonly used date range		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check
Graphics	Karma	DONE	SVG Images bad neutral bad			Documentation Final angular check
Pictures	News	NOT F. MVP	Not MVP - must be discussed			NOT F. MVP
Charts	Gantt Chart	NOT F. MVP	Not MVP - DevExtreme			NOT F. MVP
	Pie Chart	IN PROGRESS	Thomas King			Documentation Final angular check
	Bar Chart	IN PROGRESS	Thomas King			Documentation Final angular check
	Doughnut Chart	IN PROGRESS	Thomas King			Documentation Final angular check
	Line Chart	IN PROGRESS	Thomas King			Documentation Final angular check

UX-Concepts

List here all ux-concepts which are urgently needed for the MVP

Action Placement
Navigation
Notification
Validation
tbc.

Content

Space Tools

MVP Inspire Design Kit

Why

Definition of MVP

UI-Elements

UX-Concepts