Please enable JavaScript.
Coggle requires JavaScript to display documents.
Common User Tasks: Using a DSM in AR (Interactions (Selection,…
Common User Tasks: Using a DSM in AR
Choose Artboard Size
mobile, tablet, desktop
Interaction: Selection
Add Components (depends on use-case)
choose component
Interaction: Selection
place component
Interaction: Positioning
snap to grid to show the user where placing elements on the artboard is possible (helping hand)
replace a component
Interaction: Selection + Modification
Manipulate Components
content
change icons and images
Interaction: Modify Objects using lists
dropdown to show available icons/images
text
Interaction: Text Input
maybe not needed for rapid prototyping?
size
only needed for cards, input-fields, text-fields
Interaction: Selection + Manipulation
states
default, focussed, pressed, inactive
Interaction: Modify Objects using lists
change through with real interaction: additional interaction -> Manipulation to toggle a button to change in another mode (from edit mode to preview mode)
duplicate component
Interaction: Modify Objects using lists
after choosing a component + after component is being placed on artboard
Navigate through DSM
Interaction: Modify Objects using lists (overview)
Interactions
Selection
Manipulation
Positioning
Modify Objects using lists
? Text Input - very complex
Tasks
Choose Artboard Size
Navigate through DSM
Add Components
Manipulate Components
DSM = Design System Manager (UI)