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:
A list of parameters on which networks differ is very long. A large network with a range up to 50 kilometers is called metropolitan area network (MAN), and this type of network can include several local area networks. Metropolitan networks in their turn connect into global area networks. Here you will see a Metropolitan Area Network (MAN). This is an extensive network which occupies a large territory including a few buildings or even the whole city. The space of the MAN is bigger than LAN, but lower than WAN. MAN comprise a lot of communication equipment and delivers the Internet connection to the LANs in the city area. Computer and Networks solution for ConceptDraw DIAGRAM provides a set of libraries with ready-to-use vector objects to design various kinds of computer networks.Metropolitan area networks (MAN). Computer and Network Examples
Picture: Metropolitan area networks (MAN). Computer and Network Examples
Related Solution:
As concept map consists from conception-blocks and links between them, you can use ConceptDraw library objects and add to a document as much objects as you need. ConceptDraw tools let you to edit, group, move objects, change their appearance and add text signs and raster or vector pictures. ConceptDraw DIAGRAM diagramming and vector drawing software extended with Concept Maps Solution from the Diagrams Area is effective tool for creating professional looking Concept Maps.Concept Maps *
Picture: Concept Maps
Related Solution:
Event-Driven Process Chain Diagrams for improvement throughout an organisation. ConceptDraw DIAGRAM - software that reduces the time needed to create a business process model.Modelling Complex Events with Event-Driven Process chain *
Picture: Modelling Complex Events with Event-Driven Process chain
Related Solution:
For documenting the Cloud Computing Architecture with a goal to facilitate the communication between stakeholders are successfully used the Cloud Computing Architecture diagrams. It is convenient and easy to draw various Cloud Computing Architecture diagrams in ConceptDraw DIAGRAM software with help of tools of the Cloud Computing Diagrams Solution from the Computer and Networks Area of ConceptDraw Solution Park.Cloud Computing Architecture Diagrams *
Picture: Cloud Computing Architecture Diagrams
Related Solution:
The vector stencils library Yourdon and Coad Notation from the solution OOAD contains specific symbols of the Yourdon and Coad notation such as data store symbol, data process symbol, loop symbol for ConceptDraw DIAGRAM software.Yourdon and Coad Diagram
Picture: Yourdon and Coad Diagram
ConceptDraw DIAGRAM software enhanced with the Data Flow Diagrams solution is rich for the pre-made Data Flow Diagram templates: Yourdon and Code template, Data Flow Diagram template, Data Flow Model Diagram template. They are indispensable for simple Data Flow Diagrams design.ConceptDraw Data Flow Diagram Templates
Picture: Data Flow Diagram Templates
Related Solution:
Developing a software project supposes architecture first. To make it proper, you can use data flow diagram model in your current project. The data flow diagram represents the Model of small traditional production enterprise that is made using Yourdon and Coad notation. It shows how the data is transfered through a process. According to the notation of Yourdon and Coad a process is represented by circles and data stores are drawn using parallel lines. This DFD was created using the ConceptDraw Data Flow Diagrams solution. Using this solution one can visualize data flow accordingly to the rules of two basic notations used for data flow modeling.Data Flow Diagram Model *
Picture: Data Flow Diagram Model
Related Solution:
Audio connectors are electrical connectors designed and used for audio frequencies. ConceptDraw DIAGRAM diagramming and vector drawing software extended with Audio and Video Connectors Solution from the Industrial Engineering Area is the best for drawing various audio schematics with detailed illustration the audio connectors.Audio Connectors *
Picture: Audio Connectors
Related Solution:
Event-Driven Process chain Diagrams for improvement throughout an organisation. Best software for Process Flow Diagram. The Event-driven Process Chain (EPC) Diagrams allows managers to plan processes and resources.Business process Flow Chart — <br>Event-Driven Process chain (EPC) diagrams *
Picture: Business process Flow Chart — Event-Driven Process chain (EPC) diagrams
Related Solution:
This sample shows the Data Flow Diagram of the Taxi Service and interactions between the Clients, Operators and Divers, as well as Orders and Reports databases.Taxi Service Data Flow Diagram<br>DFD Example *
Picture: Taxi Service Data Flow DiagramDFD Example
Related Solution:
ConceptDraw
DIAGRAM 18