[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-0-en-105":3,"doc-seo-657707-105":59,"doc-detail-657707-en":130},{"code":4,"msg":5,"data":6},0,"success",[7,13,18,23,28,33,38,43,48,51,55],{"id":8,"doc_module":4,"doc_module_name":9,"category_name":10,"show_sort_weight":11,"slug":12},1,"Document","Story & Novel",90,"story-novel",{"id":14,"doc_module":4,"doc_module_name":9,"category_name":15,"show_sort_weight":16,"slug":17},2,"Literature",80,"literature",{"id":19,"doc_module":4,"doc_module_name":9,"category_name":20,"show_sort_weight":21,"slug":22},4,"Exam",70,"exam",{"id":24,"doc_module":4,"doc_module_name":9,"category_name":25,"show_sort_weight":26,"slug":27},5,"Comic",60,"comic",{"id":29,"doc_module":4,"doc_module_name":9,"category_name":30,"show_sort_weight":31,"slug":32},6,"Technology",50,"technology",{"id":34,"doc_module":4,"doc_module_name":9,"category_name":35,"show_sort_weight":36,"slug":37},7,"Healthcare",40,"healthcare",{"id":39,"doc_module":4,"doc_module_name":9,"category_name":40,"show_sort_weight":41,"slug":42},8,"Research & Report",30,"research-report",{"id":44,"doc_module":4,"doc_module_name":9,"category_name":45,"show_sort_weight":46,"slug":47},9,"Religion & Spirituality",20,"religion-spirituality",{"id":46,"doc_module":4,"doc_module_name":9,"category_name":49,"show_sort_weight":46,"slug":50},"World Cup","world-cup",{"id":52,"doc_module":4,"doc_module_name":9,"category_name":53,"show_sort_weight":52,"slug":54},10,"Lifestyle","lifestyle",{"id":56,"doc_module":4,"doc_module_name":9,"category_name":57,"show_sort_weight":24,"slug":58},19,"General","general",{"code":4,"msg":60,"data":61},"ok",{"site_id":62,"language":63,"slug":64,"title":65,"keywords":66,"description":67,"schema_data":68,"social_meta":123,"head_meta":125,"extra_data":127,"updated_unix":129},105,"en","enterprise-architect-user-guide-series-user-interaction-experience-wireframe-models","Enterprise Architect - User Guide Series - User Interaction & Experience - Wireframe Models","","Enterprise Architect User Guide Series details how to visualize user interfaces using wireframes across multiple smart-phone and tablet platforms. It explains how to access device-specific Wireframe Toolbox icons, use patterns and tagged values to create properly rendered wireframe elements, and arrange layouts via freehand dragging or Snap To Grid. The guide also covers selecting the UX Design Wireframes perspective and modeling interaction flow using IFML, including model patterns and available diagram types.",{"@graph":69,"@context":122},[70,84,105],{"@type":71,"itemListElement":72},"BreadcrumbList",[73,77,79,82],{"item":74,"name":75,"@type":76,"position":8},"https://docshare.wps.com","Home","ListItem",{"item":78,"name":9,"@type":76,"position":14},"https://docshare.wps.com/document/",{"item":80,"name":30,"@type":76,"position":81},"https://docshare.wps.com/document/technology/",3,{"item":83,"name":65,"@type":76,"position":19},"https://docshare.wps.com/document/enterprise-architect-user-guide-series-user-interaction-experience-wireframe-models/657707/",{"url":83,"name":65,"@type":85,"image":86,"author":91,"headline":65,"publisher":94,"fileFormat":97,"inLanguage":63,"description":67,"dateModified":98,"datePublished":99,"encodingFormat":97,"isAccessibleForFree":100,"interactionStatistic":101},"DigitalDocument",{"url":87,"@type":88,"width":89,"height":90},"https://docshare.wps.com/thumbnails/enterprise-architect-user-guide-series-user-interaction-experience-wireframe-models/657707.png","ImageObject",300,407,{"name":92,"@type":93},"\tJames","Person",{"url":74,"name":95,"@type":96},"DocShare","Organization","application/pdf","2026-10-30","2026-10-26",true,{"@type":102,"interactionType":103,"userInteractionCount":19},"InteractionCounter",{"@type":104},"ViewAction",{"@type":106,"mainEntity":107},"FAQPage",[108,114,118],{"name":109,"@type":110,"acceptedAnswer":111},"How do I access the Wireframe Toolbox items for different platforms?","Question",{"text":112,"@type":113},"Open the Diagram Toolbox and use the Find Toolbox Item dialog, then specify Wireframing plus Android, Apple, Dialog, Windows Phone, or Webpage.","Answer",{"name":115,"@type":110,"acceptedAnswer":116},"What does selecting the UX Design > Wireframes perspective do?",{"text":117,"@type":113},"It ensures Wireframe diagrams, their toolboxes, and other perspective features are available by default.",{"name":119,"@type":110,"acceptedAnswer":120},"How does IFML support modeling interaction flows in Enterprise Architect?",{"text":121,"@type":113},"Enterprise Architect provides IFML via integrated MDG Technology, offering model patterns, diagram types (IFML diagram and IFML Domain Model diagram), and toolbox pages for essential concepts, core, and extensions.","https://schema.org",{"og:url":83,"og:type":124,"og:title":65,"og:site_name":95,"og:description":67},"article",{"robots":126,"canonical":83},"index,follow",{"doc_id":128,"site_id":62},657707,1793031387,{"code":4,"msg":5,"data":131},{"doc_id":128,"user_id":132,"nickname":92,"user_avatar":133,"doc_module":4,"category_id":29,"category_name":30,"doc_title":65,"doc_description":67,"doc_content":134,"file_id":135,"file_url":136,"file_type":137,"file_size":138,"view_count":19,"is_deleted":4,"is_public":8,"is_downloadable":8,"audit_status":8,"page_count":139,"language":140,"language_code":63,"site_id":62,"html_lang":63,"table_of_contents":141,"faqs":142,"seo_title":143,"seo_description":67,"update_tm":144,"read_time":145},2336474466412,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","ENTERPRISE ARCHITECT  \nUser Guide Series  \nUser Interaction & Experience  \nAuthor: Sparx Systems  \nDate: 2022-10-03 Version: 16.0  \nCREATED WITH  \nTable of Contents  \nUser Interaction & Experience 3  \nGetting Started 4  \nInteraction Flow Models IFML 5  \nAndroid Wireframe Toolbox 7  \nApple iPhone/Tablet Wireframe Toolbox 15  \nWindows Phone Wireframe Toolbox 23  \nDialog Wireframe Toolbox30  \nWebpage Wireframe Toolbox 40  \nUser Interaction & Experience  \nVisualize User Interfaces for Smart Phones, Tablets and Notebooks Using Wireframes  \nThe Wireframe Toolbox pages provide a wide range of icons that you can use in wireframe modeling to represent the appearance of a device at a particular point in the execution of an application. Devices you can model include:  \n· Android Phones and Tablets  \n· Apple iPhones and Tablets  \n· Windows Phones  \n· Screen dialogs  \n· Web pages-to model how the web pages work  \nAccess  \nOn the Diagram Toolbox, click on  to display the 'Find Toolbox Item' dialog and specify 'Wireframing', 'Android','Apple', 'Dialog', 'Windows Phone' or 'Webpage'.  \n\n| Ribbon | Design > Diagram > Toolbox |\n| --- | --- |\n| Keyboard Shortcuts | Ctrl+Shift+3 |\n\nNotes  \n· Each of the Wireframing Diagram Toolboxes provides one or more Patterns that you can drag onto a diagram as an illustration of what you might achieve, or to act as the basis of the model you are developing  \n· The 'Properties' dialog for Wireframe elements automatically opens to either a top-level 'Wireframe' tab on which you can edit the element rendering directly, or a second-level 'Wireframing' Tagged Values tab if you define the element rendering by editing the XML for the properties of that element type  \n· Some of the elements you create from the 'Wireframe' Toolbox pages are properly rendered after you edit the Tagged Values that define their characteristics  \n· As you develop your Interface diagrams you can establish the positions and layout of the elements freehand by dragging and 'nudging' the elements, or impose some regularity using the 'Snap To Grid' diagram options  \n(c) Sparx Systems 2022 Page 3 of 43 Created with Enterprise Architect  \nGetting Started  \nSelecting the Perspective  \nEnterprise Architect partitions the tool's extensive features into Perspectives, which ensures that you can focus on a specific task and work with the tools you need without the distraction of other features. To work with the User Experience Modeling features you first need to select this Perspective:  \n\u003Cperspective name> > UX Design> Wireframes  \nSetting the Perspective ensures that the Wireframe diagrams, their tool boxes and other features of the Perspective will be available by default.  \nExample Diagram  \nAn example diagram provides a visual introduction to the topic and allows you to see some of the important elements and connectors that are created in specifying or describing the way a wireframe, dialog or web page is defined including:  \nAndroid, Apple and Windows Phones and Tablets, Dialogs and Web Pages with Buttons, Combo Boxes and Radio Buttons.  \n(c) Sparx Systems 2022 Page 4 of 43 Created with Enterprise Architect  \nInteraction Flow Models IFML  \nThe Interaction Flow Modeling Language (IFML) provides system architects, software engineers, and software developers with tools that support the platform independent description of graphical user interfaces for applications accessed or deployed on such systems as desktop computers, laptop computers, PDAs, mobile phones, and tablets. The language was developed by the Object Management Group; the IFML specification (version 1.0. February 2015) is available from the OMG website.  \nYou can access the OMG's UML Profile for IFML within Enterprise Architect.  \nIFML in Enterprise Architect  \nIn Enterprise Architect you can model application interaction flows quickly and simply through use of the MDG Technology integrated with the Enterprise Architect installer. The IFML facilities are provided in the form of:  \n· Elev","cbCaijbUYdpxDIWT","https://ap.wps.com/l/cbCaijbUYdpxDIWT","pdf",1445633,43,"English","# User Interaction & Experience\n## Getting Started\n## Interaction Flow Models IFML\n## Android Wireframe Toolbox\n## Apple iPhone/Tablet Wireframe Toolbox\n## Windows Phone Wireframe Toolbox\n## Dialog Wireframe Toolbox\n## Webpage Wireframe Toolbox","[{\"question\":\"How do I access the Wireframe Toolbox items for different platforms?\",\"answer\":\"Open the Diagram Toolbox and use the Find Toolbox Item dialog, then specify Wireframing plus Android, Apple, Dialog, Windows Phone, or Webpage.\"},{\"question\":\"What does selecting the UX Design \\u003e Wireframes perspective do?\",\"answer\":\"It ensures Wireframe diagrams, their toolboxes, and other perspective features are available by default.\"},{\"question\":\"How does IFML support modeling interaction flows in Enterprise Architect?\",\"answer\":\"Enterprise Architect provides IFML via integrated MDG Technology, offering model patterns, diagram types (IFML diagram and IFML Domain Model diagram), and toolbox pages for essential concepts, core, and extensions.\"}]","Enterprise Architect - User Guide Series - User Interaction & Experience - Wireframe Models | PDF",1792986608,108]