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 is perfect for software designers and software developers who need to draw Basic Network Diagrams.Design  Element: Basic Network<br>for Network Diagrams *
Picture: Design Element: Basic Networkfor Network Diagrams
An example of marketing analysis diagram, can be used to analyse product market and define marketing strategy. This sample shows the Feature Comparison Chart of the digital scouting cameras. It can be useful for digital cameras production field, marketing, sales, etc.Feature Comparison Chart Software *
Picture: Feature Comparison Chart Software
Related Solution:
Fast visualization of structured data is main capability of the ConceptDraw DIAGRAM. With numerous vector stencils and standard flowchart symbols from object libraries and the RapidDraw technology this program stands as the best professional flowchart software for drawing with type of flowchart symbols. ConceptDraw DIAGRAM also known as best flowchart maker.Easy Flowchart Program and Standard Flowchart Symbols *
Picture: Easy Flowchart Program and Standard Flowchart Symbols
Related Solution:
The ConceptDraw vector stencils library Cisco IBM contains equipment symbols for drawing the computer network diagrams.Cisco IBM. <br>Cisco icons, shapes, stencils and symbols *
Picture: Cisco IBM. Cisco icons, shapes, stencils and symbols
Related Solution:
The Rack Diagrams represent the frontal view of the rack with network equipment installed. They are helpful and widely used for choosing the equipment and racks to buy, and give the possibility to visually plan how to organize it on the racks. Now creating of the Rack Diagrams is quite simple and quick thanks to the powerful drawing tools of the Rack Diagrams Solution from the Computer and Networks Area.The Rack *
Picture: The Rack
Related Solution:
Create bar charts for event management problem solving and visual data comparison using the ConceptDraw DIAGRAM diagramming and vector drawing software extended with the Bar Graphs Solution from the Graphs and Charts area of ConceptDraw Solition Park.Bar Diagrams for Problem Solving.<br>Create event management bar charts with Bar Graphs Solution *
Picture: Bar Diagrams for Problem Solving.Create event management bar charts with Bar Graphs Solution
Related Solution:
ConceptDraw - Perfect Network Diagramming Software with examples of Backbone Network Diagrams. ConceptDraw Network Diagram is ideal for network engineers and network designers who need to draw Backbone Network diagrams.Network Diagram Software<br>Backbone Network *
Picture: Network Diagram SoftwareBackbone Network
Office design must to be well thought-out. It is especially important for the small offices, where each detail is in sight. ConceptDraw DIAGRAM software offers you the Office Layout Plans Solution from the Building Plans Area for quick and easy creating detailed Small Office Design plans.Small Office Design *
Picture: Small Office Design
Related Solution:
When describing any computer network, we imagine a set of devices and nodes, arranged in some way. Talking about network structures, we should distinguish physical and logical network topologies, as physical topology is about devices location and logical topology illustrates data flow. In the same time, they do not have to match, and some devices, such as repeaters, may have a physical star layout, but a bus logical topology. There are two main types of computer network topologies: Physical topology that show the physical organization of a network - equipment and types of connections. Star network topology involves a set of devices that is connected to a single hub (router). Ring network topology means that, devices connected according this topology have two connections, connecting with nearby devices to make a loop. Bus network topology is the topology presented at the current diagram. It is similar to a ring topology. The difference is that data moves up and down a linear connection, copying itself where network equipment works as bus-stations along the way. This network topology can be used for small network, or when adding an extra device into a network.Network Topologies
Picture: Network Topologies
Related Solution:
ConceptDraw DIAGRAM is a Mac OS X and Windows platforms professional software to draw your own business process diagrams and flowcharts.Professional Diagram and Flowchart Software *
Picture: Professional Diagram and Flowchart Software
ConceptDraw
DIAGRAM 18