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  *
NINE RELATED HOW TO's:
ConceptDraw DIAGRAM is a great UML modeling and design tool that enables you to quickly and easily generate all types of UML diagrams. ConceptDraw DIAGRAM offers a large collection of industry-standard UML object libraries for all types of UML diagrams.ConceptDraw DIAGRAM UML Diagrams with ConceptDraw DIAGRAM  *
Picture: ConceptDraw DIAGRAM UML Diagrams with ConceptDraw DIAGRAM
ConceptDraw DIAGRAM is a powerful diagramming and vector drawing software. Supplied with Enterprise Architecture Diagrams Solution from the Management Area, ConceptDraw DIAGRAM is ideal for construction the Business Architecture Diagrams.Business Architecture *
Picture: Business Architecture
Related Solution:
Data flow diagrams are the graphical tool, used in the visualization of data flow of some data processing systems. It is the valuable process modeling tool. Also designing DFD is the important component of the initial part of any information system development project. The standard symbols are used to represent the interaction of a system components and how various kinds of components influence on data flow. The ConceptDraw Data Flow Diagrams solution is design to assist professional software engineers in making DFDs according to Gane and Sarson, and Yourdon and Coad notations. Do you imagine yourself as a successful IT specialist? To your mind, they all use data flow diagram examples to learn and to get inspired. Aren’t you still with us?Data Flow Diagram Examples *
Picture: Data Flow Diagram Examples
Related Solution:
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 describes the use of the classes, the generalization associations between them, the multiplicity of associations and constraints. Provided UML diagram is one of the examples set that are part of Rapid UML solution.UML Class Diagram Generalization Example<br>UML Diagrams *
Picture: UML Class Diagram Generalization ExampleUML Diagrams
Related Solution:
Circular Diagram is a type of diagram widely used in marketing and economics for visualization information in a clear and visual form. ConceptDraw DIAGRAM diagramming and vector drawing software offers the useful tools of the Target and Circular Diagrams solution from the Marketing area of ConceptDraw Solution Park for effective drawing a Circular Diagram of any complexity and design.Circular Diagram *
Picture: Circular Diagram
Related Solution:
The Building Plans are very useful and even necessary for architects, builders, designers and simple for those who want to build the home, office, flat or anyone other building. They are also convenient for those who want to design or redesign the home, flat, room, etc.Building Plan Software
Picture: Building Plan Software. Building Plan Examples
Related Solution:
Use the advantages of hierarchical tree structure of mind map while developing the organizational structure of your organization. Create an Organizational Chart from your map. Double click the icon to create an Organizational Chart. The diagram is created automatically from the active page of your map by ConceptDraw DIAGRAM and will be opened in Slideshow mode.Organizational Chart *
Picture: Organizational Chart
Related Solution:
What is a Work Flow Chart? It is a chart which visually displays the step-by-step transferring of data, documents and tasks during the work. ConceptDraw DIAGRAM extended with Workflow Diagrams solution from the Business Processes area of ConceptDraw Solution Park is the best software for drawing the Work Flow Chart of any complexity.Work Flow Chart *
Picture: Work Flow Chart
Related Solution:
The use case diagram (behavior scenarios, precedents) is the initial conceptual representation of the system during its design and development. This diagram consists of actors, use cases and relationships between them. When constructing a diagram, common notation elements can also be used: notes and extension mechanisms. This sample was created in ConceptDraw DIAGRAM diagramming and vector drawing software using the UML Use Case Diagram library of the Rapid UML Solution from the Software Development area of ConceptDraw Solution Park. This sample shows the types of user’s interactions with the system and is used at the registration and working with the database system.UML Use Case Diagram
Picture: UML Use Case Diagram Example. Registration System
Related Solution:
ConceptDraw
DIAGRAM 18