Enterprise Architect - User Guide Series - User Interaction & Experience - Wireframe Models

Oct 26, 2026

Upload by James

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.

LanguageEnglish

CategoryTechnology

FormatPDF

Pages43

Reading Time1 h 48 min

AccessFree to download

User Interaction & Experience

Getting Started

Interaction Flow Models IFML

Android Wireframe Toolbox

Apple iPhone/Tablet Wireframe Toolbox

Windows Phone Wireframe Toolbox

Dialog Wireframe Toolbox

Webpage Wireframe Toolbox

ENTERPRISE ARCHITECT User Guide Series User Interaction & Experience Author: Sparx Systems Date: 2022-10-03 Version: 16.0 CREATED WITH Table of Contents User Interaction & Experience 3 Getting Started 4 Interaction Flow Models IFML 5 Android Wireframe Toolbox 7 Apple iPhone/Tablet Wireframe Toolbox 15 Windows Phone Wireframe Toolbox 23 Dialog Wireframe Toolbox30 Webpage Wireframe Toolbox 40 User Interaction & Experience Visualize User Interfaces for Smart Phones, Tablets and Notebooks Using Wireframes The 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: · Android Phones and Tablets · Apple iPhones and Tablets · Windows Phones · Screen dialogs · Web pages-to model how the web pages work Access On the Diagram Toolbox, click on to display the 'Find Toolbox Item' dialog and specify 'Wireframing', 'Android','Apple', 'Dialog', 'Windows Phone' or 'Webpage'. | Ribbon | Design > Diagram > Toolbox | | --- | --- | | Keyboard Shortcuts | Ctrl+Shift+3 | Notes · 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 · 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 · Some of the elements you create from the 'Wireframe' Toolbox pages are properly rendered after you edit the Tagged Values that define their characteristics · 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 (c) Sparx Systems 2022 Page 3 of 43 Created with Enterprise Architect Getting Started Selecting the Perspective Enterprise 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: > UX Design> Wireframes Setting the Perspective ensures that the Wireframe diagrams, their tool boxes and other features of the Perspective will be available by default. Example Diagram An 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: Android, Apple and Windows Phones and Tablets, Dialogs and Web Pages with Buttons, Combo Boxes and Radio Buttons. (c) Sparx Systems 2022 Page 4 of 43 Created with Enterprise Architect Interaction Flow Models IFML The 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. You can access the OMG's UML Profile for IFML within Enterprise Architect. IFML in Enterprise Architect In 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: · Elev

FAQs

How do I access the Wireframe Toolbox items for different platforms?

Open the Diagram Toolbox and use the Find Toolbox Item dialog, then specify Wireframing plus Android, Apple, Dialog, Windows Phone, or Webpage.

What does selecting the UX Design > Wireframes perspective do?

It ensures Wireframe diagrams, their toolboxes, and other perspective features are available by default.

How does IFML support modeling interaction flows in Enterprise Architect?

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.

Oct 26, 2026

Upload by James