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:
ConceptDraw DIAGRAM diagramming and vector drawing software enhanced with powerful HR Flowcharts Solution perfectly suits for Human Resource Management.Human Resource Management
Picture: Human Resource Management
Related Solution:
When we think of an hierarchy, we intuitively imagine a pyramid. Thus, a lot of management tools use pyramid charts as examples or illustrations of various documents or models. You can create any type of triangle diagram using ConceptDraw DIAGRAM. A triangle (pyramid) diagram is often used in marketing to show the data hierarchy. This pyramid diagram represents the Top Brand Model. It illustrate the model of rebranding strategy. It can be used by marketing agency dealing with rebranding strategies development. It’s critical for marketing diagrams to be both clear and eye catching. ConceptDraw Pyramid diagrams solution meet all these requirements and can be successfully applied for creating and presenting various marketing pyramidal diagrams.Pyramid Chart Examples *
Picture: Pyramid Chart Examples
Related Solutions:
IT world is extremely rational and logical. So what can be more precise than Software Diagrams to rate the results of work? Visual statistics is the best way to understand the data. This figure demonstrates the data flow diagram (DFD), which was created to describe the electronic system of custom purchase. This is the process of buying using electronic bar code scanning system. Such systems are used in large stores. The cashier scans the bar code, the system outputs the data on the price of the goods and carries out a purchase process. This DFD utilizes the Gane/Sarson notation. To create it The ConceptDraw DFD solution has been applied.Software Diagrams
Picture: Software Diagrams
The ConceptDraw Flowchart component includes a set of samples and templates. This geathered as flowchart maker toolbox which focused on drawing flowcharts of any industry standards.Flowchart Components
Picture: Flowchart Components
Related Solution:
Sometimes it's difficult to find a path in work processes or to understand the requirements, especially when you are a newcomer. To get your thoughts straight, create a workflow diagram, and put everything on it. This will not only help you to get into the workflow, but also show it’s weaknesses. This illustration captures the workflow process of payment an invoice for the electricity consumed by certain enterprise. It was drawn in ConceptDraw DIAGRAM using its solution for Workflow Diagrams. Making a workflow charts means that you need to depict consistently all processes engaged to the workflow process. Then, you should connect them with symbols meaning study and analysis. Next, add symbols of decisions. A work flow diagram made precisely and correctly can help to clarify your work flow to any person.Workflow Diagram *
Picture: Workflow Diagram
Related Solution:
No need for any special drawing skills to create professional looking diagrams outside of your knowledge base. ConceptDraw DIAGRAM takes care of the technical details, allowing you to focus on your job, not the drawing. ConceptDraw DIAGRAM delivers full-functioned alternative to MS Visio. ConceptDraw DIAGRAM supports import of Visio files. ConceptDraw DIAGRAM supports flowcharting, swimlane, orgchart, project chart, mind map, decision tree, cause and effect, charts and graphs, and many other diagram types.MS Visio Look a Like Diagrams *
Picture: MS Visio Look a Like Diagrams
An architectural design is a technical drawing of a building. Creating of the architectural design is the important part in the architecture and building. It is a way for the architects to represent their ideas and concepts, to develop the design idea to the concrete proposal. It' very convenient for architects to create the architectural design using the computer software. СonceptDraw DIAGRAM is a powerful CAD drawing software. Using the Floor Plans Solution from the Building Plans area of ConceptDraw Solution Park you can create professional looking architectural designs quick, easy and effective.CAD Drawing Software for Architectural Designs
Picture: CAD Drawing Software for Architectural Designs
Related Solution:
A database is a data collection, structured into some conceptual model. Two most common approaches of developing data models are UML diagrams and ER-model diagrams. There are several notations of entity-relationship diagram symbols and their meaning is slightly different. Crow’s Foot notation is quite descriptive and easy to understand, meanwhile, the Chen notation is great for conceptual modeling. An entity relationship diagrams look very simple to a flowcharts. The main difference is the symbols provided by specific ERD notations. There are several models applied in entity-relationship diagrams: conceptual, logical and physical. Creating an entity relationship diagram requires using a specific notation. There are five main components of common ERD notations: Entities, Actions, Attributes, Cardinality and Connections. The two of notations most widely used for creating ERD are Chen notation and Crow foot notation. By the way, the Crow foot notation originates from the Chen notation - it is an adapted version of the Chen notation.ERD Symbols and Meanings
Picture: ERD Symbols and Meanings
Related Solution:
The Venn diagram example below shows sustainable development at the confluence of three constituent parts. Create your Venn diagrams for problem solving in environmental social science using the ConceptDraw DIAGRAM software.Venn Diagram Examples for Problem Solving - Human Sustainability Confluence
Picture:
Venn Diagram Examples for Problem Solving
Environmental Social Science
Human Sustainability Confluence
Related Solution:
Total Quality Management (TQM) system is the management method where the confidence in quality of all organization processes is placed foremost. The given method is widely used in production, in educational system, in government organizations and so on.Total Quality Management with ConceptDraw *
Picture: Total Quality Management with ConceptDraw
ConceptDraw
DIAGRAM 18