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	MVP Requirements	Features	Documentation	ToDo	Comments
ID1 Colors				https://confluence.germanedge.com/x/XYC-AQ https://wasp2-dev.myapp.de:444/live-style-guide/theming	Documentation Final angular check
ID1 Typeface				https://confluence.germanedge.com/x/YoC-AQ	Documentation Final angular check
ID1 Icon				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	Header Contentarea		https://confluence.germanedge.com/x/7KMdAg code is missing	Detailed Design Grid description Documentation Final angular check
	Header	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	Content detailed Design Grid description		https://confluence.germanedge.com/x/76MdAg	Detailed Design Grid description Documentation Final angular check
	Floating Sidebar	Action Icon Title Link		https://confluence.germanedge.com/x/IKIdAg	Detailed Design Grid description Documentation Final angular check
	Panel	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?
	Inline Notification	Title Subject Link Toolbar Picture Colorcode			Detailed Design Grid description Documentation Final angular check	Wannes: an error and message handling when system is down, user can't log in ...
ID3 Boardlets & content components	Default Boardlet	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	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	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	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	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	Icon Button Text Link Icon Colorcode			Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check
	Modal	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	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 (an icon often on top of the table) 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 (don't restyle them, are in use already) process bar in use X-series (don't restyle them, are in use already)
ID5 Buttons & control components	Buttons	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	Icon Button Text Link Icon		ID6 Links Assets	Detailed Design Grid description Documentation Final angular check
	Tree	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				Design of missing Components Update Zeplin Detailed Design Grid description Documentation Final angular check
	Radio	Icon Button Text Link			Detailed Design Grid description Documentation Final angular check
	Checkbox	Icon Button Text Link			Detailed Design Grid description Documentation Final angular check
	Input	Label field Input field Placeholder Info Container Icon Info Field Input Style Validation State Size			Detailed Design Grid description Documentation Final angular check
	Dropdown	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	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	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 manual date input manual time input		Basic Design Present final design in UI/UX Guilde Zeplin Documentation Documentation Final angular check
Graphics	Karma	SVG Images bad neutral bad			Documentation Final angular check
Charts	Pie Chart	Thomas King			Documentation Final angular check
	Bar Chart	Thomas King			Documentation Final angular check
	Doughnut Chart	Thomas King			Documentation Final angular check
	Line Chart	Thomas King			Documentation Final angular check

General UX-Concepts

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

Templates ID's	Atoms, Molecules and Organisms	Status	MVP Requirements	Features	Documentation	ToDo	Comments
Spacing
Action Placement
Navigation
Notification
Validation

Not In MVP UI-elements

Templates ID's	Atoms, Molecules and Organisms	MVP Requirements	Features	ToDo	Comments
ID2 Dashboard & basic components	Sandbox	Not MVP - must be discussed
	Toast Notification	Icon Title Subtext Link Toolbar Colorcode		Detailed Design Grid description Documentation Final angular check	Wannes: Since notifications are still functional unclear, do we exclude from MVP?
Pictures	News	Not MVP - must be discussed
Filter			1) make it possible to store a filter for a user group/all other users 2) make it possible to let other users change this filter 3) filter criteria: provide an auto complete input box 4) filter criteria: provides support for a flag 5) filter criteria: use a filter to filter out data on a dropdown (to decrease the amount of possibilities in the dropdown) 6) make it possible to use ><= in combination with a criteria 7) make it possible to use OR instead of AND 8) make it possible to provide extra filter criteria by extracting the criteria
Charts	Gantt Chart	Not MVP - DevExtreme
Barrier-free

Not In MVP - General UX-Concepts

Templates ID's	Atoms, Molecules and Organisms	Status	MVP Requirements	Features	Documentation	ToDo	Comments