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 - business process modeling software for mac offers the Business Process Diagram Solution with powerful tools to help you easy represent the business processes and create the business process diagrams based on BPMN 1.2 and BPMN 2.0 standards that allows to create of both simple and complex (nested) models of processes. There are 16 BPMN 1.2 and BPMN 2.0 stencil libraries containing 230 vector objects: Rapid Draw library, Connections library, Gateways and Artifacts libraries, Data library, Gateways library, Choreographies library, Conversations library, Activities libraries, Events libraries, Expanded Objects libraries, Swim lanes libraries.Business Process Modeling Software for Mac *
Picture: Business Process Modeling Software for Mac
Related Solution:
Video tutorials on ConceptDraw products. Try it today!Presenting Documents with Remote Presentation for Skype Solution *
Picture: Presenting Documents with Remote Presentation for Skype Solution
Related Solutions:
A Process Flow Diagram (PFD) is a diagram which shows the relationships between the main components in a system. Process Flow Diagrams are widely used by engineers in chemical and process engineering, they allows to indicate the general flow of plant process streams and equipment, helps to design the petroleum refineries, petrochemical and chemical plants, natural gas processing plants, and many other industrial facilities. ConceptDraw DIAGRAM diagramming and vector drawing software extended with powerful tools of Flowcharts Solution from the Diagrams Area of ConceptDraw Solution Park is effective for drawing: Process Flow Diagram, Flow Process Diagram, Business Process Flow Diagrams.Process Flow Diagram *
Picture: Process Flow Diagram
Related Solution:
The behavior of worker in organization is influences organizational effectiveness. A simple block diagram made with ConceptDraw Block diagrams solution can improve the understanding of expectations of workers regarding what they l contribute to organization and what they wait to obtain. Making block diagram depicting the individual behavior in organization is used in HR management to obtain an optimal and positive overall contribution to the organization. The behavior of worker in organization is influences organizational effectiveness. A simple block diagram made with ConceptDraw Block diagrams solution can improve the understanding of expectations of workers regarding what they l contribute to organization and what they wait to obtain. Making block diagram depicting the individual behavior in organization is used in HR management to obtain an optimal and positive overall contribution to the organization.Basic Diagramming *
Picture: Basic Diagramming
Related Solution:
Data visualization is an important part of any software design. To understand how diagrams can improve your work, you can use examples of flowcharts that can be easily found on Internet. Flowcharts represent processes as sequences of steps written in appropriate symbols. Launching a website is a complex process. There’s a lot to accomplish, and multiple people who need to participate. This flowchart can be helpful in planning and prioritizing tasks, making the process well-organized and clear for both developers and customers. This example flowcharts was build using ConceptDraw Flowcharts solution. It is really handy and helpful for starting any website project. It includes the set of milestones, and activities that can be easily customized and applied to any individual project.Flowchart Design: Contoh Flowchart
Picture: Flowchart Design: Contoh Flowchart
Related Solution:
Workflow Diagram - workflow process diagram is a visual representation of a organizational process flow. Often it used as the same visual notation as process flow diagram. Visualising business processes using workflow diagram (workflow process diagram) allows estimate business process efficiency, analyse and optimize the process itself. Workflow diagram helps get focusing on each step and relations between workflow steps. ConceptDraw DIAGRAM is software for making workflow diagram. It contains specific designed graphics to draw workflow diagrams effectively. This is workflow diagram maker which do your work process effective.Work Flow Process Chart *
Picture: Work Flow Process Chart
Related Solution:
The most easier way of creating the visually engaging and informative Sales Process Flowchart is to create the new ConceptDraw document and to use the predesigned vector symbols offered in 6 libraries of the Sales Flowchart Solution. There are more than six types of sales process flow diagrams, ConceptDraw DIAGRAM software is flowchart maker which include six collections of extended flowchart symbols for effective diagramming. There are main collections of color coded flowchart symbols: Sales Department, Sales Steps, Sales Workflow, Sales Symbols and special set of Sales Arrows and Sales Flowchart.Sales Process Flowchart Symbols *
Picture: Sales Process Flowchart Symbols
Related Solution:
A workflow diagram is less general notation than a process flow diagram. Workflow as a term can apply to organizational process which involves people, resources, documents, sort of data, for instance; whereas a process is general collection of steps occuring in any sort of activity. That is why process flow diagram can be used as workflow diagram to describe business process, data flow or department interactions. The fastest way to create a workflow diagram is using pre-designed workflow template. ConceptDraw DIAGRAM with the Workflow Diagrams solution delivers rich set of workflow diagram templates you may start from.How To Create a Workflow Diagram *
Picture: How To Create a Workflow Diagram
Related Solution:
Pie Graph is very popular kind of charts which is widely used in various fields of science and life activities. ConceptDraw DIAGRAM extended with Pie Charts Solution from the Graphs and Charts area is the best software for drawing the Pie Graph Worksheets.Pie Graph  Worksheets *
Picture: Pie Graph Worksheets
Related Solution:
Acquaintance with flowcharting starts from getting into basic terms. First of all, flowchart definition is quite clear – a flowchart is a graphical representation of a process or an algorithm made of special symbols. Secondly, flowcharting is an irreplaceable tool for IT specialists, project managers, and anyone who wants a clear understanding of any imaginable process.Flowchart Definition
Picture: Flowchart Definition: A Complete Guide
Related Solution:
ConceptDraw
DIAGRAM 18