{"version":1,"pages":[{"id":"NuvrsJJfGf5jjeGo9kOx","title":"Introduction","pathname":"/uxm","siteSpaceId":"sitesp_STFtf","description":"Welcome to the UX Guide to Microinteraction","breadcrumbs":[{"label":" Basics"}]},{"id":"0pyIt1qDUxXz48MeJVl2","title":"Criteria","pathname":"/uxm/criterion/criteria","siteSpaceId":"sitesp_STFtf","description":"The basis of the guide and the classification system","breadcrumbs":[{"label":"Criterion"}]},{"id":"CfVNNLvXFHxv5A3dOTmY","title":"Component Groups","pathname":"/uxm/criterion/component-groups","siteSpaceId":"sitesp_STFtf","description":"Components are interactive building blocks for creating a user interface.","breadcrumbs":[{"label":"Criterion"}]},{"id":"4Gb0v6yf8uuroK8QiCD1","title":"Motion Functions","pathname":"/uxm/criterion/motion-functions","siteSpaceId":"sitesp_STFtf","description":"Motion can serve various functions to enhance the visual hierarchy, provide feedback, create a sense of place, communicate relationships, add personality, and simplify complex interactions.","breadcrumbs":[{"label":"Criterion"}]},{"id":"0PJVMPL8fTwX62ltsudl","title":"Motion Principles","pathname":"/uxm/criterion/motion-principles","siteSpaceId":"sitesp_STFtf","description":"Motion needs to be considered as a key element in the design process, rather than an afterthought, and its use needs to be intentional to improve the user experience.","breadcrumbs":[{"label":"Criterion"}]},{"id":"TlXO7foD2RyWHa9aSwki","title":"Action Components","pathname":"/uxm/the-system/action-components","siteSpaceId":"sitesp_STFtf","description":"Action components help people achieve an aim","breadcrumbs":[{"label":"The System"}]},{"id":"loIpl9DXTSmO5Su1jDJG","title":"Button","pathname":"/uxm/the-system/action-components/button","siteSpaceId":"sitesp_STFtf","description":"Buttons communicate actions that users can take. They are typically placed throughout UI including dialogs, modal windows, forms, cards and toolbars.","breadcrumbs":[{"label":"The System"},{"label":"Action Components"}]},{"id":"VCbwOsogOQ9QppaDYbzv","title":"Floating Action Button","pathname":"/uxm/the-system/action-components/floating-action-button","siteSpaceId":"sitesp_STFtf","description":"The FAB represents the most important action on a screen. It puts key actions within reach.","breadcrumbs":[{"label":"The System"},{"label":"Action Components"}]},{"id":"iJW7nUsxyGg9HliNuM12","title":"Icon Button","pathname":"/uxm/the-system/action-components/icon-button","siteSpaceId":"sitesp_STFtf","description":"Icon buttons help people take supplementary actions with a single tap.","breadcrumbs":[{"label":"The System"},{"label":"Action Components"}]},{"id":"cxShhjhwd39HNC5xV1IF","title":"Communication Components","pathname":"/uxm/the-system/communication-components","siteSpaceId":"sitesp_STFtf","description":"Communication components provide helpful information.","breadcrumbs":[{"label":"The System"}]},{"id":"HSqF7Ios4vkT1aJMly2F","title":"Onboarding","pathname":"/uxm/the-system/communication-components/onboarding","siteSpaceId":"sitesp_STFtf","description":"Onboarding is the process of familiarizing new users with a product, service, or application, and helping them get started with using it.","breadcrumbs":[{"label":"The System"},{"label":"Communication Components"}]},{"id":"DA5rCvi7eT5aTHDciDIn","title":"Progress Indicators","pathname":"/uxm/the-system/communication-components/progress-indicators","siteSpaceId":"sitesp_STFtf","description":"Progress indicators inform users about the status of ongoing processes, such as loading an app or submitting a form.","breadcrumbs":[{"label":"The System"},{"label":"Communication Components"}]},{"id":"VmgnrmMXlp5hDnIhBnDv","title":"System Status","pathname":"/uxm/the-system/communication-components/system-status","siteSpaceId":"sitesp_STFtf","description":"Status indicators are typically used to communicate important information to the user, such as whether an action has been completed successfully or not.","breadcrumbs":[{"label":"The System"},{"label":"Communication Components"}]},{"id":"46QEIYu1OdjZAQWU1wpZ","title":"Navigation Components","pathname":"/uxm/the-system/navigation-components","siteSpaceId":"sitesp_STFtf","description":"Navigation components help people move through the UI","breadcrumbs":[{"label":"The System"}]},{"id":"8aBAHt5ah1t6f41lYQQr","title":"Nav Bar","pathname":"/uxm/the-system/navigation-components/nav-bar","siteSpaceId":"sitesp_STFtf","description":"Navigation bars offer a persistent and convenient way to switch between primary destinations in an app.","breadcrumbs":[{"label":"The System"},{"label":"Navigation Components"}]},{"id":"7ZlyMRyAvnpbe2qIffbY","title":"Selection Components","pathname":"/uxm/the-system/selection-components","siteSpaceId":"sitesp_STFtf","description":"Selection components let people specify choices.","breadcrumbs":[{"label":"The System"}]},{"id":"PlcyinYM9xHxHsf5Jb7b","title":"Checkbox","pathname":"/uxm/the-system/selection-components/checkbox","siteSpaceId":"sitesp_STFtf","description":"Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.","breadcrumbs":[{"label":"The System"},{"label":"Selection Components"}]},{"id":"8BlpMW3zwrMYBCzBTxT2","title":"Radio Button","pathname":"/uxm/the-system/selection-components/radio-button","siteSpaceId":"sitesp_STFtf","description":"Radio buttons allow users to select one option from a set.","breadcrumbs":[{"label":"The System"},{"label":"Selection Components"}]},{"id":"YTHe96ydJRR7TxmC6v3j","title":"Sliders","pathname":"/uxm/the-system/selection-components/sliders","siteSpaceId":"sitesp_STFtf","description":"Sliders allow users to make selections from a range of values.","breadcrumbs":[{"label":"The System"},{"label":"Selection Components"}]},{"id":"WYuOD4Z3HUqcbSKjPhY7","title":"Switches","pathname":"/uxm/the-system/selection-components/switches","siteSpaceId":"sitesp_STFtf","description":"Switches toggle the state of a single item on or off","breadcrumbs":[{"label":"The System"},{"label":"Selection Components"}]},{"id":"rRzI8LTrYmQHdvkc1jub","title":"Pickers","pathname":"/uxm/the-system/selection-components/pickers","siteSpaceId":"sitesp_STFtf","description":"Pickers let people select a date, or a range of dates","breadcrumbs":[{"label":"The System"},{"label":"Selection Components"}]},{"id":"YjvoDYYzjuOFgldpZdbw","title":"Input Components","pathname":"/uxm/the-system/input-components","siteSpaceId":"sitesp_STFtf","description":"Input components let people enter and edit text or audio","breadcrumbs":[{"label":"The System"}]},{"id":"iv4uAtTDerDAaJDmPkkl","title":"Text Input","pathname":"/uxm/the-system/input-components/text-input","siteSpaceId":"sitesp_STFtf","description":"Text input allows for users to enter text into an interface.","breadcrumbs":[{"label":"The System"},{"label":"Input Components"}]},{"id":"WQhEV7SqSj6oipAFH8im","title":"Audio Input","pathname":"/uxm/the-system/input-components/audio-input","siteSpaceId":"sitesp_STFtf","description":"Audio input enables users to provide information or interact with the system using spoken commands","breadcrumbs":[{"label":"The System"},{"label":"Input Components"}]},{"id":"kUq6dlETnrxbuC0PFUbY","title":"Cited Works","pathname":"/uxm/references/cited-works","siteSpaceId":"sitesp_STFtf","description":"Bibliography of cited works in the system","breadcrumbs":[{"label":"References"}]}]}