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:
Working with information can be quite tedious, furthermore, some data can be quite difficult to perceive without any graphic representation. So, to facilitate your work, you can use business diagrams, such as simple flowcharts or Gantt charts for project management and orgcharts for clarifying your company structure. You can use a proper software, like ConceptDraw Pro, draw them on paper, or use whiteboards, but it is more convenient to use a digital tool. This diagram shows a cross-functional flowchart that was made fore telecom service provider. A workflow of a common telecommunication service provider has a rather branched structure. Thus, it is useful to have a flow chart to visualize the sequences and interrelations of the work flow steps. Business process flowchart contains 17 processes and 4 decision points,that are distributed through 2 lines depicting the participants involved. Also there are connectors that show the data flow within processes. This flowchart displays a detailed model of the telecom service trading process, as well as all participants in the process and how they interact with each other.Business diagrams & Org Charts with ConceptDraw DIAGRAM  *
Picture: Business diagrams & Org Charts with ConceptDraw DIAGRAM
State Diagram UML of Online Store. This sample was created in ConceptDraw DIAGRAM diagramming and vector drawing software using the UML Class Diagram library of the Rapid UML Solution from the Software Development area of ConceptDraw Solution Park. This sample shows the work of the medical shop and is used at the creation of the medical shop or pharmacy project, for understanding the process of shopping in the medical shop, for keeping purchases, for medical supplies.UML Class Diagram Example - Medical Shop *
Picture: UML Class Diagram Example - Medical Shop
Related Solution:
Our DFD software ConceptDraw DIAGRAM allows you to quickly create DFD with data storages, external entities, functional transforms, data flows, as well as control transforms and signals. DFD program ConceptDraw DIAGRAM has hundreds of templates, and a wide range of libraries with all nesassary ready-made drag-and-drop.ConceptDraw DIAGRAM DFD Software *
Picture: ConceptDraw DIAGRAM DFD Software
One of the three main constituents of any enterprise is the Control and Information Architecture. The rest two are Production facilities and People and Organization.Control and Information Architecture Diagrams (CIAD)<br> with ConceptDraw DIAGRAM  *
Picture: Control and Information Architecture Diagrams (CIAD) with ConceptDraw DIAGRAM
It’s not easy to plan all the details of your landscape at once. Therefore, you can use a bubble diagram to create a draft of the future project. You can develop any bubble diagrams and use them in your landscape design project with ConceptDraw DIAGRAM and it’s predesigned templates. This bubble diagram can be applied while initiating the development of garden and landscape design. The bubble diagrams used for this purpose are different from the classic bubble diagrams. Being used in landscape and garden design, they obtain the quite another understanding. Bubbles in this diagram visualize some captured areas, which define the general spaces of a future garden: lawn, flower garden, pool, built-up area, lighting, etc. The bubble diagram represents the landscape project without any special expenses on its creation. It is better to make such simple sketch before you drill down into detailed project and cost estimates.Bubble diagrams in Landscape Design with ConceptDraw DIAGRAM
Picture: Bubble diagrams in Landscape Design with ConceptDraw DIAGRAM
When studying a business process or system involving the transfer of data, it is common to use a Data Flow Diagram (DFD) to visualize how data are processed. Being initially used exclusively in regards to the flow of data through a computer system, now DFDs are employed as the business modeling tools. They are applied to describe the business events and interactions, or physical systems involving data storage and transfer. ConceptDraw DIAGRAM is a powerful Data Flow Diagram software thanks to the Data Flow Diagrams solution from the Software Development area of ConceptDraw Solution Park.Data Flow Diagram Software *
Picture: Data Flow Diagram Software
Related Solution:
A wireframe is a scheme of a future web page. Wireframe illustrates the web page structure, location and size of the main elements, as well as their interaction with the user. With such scheme designer defines the functionality of the page, not its appearance.Wireframe Tools *
Picture: Wireframe Tools
Related Solution:
UML Diagrams Social Networking Sites Project. 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 Facebook Socio-health system and is used at the projection and creating of the social networking sites.UML Use Case Diagram Example. Social Networking Sites Project
Picture: UML Use Case Diagram Example. Social Networking Sites Project
Related Solution:
When studying computer science, it is important to have good training manuals. To understand how the networks and data links work, you will probably need a set of network diagram examples depicting all the possible interconnections between network devices. You can find them on Internet or try to create your own. This example of a network topology diagram was made using ConceptDraw Computer and Network Diagrams solution. It represents a bus topology network diagram. A bus topology means that computers and peripherals in the network are connected to a mutual cable (backbone). This topology is often used for small networks. This diagram was designed using vector libraries of network equipment symbols. They also can be applied while creating various LAN and WAN diagrams.Network Diagram Examples *
Picture: Network Diagram Examples
If you want to find a way to understand complex things in minutes, you should try to visualize data. One of the most useful tool for this is creating a flowchart, which is a diagram representing stages of some process in sequential order. There are so many possible uses of flowcharts and you can find tons of flow charts examples and predesigned templates on the Internet. Warehouse flowchart is often used for describing workflow and business process mapping. Using your imagination, you can simplify your job or daily routine with flowcharts. Warehouse flowcharts are used to document product and information flow between sources of supply and consumers. The flowchart provides the staged guidance on how to manage each aspect of warehousing and describes such aspects as receiving of supplies; control of quality; shipment and storage and corresponding document flow. Warehouse flowchart, being actual is a good source of information. It indicates the stepwise way to complete the warehouse and inventory management process flow. Also it can be very useful for an inventory and audit procedures.Warehouse Flowchart
Picture: Flow Chart Example: Warehouse Flowchart
Related Solution:
ConceptDraw
DIAGRAM 18