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