Nombre patrón Clasificación Intención Motivación Aplicabilidad Estructura Participantes Código ejemplo Patron

relacio

Logotipo Estructural Logo de la Lado Aplica No aplica No aplica <i class="icon-logo fb-masthead__util-
empresa superior propiedad a bar__icon"></i>
que la izquierdo la pagina
identifica
Menú Estructural Orden de Cabecera Fácil para No aplica No aplica <li class="fb-masthead__primary-links__item fb-
categorías de la escoger masthead__primary-links__item--home">
de pagina web categoría
productos
de una
empresa
Footer(pie de Estructural Servicio al Al final de Para saber No aplica No aplica <nav class="fb-footer-content__nav">
pagina) cliente , pagina mas de la <div class="fb-footer-content__nav__block">
Empresa y empresa <h3 class="fb-accordian fb-footer-
quienes content__nav__header">Servicio al cliente</h3>
somos <ul class="fb-footer-content__links">
<li class="fb-footer-content__item"><a
rel="nofollow" class="fb-footer-

Slider Funcional Presentación Body Rápida No aplica No aplica <a href="https://www.falabella.com/falabella-cl/cat

de presentación egory/cat2100030/?sid=HO_ V5_REF_0037962"
productos de productos class="fb-hero-plp__link"></a>
en ofertas
¿Que buscas? Funcional Búsqueda de Cabecera Búsqueda de No aplica No aplica <input name="Ntt" id="searchQuestion"
producto en de la productos autosuggest="" value="" placeholder="¿Qué
especifico pagina Web mas rapido buscas?" class="fb-masthead-search__box__input
fsrVisible" autocomplete="off" maxlength="100"
type="search">
Recomendación Funcional Ofertas o Body Productos No aplica No aplica <a href="https://www.falabella.com/falabella-
productos mas cl/search/?sid=HO_P1E_IPH_" class="fb-homepage-
nuevos que destacados promotion">
llegaron </a>
Encabezado Comportamiento Diferentes Encabezado Servicios No aplica No aplica <div class="fb-masthead__secondary-links">
servicios de adicionales <!-- header Top Links -->
la tienda de la tienda <ul class="fb-masthead__promotional-links">
Menú en Comportamiento Orden de Cabecera Fácil para No aplica No aplica <div class="fb-masthead-search__box">
Celular categorías de la escoger <input id="maxTypeahead" value="5"
de pagina web categoría type="hidden">
productos <input id="group" value="3" type="hidden">
de una <div class="box-formulary-masthead">
empresa <form id="searchForm" method="get"
action="/falabella-cl/search/">

Bolsa de Comportamiento Productos Cabecera Vista de No aplica No aplica <a class="fb-masthead-basket__link"

compra ordenados productos href="/falabella-cl/basket">
ordenados <span class="fb-masthead-
basket__icon icon-bag-green">
<i class="fb-masthead-
basket__count">0</i>
</span>
</a>
Estructural
Funcional
Comportamiento