You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

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


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

DONE


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

IN PROGRESS


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

Header

IN PROGRESS


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

Overlay

IN PROGRESS


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

Floating Sidebar

IN PROGRESS


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

Panel

IN PROGRESS


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

Infobar

IN PROGRESS





Sandbox

IN PROGRESS





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
    • Group
    • Links
    • Button
  • Open Direction
  • Animation*
  • Parent ui-element/extension am button



Tooltip


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



Tags
  • Icon Button
  • Text Link
  • Icon
  • Colorcode




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


ID5 Buttons & control components
  1. Buttons

  • Text
  • Icons
  • Switch
  • Text/Icon
  • Text/Text
  • Icon/Text/Icon
  • Button Style
  • Button Size
  • Button Type


ID6 Link components

Link


  • Icon Button
  • Text Link
  • Icon



Tree


  • Expand icon
  • Sub- or Checkbox Icon
  • Text Link
  • More Icon Button


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





Radio
  • Icon Button
  • Text Link



Checkbox
  • Icon Button
  • Text Link



Input
  • Label field
  • Input field
    • Placeholder 
  • Info Container
    • Icon
    • Info Field
  • Input Style
    • Validation
    • State
    • Size



Dropdown
  • Label field
  • Input field
  • Icon Button
  • Content(Overflow Menu*)
    • Group
    • Button
  • Input Style
    • Validation
    • State
    • Size



Multiselect
  • Label field
  • Input field
  • Icon Button
  • Tag
  • Content(Overflow Menu*)
    • Group
    • Button
  • Input Style
    • Validation
    • State
    • Size



Datepicker
  • Input Field
  • Icon 
  • Toolbar Bottom
  • Contentswitch
  • Content
    • Title
    • Form
    • Sidebar
  • Input Style
    • Validation
    • State (Dropdown/Link)








Graphics

Karma

DONE

  • SVG Images
    • bad
    • neutral
    • bad

  • Documentation
  • Final angular check
PicturesNews
Not MVP - must be discussed

ChartsGantt Chart
Not MVP - DevExtreme


Pie Chart

Thomas King




Bar Chart

Thomas King




Doughnut Chart

Thomas King




Line Chart

Thomas King



UX-Concepts

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

  • Action Placement
  • Navigation
  • Notification
  • Validation
  • tbc.
  • No labels