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  *
NINE RELATED HOW TO's:
ConceptDraw MindMap benefits comparing to Mindjet Mindmanager: Economical. (Lower license price, support is no charge maintenance is an optional one-time fee that delivers to you the next major release) ConceptDraw products are structured to save you money from the date of purchase for the life of the product. When you compare ConceptDraw MINDMAP to Mindjet Mindmanager the cost savings will be obvious. Flexible Licensing. ConceptDraw is licensed per-named-user. Want ConceptDraw on 2 PCs, 2 Macs, or a PC and a Mac? Straightforward licensing makes this easy.Looking at ConceptDraw MINDMAP as a Replacement <br>for Mindjet Mindmanager *
Picture: Looking at ConceptDraw MINDMAP as a Replacement for Mindjet Mindmanager
Related Solutions:
The Total Quality Management Diagram solution helps your organization visualize business and industrial processes. Create Total Quality Management diagrams for business process with ConceptDraw software.Definition TQM Diagram *
Picture: Definition TQM Diagram
Related Solution:
ConceptDraw DIAGRAM software extended with unique HR Flowcharts Solution is the best for designing various flowcharts and diagrams in the field of human resources management.Human Resources
Picture: Human Resources
Related Solution:
Big and complex projects sometimes need some simplification of plans and schedules. That's why Program Evaluation and Review Technique was invented and first implemented in 1958. You can create PERT diagrams effortlessly with ConceptDraw DIAGRAM and share them with your colleagues. Program Evaluation Review Technique (PERT) is a method that is used to assess and analyze projects. PERT is a valuable tool for the project management practice. PERT gives an assessment and analysis of the time needed to the project completion. A PERT chart is a visual tool that delivers a graphical view of a project timeline. It is used to display the sequences and dependences of project tasks necessary to complete a project. ConceptDraw DIAGRAM delivers the possibility to build a PERT along with other diagrams applied to assist management process by using its Seven Management and Planning Tools solution.Program Evaluation and Review Technique <br>(PERT) with ConceptDraw DIAGRAM  *
Picture: Program Evaluation and Review Technique (PERT) with ConceptDraw DIAGRAM
Related Solution:
Software development flourishes nowadays. Students have tons of educational information and courses that would fit every taste. And it's no secret that knowing how to draw data flow diagrams is a useful skill for a future software architect. The diagrams help a lot in understanding how to storage data effectively and how data processes within a system. This data flow diagram represents the model of small traditional production enterprise. It was created using Yourdon and Coad notation. The data flow diagram include four main objects: entity, process, data store and data flow. Yourdon and Coad notation uses circles to depict processes and parallel lines to represent data stores. Dataflows are shown as arrowed lines. They are labeled with the description of the data that move through them. Dataflow's role is to deliver the pieces of information. A process's function is to transform. the input data flow into output data flow. ConceptDraw Data Flow Diagrams solution contains the data flow diagram symbols of both Yourdon-Coad and Gane-Sarson notations and a set of handy templates to get started with DFD.Data Flow Diagrams *
Picture: Data Flow Diagrams
Related Solution:
In order to be successful, you have to promote your business on the market. One of the ways for planning this promotion is to create a social media DFD Flowchart which will contain all the details of your business strategy. Social media is a very influential tool, and it's a mistake to ignore it. The following flowchart represents a best way to estimate social media posts, and gives a strategy of responses. This flowchart is designed in the format of cross-functional flowchart. With this format, we can divide the process into three distinct phases. This approach helps to generate well-considered and balanced response on social networks activities. Using ConceptDraw solution for Social Media Response, your reaction to social media posts will positively mirror the values and mission of your business.How to Create a Social Media DFD Flowchart *
Picture: How to Create a Social Media DFD Flowchart
Related Solution:
An event-driven process chain diagram is a flowchart used in business process analysis. It evolved from Architecture of Integrated Information Systems (ARIS) and utilised in the business process improvement and analysis. It is also used to facilitate enterprise resource planning. An EPC diagram is a complex flowchart that shows different business processes through various workflows. The workflows are seen as functions and events that are connected by different teams or people, as well as tasks that allow business processes to be executed. ConceptDraw DIAGRAM is a software for making EPC diagrams that allows managers visually present business process models for making decisions for business.How to Draw EPC Diagram Quickly *
Picture: How to Draw EPC Diagram Quickly
Related Solution:
ConceptDraw DIAGRAM extended with Enterprise Architecture Diagrams Solution from the Management Area is a powerful software which provides a set of helpful tools for designing Information Technology Architecture.Information Technology Architecture *
Picture: Information Technology Architecture
Related Solution:
ConceptDraw
DIAGRAM 18