Patrones de arquitectura de la información: se relacionan con las formas en las que los usuarios interactúan con ésta. Patrones de navegación: definen estructuras de los vínculos de navegación, tales como jerarquías, anillos, recorridos, etcétera. Patrones de presentación: ayudan a presentar el contenido al usuario a través de la interfaz. Patrones funcionales: definen los flujos de trabajo dentro de la webapp
En términos del nivel de granularidad, los patrones se describen en los
niveles siguientes: Patrones arquitectónicos: Este nivel de abstracción define las reglas para especificar las relaciones entre los Patrones de diseño: Éstos se abocan a un elemento específico del diseño, como un agrupamiento de componentes Patrones de componentes: Este nivel de abstracción se relaciona con elementos individuales de pequeña escala de una webapp