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:
Fruits are unique products, they are beautiful and delicious, and look amazing in the compositions. Fruits are perfect for decorating various dishes, desserts and beverage. Each composition of fruits is a real fruit art! ConceptDraw DIAGRAM diagramming and vector drawing software extended with Food Court solution from the Food and Beverage area of ConceptDraw Solution Park perfectly suits for fruit art design and easy drawing attractive food and beverage illustrations.Fruit Art *
Picture: Fruit Art
Related Solution:
ConceptDraw Pyramid Diagram software allows drawing column charts using predesigned objects or drawing tool.Fundraising Pyramid *
Picture: Fundraising Pyramid
Related Solutions:
The Total Quality Management Diagram solution helps you and your organization visualize business and industrial processes. Create Total Quality Management diagrams for business process with ConceptDraw software.Organizational Structure Total Quality Management *
Picture: Organizational Structure Total Quality Management
Related Solution:
Data modeling is actively applied in analysis and uses wide set of methods for description the data requirements in a system. One of the most popular and well-known is the ERD method of database modeling. The best ERD tool for the Mac and Windows is ConceptDraw DIAGRAM software extended with the Entity-Relationship Diagram (ERD) solution from the Software Development Area for ConceptDraw Solution Park, which is sharpened for professional ERD drawing and data modeling with Entity Relationship Diagram.Data Modeling with Entity Relationship Diagram *
Picture: Data Modeling with Entity Relationship Diagram
Related Solution:
The Total Quality Management Diagram solution helps you and your organization visualize business and industrial processes. Create Total Quality Management diagrams for business process with ConceptDraw software.TQM Diagram — Professional Total Quality Management *
Picture: TQM Diagram — Professional Total Quality Management
Related Solution:
Accounting is a cornerstone of any business, it’s basement. If you want to have a visual representation of your finance management, use audit flowchart symbols to document the money flow. Although some would say that accounting is boring, it is very a responsible duty. The audit flowchart symbols is supplied with ConceptDraw Audit Flowcharts solution as a vector objects library. Together with Conceptdraw Drawing capabilities it forms the helpful tool for audit process planning and setting the steps of audit by designing audit flow charts. Audit Flow charts are used to organize fiscal information tracking process as well as in accounting, finance and investment management.Audit Flowchart Symbols
Picture: Audit Flowchart Symbols
Related Solution:
Relationships Analysis. Relations Diagram - factors analysis, factors relations. Create Relations Diagram with ConceptDraw DIAGRAM. The Seven Management and Planning Tools is a tool for Interaction diagram drawing. This diagram identifies causal relationships. Determine what factors are causes and which factors are effects. Interaction diagram helps establish KPIs to monitor changes and the effectiveness of corrective actions in resolving the problem.Relationships Analysis *
Picture: Relationships Analysis
Use Case Diagram Taxi Service UML. 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 work of the taxi service and is used by taxi stations, by airports, in the tourism field and delivery service.UML  Block Diagram *
Picture: UML Block Diagram
Related Solution:
ConceptDraw DIAGRAM is a powerful tool for business and technical diagramming. Software Development area of ConceptDraw Solution Park provides 5 solutions: Data Flow Diagrams, Entity-Relationship Diagram (ERD), Graphic User Interface, IDEFO Diagrams, Rapid UML.Software Diagram Examples and Templates *
Picture: Software Diagram Examples and Templates
Related Solution:
The Cause and Effect diagram introduced by Kaoru Ishikawa in 1968 is a method for analyzing process dispersion. It can help you to dive into a problem and find an effective solution, identify and represent the possible causes for an effect, analyze the complex business problems and successfully solve them. You can design your Cause and Effect diagram on a paper, but more effective way is to use specific software - ConceptDraw DIAGRAM is a powerful Cause and Effect Diagram Software. It helps you create Cause and Effect diagram known also as Fishbone diagram or Ishikawa diagram from templates and examples.Cause and Effect Diagram Software *
Picture: Cause and Effect Diagram Software
Related Solution:
ConceptDraw
DIAGRAM 18