Made with
ConceptDraw
DIAGRAM 14

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:

Fishbone Diagram Procedure →

ConceptDraw DIAGRAM diagramming and vector drawing software enhanced with Fishbone Diagrams solution from the Management area of ConceptDraw Solution Park gives the ability to draw Fishbone diagram, which identifies many possible causes for an effect for problem solving. Fishbone Diagram procedure of creation includes the set of steps easy for execution in ConceptDraw DIAGRAM.Fishbone Diagram Procedure *
Picture: Fishbone Diagram Procedure
Related Solution:

UML Class Diagrams. ConceptDraw DIAGRAM - Diagramming Software for Design UML Diagrams →

In software engineering, a UML Class Diagrams is a type of static structure diagram that is used both for general conceptual modeling of the systematics of the application, and for detailed modeling translating the models into programming code. Use ConceptDraw DIAGRAM with UML class diagram templates, samples and stencil library from Rapid UML solution to show the classes of system, their attributes, operations or methods, and the relationships among the classes.UML Class Diagrams. Diagramming Software for Design UML Diagrams *
Picture: UML Class Diagrams. ConceptDraw DIAGRAM - Diagramming Software for Design UML Diagrams
Related Solution:

Design Elements for UML Diagrams →

The Rapid UML solution from Software Development area of ConceptDraw Solution Park includes 13 vector stencils libraries for drawing the UML 2.4 diagrams using ConceptDraw DIAGRAM diagramming and vector drawing software.Design Elements for UML Diagrams *
Picture: Design Elements for UML Diagrams
Related Solution:

What Is a Concept Map →

What is a Concept Map and what software is effective for its design? A concept map or conceptual diagram is a diagram that depicts suggested relationships between concepts. As for effective software - we suggest you to pay attention for the ConceptDraw DIAGRAM diagramming and vector drawing software. Extended with Concept Maps Solution from the "Diagrams" Area it is a real godsend for you.What Is a Concept Map *
Picture: What Is a Concept Map
Related Solution:

Ceiling Ideas For Living Room →

Design of any premises includes many stages and variety of plans. Ceiling plans are also included in this number. Reflected Ceiling Plans Solution from the Building Plans Area for ConceptDraw DIAGRAM software will help you represent and realize any of your ceiling ideas for living room.Ceiling Ideas For Living Room *
Picture: Ceiling Ideas For Living Room
Related Solution:

Advanced Resource Assignment in ConceptDraw PROJECT →

Now you know all of the tricks on assigning resources in ConceptDraw PROJECT. You can now better use these flexible management tools to realize your project’s goals efficiently.Advanced Resource Assignment <br>in ConceptDraw PROJECT *
Picture: Advanced Resource Assignment in ConceptDraw PROJECT
Related Solution:

CCTV Network Diagram Software →

The CCTV is the process that carried out using the video cameras for transmitting the signal to the specific location, on the limited set of monitors. We are talking about the video cameras that are used for monitoring on such guarded objects as airports, banks, stores, military objects, etc. CCTV equipment is also used in the industrial installations, for surveillance in the public places, for recording the video on the digital video recorders.CCTV Network Diagram Software *
Picture: CCTV Network Diagram Software
Related Solutions:

Work Order Process Flowchart. Business Process Mapping Examples →

Working with personnel might be difficult if you are not prepared enough. To explain your workers all the details of communication with customers, you can draw an order process flowchart which will describe every step of the process and answer all the questions that might appear. You can view a lot of business process mapping diagram examples here, in ConceptDraw Solution Park. This business process flow chart is created to illustrate the sample work order process. Before an organization can make some work for a person, the customer work order request must be completed. It is needed for tracking and accountability objectives. We used this business process flowchart to show a certain tasks and actions assumed by an organization. This flowchart depicts the outside inputs that are needed to launch a process, and ways the organization delivers its outputs. This business process flowchart was created with a help of ConceptDraw Business Process Mapping solution.Work Order Process Flowchart. <br>Business Process Mapping Examples *
Picture: Work Order Process Flowchart. Business Process Mapping Examples
Related Solution:

UML Class Diagram Notation →

When it comes to system construction, a class diagram is the most widely used diagram. UML Class Diagrams is a type of static structure diagram that is used for general conceptual modeling of the systematics of the application. Such a diagram would illustrate the object-oriented view of a system. The object orientation of a system is indicated by a class diagram. It describes the structure of a system by showing the general issues,classes of a system, attributes, operations, interfaces, inheritance, and the relationships between them.UML Class Diagram Notation *
Picture: UML Class Diagram Notation
Related Solution:
ConceptDraw
DIAGRAM 14