This is a description of the minimum viable product (MVP) of the Inspire Design Kit.

Den MVP wird es nur in einem Theme geben (Astronaut).

Das Tokio at night theme wird vorerst nur für marketing zwecke benutzt und nach fertigstellung des Astronaut umgesetzt.

Fertigstellung des MVP erfolgt bis 31.12.2020.

Der MVP 

Definition of MVP

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

→ All features which comes with DevExtreme ui-elements.
→ All features that have been identified by UX/UI research as urgently needed across companies.


UI-Elements

Templates ID'sAtoms, Molecules and OrganismsStatusMVP RequirementsDocumentationToDo

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
  • Documentation 
  • Icon to Font
  • Set for MVP
  • Final angular check
ID2 Dashboard & basic components

Dashboard


https://confluence.germanedge.com/x/7KMdAg
code is missing

Header


https://confluence.germanedge.com/x/JqQdAg

Overlay


https://confluence.germanedge.com/x/76MdAg

Floating Sidebar


https://confluence.germanedge.com/x/IKIdAg

Panel


https://confluence.germanedge.com/x/LaQdAg

Infobar





Sandbox





Notification





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

  • Documentation plus Designgrid
  • Final angular check

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



Cards


  • Content Card
    • Title
    • Subtitle
    • Toolbar
    • Drilldown
    • Content
  • Info Card*
    • Title
    • Subtitle
    • Content





Overflow Menu


  • Content
    • Links
    • Button
  • Open Direction
  • Animation*
  • Parent ui-element/extension am button



Tooltip


  • Rookiemode Tooltip*
    • Content
  • Tooltip
    • Content
    • Whitelist/Blacklist


ID4 Tables components
  1. Table header
  2. Table content
  3. Pagination
  4. 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


ID5 Buttons & control components
  1. Buttons
  2. Switch
  3. Labels
  4. Slider
  5. Graphic controls




ID6 Link components
  1. Default link
  2. Link with icon
  3. Tree links




ID7 Input & Dropdown components
  1. Default input
  2. Specal input
  3. Default dropdown
  4. Specal dropdown
  5. Dropdown Links
  6. Datepicker/Timepicker




Icons & pictograms




Graphics






Charts





UX-Concepts

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