{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Homepage", "item": "https://www.wago.com/global" }, { "@type": "ListItem", "position": 2, "name": "The Brand Portal of the WAGO company", "item": "https://www.wago.com/global/brandportal" }, { "@type": "ListItem", "position": 3, "name": "Corporate Design", "item": "https://www.wago.com/global/corporatedesign" }, { "@type": "ListItem", "position": 4, "name": "Interface Design", "item": "https://www.wago.com/global/corporatedesign/interface-design" }, { "@type": "ListItem", "position": 5, "name": "Native Touch Inferfaces", "item": "https://www.wago.com/global/corporatedesign/interface-design/native-touch-interfaces" } ] } [{"url":"/brandportal","name":"The Brand Portal of the WAGO company","linkClass":null,"categoryCode":null},{"url":"/corporatedesign","name":"Corporate Design","linkClass":null,"categoryCode":null},{"url":"/corporatedesign/interface-design","name":"Interface Design","linkClass":null,"categoryCode":null},{"url":"/corporatedesign/interface-design/native-touch-interfaces","name":"Native Touch Inferfaces","linkClass":"active","categoryCode":null}]
{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","menuLinksOrdered":[],"type":"Category Stage","dynamicVisibility":true,"cloneable":true,"uuid":"eyJpdGVtSWQiOiJjb21wX2dsb2JhbF8wMDAwRTlXQSIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","ignoreOnTransfer":false,"uid":"comp_global_0000E9WA","modifiedtime":"2025-12-31T07:24:36+0000","children":["eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRUVJVyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRUVJWCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9"],"flat":false,"onlyOneRestrictionMustApply":true,"teaserHeadline":"Touch interfaces often provide specific functions within simple and intuitive touch interfaces. Adapting the typical navigation patterns and components of the operating system makes it easy to use and familiar for the user. When designing and developing for Android or iOS, make yourself familiar with the respective platform guidelines to achieve the best results:","contentLink":{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","type":"Link Component","dynamicVisibility":true,"uuid":"eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRUVJVyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","footersSocial":[],"linkName":"Human Interface Guidelines (iOS)","footers":[],"ignoreOnTransfer":false,"uid":"item_global_0000EEIW","modifiedtime":"2022-03-30T10:09:15+0000","children":[],"onlyOneRestrictionMustApply":true,"selectedCmsFacets":[],"headers":[],"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","passepartout":false,"restrictions":[],"footersPayment":[],"navigationNodes":[],"searchable":true,"url":"https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/","typeCode":"CMSLinkComponent","target":"SAMEWINDOW","renderWithEmptyTarget":false,"external":false,"slots":[],"itemtype":"CMSLinkComponent","restricted":false,"name":"CMSLinkComponent","synchronizationBlocked":false,"linkType":"BUTTON","containers":[],"creationtime":"2022-03-30T10:09:15+0000","navigationList":[],"actions":[],"headersUserMenu":[],"parents":[]},"productLink":{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","type":"Link Component","dynamicVisibility":true,"uuid":"eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRUVJWCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","footersSocial":[],"linkName":"Material Design (Android)","footers":[],"ignoreOnTransfer":false,"uid":"item_global_0000EEIX","modifiedtime":"2022-03-30T10:08:57+0000","children":[],"onlyOneRestrictionMustApply":true,"selectedCmsFacets":[],"headers":[],"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","passepartout":false,"restrictions":[],"footersPayment":[],"navigationNodes":[],"searchable":true,"url":"https://material.io/develop/android","typeCode":"CMSLinkComponent","target":"SAMEWINDOW","renderWithEmptyTarget":false,"external":false,"slots":[],"itemtype":"CMSLinkComponent","restricted":false,"name":"CMSLinkComponent","synchronizationBlocked":false,"linkType":"BUTTON","containers":[],"creationtime":"2022-03-30T10:08:57+0000","navigationList":[],"actions":[],"headersUserMenu":[],"parents":[]},"headline":"Native Touch Interfaces ","image":{"code":"mm-33129_native_2000x1125_category_stage.jpg","altText":"mm-33129_native_2000x1125_category_stage.jpg","imageFormats":[{"imageType":null,"format":"2000","url":"/medias/mm-33129-native-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3wxNDU0MDF8aW1hZ2UvanBlZ3xhREF3TDJneU9TOHhNamt5TmpBeE5ETTFOelV6TkM5dGJTMHpNekV5T1Y5dVlYUnBkbVZmTWpBd01IZ3hNVEkxWDJOaGRHVm5iM0o1WDNOMFlXZGxMbXB3Wnd8OTNhOGY5NDUxOGMzNjRmMjliOGRjZTc0OGZlYjJkNWJjNmQzZWI5YTgyMDRjYzljMzY4ZTYwODMwZjBjNDYxYg","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null}],"description":"mm-33129_native_2000x1125_category_stage.jpg"},"lastLoad":1767165876231,"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","productLinkOverrideType":"PRODUCT","passepartout":false,"restrictions":[],"contentLinkOverrideType":"CONTENT","searchable":true,"typeCode":"WagoCategoryStageComponent","slots":["eyJpdGVtSWQiOiJjc19nbG9iYWxfMDAwMEQ4VVkiLCJjYXRhbG9nSWQiOiJnbG9iYWwtd2Fnb0NvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ=="],"textboxOpacity":100,"itemtype":"WagoCategoryStageComponent","restricted":false,"name":"WagoCategoryStageComponent","synchronizationBlocked":false,"containers":[],"creationtime":"2022-03-30T10:08:57+0000","actions":[],"parents":[]}

Basics

Typography

textstyle_overview_2000x1125-6.jpg

Icons

Color

Elements & Components

Elements

Input fields, dropdown, buttons, cta, floating action, toggles, checkboxes

Components

Dropdown label, cards, divider, notification, progress bar

mm-33129_components_2000x666.jpg

Structure & Navigations

Header & Navigation

WAGO-web-interfaces-navigation-2.jpg

Native Touch Inferfaces Structure

mm-33129_native_structure_2000x1125_category-stage.jpg

Additional service offerings: