Made with

Garrett IA Diagrams with ConceptDraw DIAGRAM

Garrett IA diagrams are used at development of Internet-resources, in particulars at projecting of interactions of web-resource elements. The diagram of information architecture of the web resource which is constructed correctly with necessary details presents to developers the resource in comprehensible and visual way. Diagram contains the information about the structure and organization of the contents of the resource pages. The main task of such diagram is to give an idea on how the user surfs on the resource pages, performing a concrete task and not to describe the navigation structure as a whole. At the diagram creation it shouldn’t be overloaded with details and with description of each interface element, used at task execution. It is enough to denote resource objects which are used, for example, which pages the user downloads. It is not necessary to denote which buttons he presses to download the next page because the diagram may turn out too overloaded with details, too intricate and difficult for study and analysis.

The main concepts of Garrett IA diagram:

  • Path. The resource is presented in the form of paths by which the user moves during the execution of any task
  • Action. Moving along the resource pages, the user performs some actions- opens pages, downloads or sends data, etc.
  • Result. The system reacts to user’s actions, generating definite results – it downloads pages for users, generates forms, receives and sends data.

The main elements used at creation of Garrett IA diagram

Web-resource element Graphic presentation

Pay attention that the page on the diagram should correspond to the page displayed on the resource at browsing even if it consists of several HTML files or frames. On the contrary, files are only files which just displayed on the resource as links (downloaded documents, audio or video files, programs and so on) or simply used at the resource work, for instance background music and data base.

For indication of the group of pages of similar meaning (E.g. a catalogue of the production types) or the group of files (set of documents for downloading) use elements pagestack and filestack. You can use any convenient for you way of indication of concrete diagram elements- text signs and alphanumeric indications. Connections between elements on the diagram are represented as simple lines. As a rule, the diagram is constructed in the form of a tree as the usual web-resource has the treelike structure (start or main page on which links to other pages are located) however this way of representation is not obligatory. If on the diagram there are represented variants of usage of a resource by a user at the execution of different tasks and in the presence of definite access rights, then you can use different kinds of arrows to show the direction of user’s movement on the resource and elements inaccessible for this user.

For representation of simultaneous output of several results it is used the arrow with semicircular insertion.

If the structure of the resource is sufficiently complicated or connected elements on the diagram are located far from each other then you can use breaks in connectors so that not to draw the connector through the whole diagram. Breaks and continuations are denoted with square brackets with the denotation of the element to which the connector leads and, correspondingly, from which the connector leads.

In case of a resource usage by users with different levels of access (registered users, unregistered users, administrators, moderators, etc.) with the help of conventional connectors or arrows on the diagrams there are indicated variants of users work at the execution of definite conditions. Conventional connectors and arrows are represented in dotted lines. It is also possible the usage of the branchy structure with elements of selection of further action at the fulfillment or non fulfillment of the condition.

Element Graphic presentation
Element of selection of one of the two variants. (correct or incorrect input of login/password)
Element of selection of one of many variants (any menu)
Element of selection of one or more variants (filling out of forms or questionnaires)

Thus with the help of Garrett information architecture diagram you can completely and in details describe the structure of web-resource of any complication with necessary detailed elaboration and get the picture of possible work with the resource for users of different access levels.

Garrett IA Diagrams with ConceptDraw DIAGRAM  *


How to Create a Pie Chart →

Create a Pie Chart with ConceptDraw software quickly and easily. The simple tutorial helps you learn how to create a pie chart.How to Create a Pie Chart *
Picture: How to Create a Pie Chart
Related Solution:

UML Deployment Diagram →

UML Deployment Diagram depicts the physical deployment of artifacts on nodes (nodes are the existing hardware components, artifacts are the software components running on each node); and how the different pieces are connected. Use ConceptDraw DIAGRAM with UML deployment diagram templates, samples and stencil library from Rapid UML solution to model the physical deployment of artifacts on nodes of your software system.UML Deployment Diagram *
Picture: UML Deployment Diagram
Related Solution:

Project — Assigning Resources →

Users new to ConceptDraw PROJECT will find the Basic lessons an essential platform for familiarizing themselves with the program′s functions. Learn how to assign resources to tasks in ConceptDraw PROJECT with this comprehensive video lesson.Project — Assigning Resources *
Picture: Project — Assigning Resources
Related Solutions:

Root Cause Tree Diagram →

Analyze the root causes of factors that influence the problem. A diagram is constructed separately for each high priority factor. Identify the root causes for a factor and then propose possible corrective actions. The diagram displays the structure of causes for a factor and possible corrective actions. The Root Cause Analysis Tree Diagram is used for further formulation of actions.Root Cause Tree Diagram *
Picture: Root Cause Tree Diagram
Related Solution:

Example Process Flow →

A flowchart is a picture of the separate steps of a process in sequential order. ConceptDraw DIAGRAM is a Process Flowcharts software. This software includes basic package of process flow examples. The software contains object libraries with vector stencils that allows you use RapidDraw technology. By clicking on direction arrows you can add a new object to the flowchart.Example Process Flow *
Picture: Example Process Flow
Related Solution:

UML Collaboration Diagram (UML2.0) →

UML Collaboration Diagram depicts the interactions between objects or parts in terms of sequenced messages and describes both the static structure and dynamic behavior of a system. Rapid UML solution provides templates, examples and libraries of stencils for quick and easy drawing all the types of system and software engineering diagrams according to UML 2.4 and 1.2 notations.UML Collaboration Diagram (UML2.0) *
Picture: UML Collaboration Diagram (UML2.0)
Related Solution:

3 Circle Venn. Venn Diagram Example →

This example shows the 3 Circle Venn Diagram. The Venn Diagrams visualize all possible logical intersections between several sets. On this example you can see the intersections of 3 sets. Venn Diagrams are widely used in mathematics, logic, statistics, marketing, sociology, etc.3 Circle Venn. Venn Diagram Example *
Picture: 3 Circle Venn. Venn Diagram Example
Related Solution:

Amazon Web Services →

ConceptDraw DIAGRAM is a powerful diagramming and vector drawing software. Extended with AWS Architecture Diagrams Solution from the Computer and Networks Area, ConceptDraw DIAGRAM now is ideal software for Amazon Web Services diagrams drawing.Amazon Web Services *
Picture: Amazon Web Services
Related Solution: