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:

Interior Design. Office Layout Plan Design Element →

Sometimes, when it is difficult to create a functional space plan or to rearrange existing one, the art of interior design comes in. It doesn't matter, if you need a cozy bedroom or an office layout plan, you should use appropriate tools to make your design great. While making a floor plan of a new office it could be useful to apply some design elements such as furniture and office equipment. This diagram presents an office furniture objects that can be used for office interior design planning, or making office furniture and equipment layouts. This vector stencils library is supplied with ConceptDraw Office Layout Plans solution. It contains more then 30 vector objects of office interior for making office floor plans including an office space layout plans and furniture arrangement.

Picture: Interior Design. Office Layout Plan Design Element

Related Solution:

Office Layout Plans

Activity Network Diagram Method →

Activity Network Diagram - This sample was created in ConceptDraw DIAGRAM diagramming and vector drawing software using the Seven Management and Planning Tools solution from the Management area of ConceptDraw Solution Park. This sample shows the PERT (Program Evaluation Review Technique) chart of the request on proposal. A request for proposal (RFP) is a request of the company or the organization to potential suppliers to submit the business proposals for service or goods that it is interested to purchase. The RFP is represented on the initial procurement stage and allows to define the risks and benefits.

Picture: Activity Network Diagram Method

Related Solution:

Seven Management and Planning Tools

Network Security →

The Internet is a giant computer network which connects computers all over the world. It is integral part of human society and business. But the serious question for network engineers, designers, lawmakers and enforcers is the need for protect the Internet networks from the Internet crimes, hacking and attacks. There are quite a number of hardware, software and physical methods of protection against them. The samples you see on this page were created in ConceptDraw DIAGRAM using the tools of Network Security Diagrams Solution for ConceptDraw DIAGRAM software. They show protection networks with Firewalls and other network security devices. Network Security *

Picture: Network Security

Related Solution:

Network Security Diagrams

Venn Diagram →

Venn diagrams are illustrations used in the branch of mathematics known as set theory. Use ConceptDraw DIAGRAM to quick and easy design your own Venn Diagram of any complexity. Venn Diagram - Sustainable Development

Picture: Venn Diagram

Related Solution:

Business Diagrams

Network Diagramming Software for DesignRack Diagrams →

Rack Diagrams visualize the rack mounting of computer and network equipment as the drawing of frontal view of the rack with equipment installed. They are used for choosing the equipment or racks to buy, and help to organize equipment on the racks virtually, without the real installation. Network Diagramming Software - ConceptDraw DIAGRAM is perfect for software designers and software developers who need to draw Rack Diagrams.

Network Diagramming Software for Design<br>Rack Diagrams *

Picture: Network Diagramming Software for DesignRack Diagrams

Related Solution:

Rack Diagrams

Software Work Flow Process in Project Management with Diagram →

This sample was created in ConceptDraw DIAGRAM diagramming and vector drawing software using the Workflow Diagrams Solution from the Software Development area of ConceptDraw Solution Park.

This sample shows the Workflow Diagram that clearly illustrates stages a BPM consists of and relations between all parts of business. The Workflow Diagrams are used to represent the transferring of data during the work process, to study and analysis the working processes, and to optimize a workflow. Software Work Flow Process in Project Management with Diagram *

Picture: Software Work Flow Process in Project Management with Diagram

Related Solution:

Workflow Diagrams

IDEF0 standard with ConceptDraw DIAGRAM →

The activity of any organization is more or less branchy network of processes. The description of these processes is a hard technical task which requires definite methodology and standards. According to the IDEF0 standard any process can be described in the form of a block (Activity Box) which has inputs and outputs. The process consists in transformation of inputs into outputs under the influence of the management and in the presence of necessary resources. Outputs of the given process later on can be either inputs for the next process or resources, or management means.

Picture: IDEF0 standard with ConceptDraw DIAGRAM

Related Solution:

IDEF0 Diagrams

Corrective Action Planning →

One of the stages of the problem's solving process scenario is Corrective Action Planning. Corrective action planning define people and groups involvement in corrective actions by roles, identify logical sequences of scheduled actions and critical path of problem solving, identify possible risks of action plan and propose preventive actions. Corrective Action Planning *

Picture: Corrective Action Planning

Campus Area Networks (CAN). Computer and Network Examples →

If we divide computer networks by scale, we get several main categories. The smallest network is PAN, as it connects personal devices themselves, and as the number of users grows, a local area network can be recognized, and campus area networks (CAN) connects several local networks located within some area like a university or a corporation. Computers connected to CAN share public educational materials and list of CAN network examples includes such prestigious universities like Stanford and Carnegie Mellon. This is an example of a computer network diagram created for a campus area network. It was created using using ConceptDraw solution for the Computer and Network diagramming. The specific of this sample campus network is its distribution. It is rather broad to embrace a big campus territory. This diagram can be applied as a template for designing custom area network topology diagram for a particular educational institution. Campus Area Networks (CAN). <br>Computer and Network Examples *

Campus Area Networks (CAN). <br>Computer and Network Examples *

Picture: Campus Area Networks (CAN). Computer and Network Examples

Related Solution:

Computer Network Diagrams

Metropolitan area networks (MAN). Computer and Network Examples →

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.

Picture: Metropolitan area networks (MAN). Computer and Network Examples

Related Solution:

Computer Network Diagrams

ConceptDraw

DIAGRAM 18

Buy it Now