0% found this document useful (0 votes)
26 views6 pages

Web Design Pyramid

This document presents the web design pyramid, which includes the components of component design, architecture, navigation, content, aesthetics, and interface. It describes each stage of the web design process, including determining the software structure, establishing the architecture based on goals, defining navigation paths, designing content and its relationships, applying aesthetic design, and creating an intuitive user interface. The document was written by Fernando Hernández Rod.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
26 views6 pages

Web Design Pyramid

This document presents the web design pyramid, which includes the components of component design, architecture, navigation, content, aesthetics, and interface. It describes each stage of the web design process, including determining the software structure, establishing the architecture based on goals, defining navigation paths, designing content and its relationships, applying aesthetic design, and creating an intuitive user interface. The document was written by Fernando Hernández Rod.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Technological Institute of Salina Cruz

ACTIVITY:
WEB DESIGN PYRAMID

NOMBRE (S):
FERNANDO HERNÁNDEZ RODRÍGUEZ

SUBJECT:
DESIGN MODELS FOR APPLICATIONS
WEB

GRADE AND GROUP:


VIII E

CAREER:
ENGINEERING IN INFORMATION TECHNOLOGIES AND
COMMUNICATIONS

FACILITATOR:
ENG. CARLOS DARINEL PEREA ESPINOSA

SALINA CRUZ, OAX. FEBRUARY 2020


Web Design Pyramid

• Component Design

Determine how homogeneous a software is, code adaptability.


Determine if it is assembled with native code, functioning under a Framework,
etc. Design of interfaces between the software and other producers/consumers of
information (non-human).

Examine the combination of technologies, the possibility of integrating software under


modules and parameter passing. Modern web apps provide functions of
increasingly complex processing that:

They carry out localized processing to generate content and capacity.


dynamic navigation.

They provide computing or data processing capabilities that result


appropriate for the business domain of the webapp

3) They give complex consultation and access to databases.

4) They establish data interfaces with external corporate systems. To achieve


these capabilities (and many others) must design and build components of
Programs shaped identically to the components of traditional software.

• Architecture Design

Architectural design is linked to the goals set for the Web in


as for:

The content they represent

The users who will visit it

The navigation philosophy that will be established.

The architectural designer must identify the content architecture and the
architecture of the Web.

The way in which content objects are structured for presentation and
navigation.

The way the application is structured to manage user interaction.


In most cases, architectural design is carried out in parallel with
the interface one, the aesthetic one, and the content one.

Since the architecture of the web app may be heavily influenced by navigation, the
decisions made during this design action will influence the work
carried out during the design of that.

• Navigation Design

Once the architecture of the web and the identification of the


componentes, el diseñador debe definir las rutas de navegación que habiliten para
users access to the content and functions of the website.

Access to the content and functions of the Web.

1) Identify the navigation semantics for different users

2) Define the mechanics (syntax) that achieves navigation.

3) Navigation bars.

4) Navigation columns.

5) Tabs.

Site maps.

• Content Design

The content design focuses on two different design issues, each one
they address individuals with a skill set. In addition, the content design
It deals with representing information within an object.

Like this:

It focuses on two different design matters:

1) For content objects, mechanisms to establish relationships with each other.


with others (Web engineer).
2) Representation of information within a specific content object
(it is led by advertisers and graphic designers)

• Aesthetic Design

Aesthetic design, also known as graphic design, considers aspects of the


presentation and perception of Web.

Without him, a WebApp can be functional but not attractive.

2) It takes users to a world that includes both an emotional realm


as an intellectual.

In a web app, images, style sheets, scripts, and everything is considered.


necessary for the creation of a pleasant and functional interface.

• Interface Design

Interfaces are visually apparent, forgiving, and implant their various


users a sense of control.

Interfaces do not concern the user with the internal workings of the computer.

The work is saved carefully and continuously with the total option that the
user can undo any activity at any time.

Effective applications and services do the maximum work while


they require a minimum of information from users.

Characteristics
It must provide the end user with a satisfying and rewarding experience.
concepts, principles, and methods of interface design provide the tools
required to achieve this list of attributes.

The objectives of a WebApp interface are:

1) Establish a window consistent with the content and functionality that


provides.

Guide the user through a series of interactions with the WebApp.

3) Organize the navigation options and the available content for the
user.
Consulted Sources

Web design pyramid and Webapp interface design by Raul Huerta


aguilar on Prezi. (n.d.). Retrieved February 15, 2020, from
[Link]
webapp-interfaces/

Design model for web applications. (n.d.). Retrieved February 15, 2020, from
[Link]
web applications

You might also like