Made with
ConceptDraw
DIAGRAM 18

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
Page
File
Pagestack
Filestack

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  *
TEN RELATED HOW TO's:
Professional software: visualize general system architecture, AWS diagrams are part of architecturing tools provided with ConceptDraw Solution Park.Diagramming software for Amazon Web Service <br>diagrams, charts and schemes *
Picture: Diagramming software for Amazon Web Service diagrams, charts and schemes
If you ever tried programming, you could face a lot of problems as a beginner. To help yourself, create a flowchart to follow an algorithm logic. Flowchart represents a program as a sequence of steps depicted in special symbols for each type of action. This image of the interactive diagram made in ConceptDraw DIAGRAM applying the Live Objects technology. The diagram shows the effect of Selection Sort algorithm. The left part of the chart is the input area. The diagram in the central part of the drawing is a flow chart showing of the selection sort algorithm. The flowchart includes basic flowchart symbols, that represent various stages of algorithm. The flowchart symbols are connected with arrows ended lines, that depict the direction of the process flow. On the right side — the result is displayed.Business process flowchart showing structured operational workflow
Picture: What Is a Flowchart? Definition, Symbols, Examples and How to Create One
Related Solution:
Active Directory Diagrams visualize the detailed structures of the Microsoft Windows networks, Active Directory Domain topology, the Active Directory Site topology, the Organizational Units (OU), and the Exchange Server Organization.Active Directory Domain Services *
Picture: Active Directory Domain Services
ConceptDraw DIAGRAM extended with Data Flow Diagrams solution is the best diagramming and vector drawing software for quick and easy designing the Data Flow Diagram Example of any complexity.Data Flow Diagram Example *
Picture: Data Flow Diagram Example
Related Solution:
When using a shapes′ center connection the connection becomes dynamic, the connector will trace the contour of the object, when moving the object inside your diagram. Using any other connection point provides a static connection, when you move connected objects the connector stays attached to the same point.ConceptDraw Arrows10 Technology *
Picture: ConceptDraw Arrows10 Technology
The Cloud Computing Architecture is the structure of the system, which is based on the needs of end-user and includes the set of components and subcomponents required for cloud computing, among them cloud resources, services, middleware, software components, front-end platforms (cloud clients), cloud-based back end platforms (servers, storage), and a network (Internet, Intranet, Intercloud). When designing the Cloud Computing Architecture diagrams, the ConceptDraw DIAGRAM diagramming and vector drawing software advises to turn attention for the powerful Cloud Computing Diagrams solution from the extensive Computers and Network area of ConceptDraw Solution Park.Cloud Computing Architecture *
Picture: Cloud Computing Architecture
Related Solution:
ConceptDraw DIAGRAM diagramming and vector drawing software extended with unique SCRUM Workflow solution from the Project Management area of ConceptDraw Solution Park allows fast and easy design professional-looking Scrum Workflow Diagrams and Scrum workflow scheme for projects required when working on projects and managing them, when developing software with cutting-edge Agile methodologies.Scrum workflow *
Picture: Scrum workflow
Related Solution:
When we start to speak about databases, we must always mention database structure visualization. One of the most common ways to do it is to create an entity relationship diagram, and to put appropriate symbols on it. It is important either for database projecting and for its' future maintenance. Entity Relationship Diagram describes data elements and their relationships within a database. There are a set of special symbols that depict each element of an entity relationship diagram. Entities - represents some stable components such as supplier, employee, invoice, client, etc. Relation symbols show how the entities interact. Attributes define characteristics of the relationships. Attributes can be one-to-one or many-to-many. Physical symbols is used in the physical models. They represent items such as fields, tables, types and keys. ERD physical symbols are the building material for the database. Notation lines are used to illustrate the relationships. The most common method is Crow’s Feet notation. You can use ConceptDraw Entity-Relationship Diagram (ERD) solution to represent a database using the Entity-Relationship model.Entity Relationship Diagram Symbols
Picture: Entity Relationship Diagram Symbols
Related Solution:
How-To-Guide/aom-dbDatabases Access Objects Model with ConceptDraw DIAGRAM  *
Picture: Databases Access Objects Model with ConceptDraw DIAGRAM
UML Apartment Plan. This sample was created in ConceptDraw DIAGRAM diagramming and vector drawing software using the UML Class Diagram library of the Rapid UML Solution from the Software Development area of ConceptDraw Solution Park. This sample show the detailed plan of the apartment and is used by building companies, design apartments, real estate agencies, at the buying / selling of the realty.UML Class Diagram Example -  Apartment Plan *
Picture: UML Class Diagram Example - Apartment Plan
Related Solution:
ConceptDraw
DIAGRAM 18