The Web Interaction Model provides you with another way of understanding how Web processes work together. This model accounts not only for hardware, software, and networks, but also for the user's experience. The Web Interaction Model is based on the idea of a series of layers operating dynamically, with each layer responding to input and data from the other layers
The following diagram illustrates the Web Interaction Model:
Signs and Metaphors: Signs are visual markings or sounds that present information. Metaphors cue users about the
functionality of the site, through the use of icons or images. Metaphors cue users about the functionality of the site through the use of icons or images. Together, Signs and Metaphors create the look and feel of the site.
Information Architecture: Information Architecture organizes Signs and Metaphors into a cohesive structure.
In addition, it lays down the path for navigating through the site.
Software: Software comprises underlying components (applications) that enable the display of Signs and Metaphors. In addition, software creates, stores, and manages all resources available over the Web.
Networks and the Internet: A network is a series of computers that communicate with each other. Common protocols used on the Internet are TCP, IP, HTTP, FTP, and SMTP (the Internet email protocol).
Hardware: Hardware includes the user's computer equipment, also Web servers, database servers, mail servers, domain name servers, and firewall servers. On the network side, hardware includes modems, routers, hubs, and other network equipment;
phone lines; and data lines (DSL, T1, OC12, etc.).
Description of the Web Interaction Model
The "web interaction model" is a conceptual framework that describes how users interact with the web, encompassing various elements that facilitate this interaction. Here's a breakdown of the four components you mentioned:
Signs and Metaphors
Signs: These are visual or textual cues that guide users in navigating and understanding web interfaces. Examples include icons, buttons, labels, and other UI elements that convey meaning and functionality. For instance, a magnifying glass icon typically signifies a search function.
Metaphors: These are conceptual models that help users understand complex web functionalities by relating them to familiar real-world objects or experiences. For example, the "desktop" metaphor in operating systems uses files, folders, and trash bins to help users manage digital content as they would physical objects.
Information Architecture
Organization: This involves structuring and categorizing information on a website to make it easily accessible and understandable. Effective information architecture ensures that users can find what they need without unnecessary effort.
Navigation: This includes menus, breadcrumbs, and links that help users move through a website. Good navigation design is intuitive and aligns with user expectations.
Search: A robust search function allows users to quickly locate specific information within a site. This includes search bars, filters, and advanced search options.
Networks and the Internet
Connectivity: The internet is a global network of interconnected computers and servers that enable communication and data exchange. This connectivity is fundamental to web interaction, allowing users to access information and services from anywhere in the world.
Protocols: Standards like HTTP/HTTPS, TCP/IP, and DNS govern how data is transmitted and received over the internet. These protocols ensure that web interactions are consistent and reliable.
Cloud Computing: This involves delivering computing services over the internet, including storage, processing power, and applications. Cloud computing enables scalable and flexible web interactions, supporting everything from simple websites to complex web applications.
Hardware
Devices: These are the physical tools users employ to access the web, such as computers, smartphones, tablets, and other internet-enabled devices. The design and capabilities of these devices significantly influence the user experience.
Servers: These are powerful computers that host websites and applications, storing data and processing requests from users' devices. Servers are the backbone of web interaction, ensuring that content is delivered quickly and reliably.
Networking Equipment: This includes routers, switches, and modems that facilitate the transmission of data between devices and servers. Reliable networking hardware is essential for maintaining smooth and uninterrupted web interactions.
Integration of Components
The web interaction model integrates these four components to create a seamless user experience. Signs and metaphors make interfaces intuitive, information architecture organizes content effectively, networks and the internet provide the infrastructure for connectivity, and hardware ensures that users can access and interact with web content efficiently. Together, these elements form the foundation of how users engage with the web, enabling everything from simple browsing to complex online transactions.
Web Interaction Model
Signs and Metaphors
Signs are visual markings or sounds that present information. Metaphors cue users about the functionality of the site through the use of icons or images. Together, Signs and Metaphors create the look and feel of the site.
Information Architecture
Information Architecture organizes Signs and Metaphors into a cohesive structure. In addition, it lays down the path for navigating through the site.
Software
Software comprises underlying components (applications) that enable the display of Signs and Metaphors. In addition, software creates, stores, and manages all resources available over the Web.
Networks and the Internet
A network is a series of computers that communicate with each other. Common protocols used on the Internet are TCP, IP, HTTP, FTP, and SMTP (the Internet email protocol).
Hardware
Hardware includes the user's computer equipment, also Web servers, database servers, mail servers, domain name servers, and firewall servers. On the network side, hardware includes modems, routers, hubs, and other network equipment; phone lines; and data lines (DSL, T1, OC12, etc.).
Limitations of the Web Interaction Model
You should keep in mind that there is overlap between the layers of the model. Each layer represents a discrete element of the Web.
In some cases, elements support the layers above them, but in all cases, each layer is affected by the others. This model makes distinctions among the elements of the Web, so you can consider your options for each element independently when you are clarifying your Web site needs.
Your organization's business goals should drive the choices made at each layer. When planning a Web site, look at more than one element.
Consult all team members for input in their area of expertise. End user satisfaction is affected by every component and layer of your Web site.
Question: What is the difference between the first two layers, Signs and Metaphors and Information Architecture? Answer: Signs and Metaphors involve visual elements that are experienced immediately when the Web site is displayed, including elements such as icons, symbols, colors, sounds, labels, and animation.
Information Architecture is less visual and more conceptual, dealing with how all the information contained on the site is organized.
The organization might be indicated by icons or other signs, but the structure of the organization is called Information Architecture. In the next lesson, you will learn how the Web Interaction Model relates to other models.