Tendencias

Las tendencias del diseño están siendo asociados con la tecnología de esta manera “dio lugar al Flat Design, un estilo muy minimalista donde los efectos híper-realistas del 2012 y parte del 2013 brillaron por su ausencia” (Carreño, 2015), ya que en la actualidad el Flat Desing se acopla de una manera amigable hacia el cliente.

El flat desing lo podemos observar en la composición de la página web ya que utilizamos para la realización de botones menús y ciertas partes de los productos de la empresa.

5.01.01.07.01. Fotografías.

Cuando hablamos de diseño y pantallas, ¡lo visual es lo que manda! Se implementan imágenes de 1200 x 760 pixeles, ya que es el mejor elemento que podemos utilizar para comunicar a detalle lo que la web nos ofrece. En este sitio vamos a sustituir las palabras por imágenes.

5.01.01.07.02. Supremacía del scroll.

Tenemos una clara tendencia del uso del scroll en la navegación del sitio web, sobre todo en la página de inicio. Probablemente, una de sus principales razones es el incremento de navegabilidad desde dispositivos móviles.

En el 2016 el 89% de las personas utilizan el internet mientras que el 11% no. La conexión de internet móvil es del 81% la cual se puede visualizar que es una tendencia muy grande la navegación en dispositivos móviles. (INEGI, 2017)

Cuando ingresamos a un sitio desde una Tablet o un celular, dar clic sobre un botón y esperar que nos vincule hacia otra página puede resultar muy tedioso. Los usuarios

esperan poder desplazarse en una sola página y encontrar toda la información que necesitan, sobre todo los usuarios provenientes del mundo móvil.

5.01.01.07.03. Flat Design.

El diseño flat continúa vigente, lleva puesta la corona en el diseño ya desde hace un par de años y mantendrá su puesto, por fortuna, ya que este tipo de diseño minimalista propicia una comunicación muy efectiva. Esta tendencia se encontrará especialmente en íconos, menús e ilustraciones.

5.01.01.08. Retículas Web.

Se implantará una retícula formada por líneas verticales y horizontales marcando el sitio de los elementos de una composición gráfica, siendo estas guías

imaginarias para proceder a colocar los elementos gráficos. Brindando equilibrio y estabilidad del sitio, marcando prioridades o niveles en la composición, ya que las páginas web son soportes planos los cuales dificultan observar la diagramación de la información que se ofrece. (-Yugsi, 2017)

De tal manera que en la estructuración de los productos se utilizara una retícula modular, siendo está muy flexible y se pueden distinguir varios tipos de productos.

Otra retícula utilizada es la de columnas siendo una de las más sencillas, la cual se usa para incluir cajas de texto son muy extensos teniendo un espacio para la

numeración y los títulos, es una de las retículas más utilizadas para la elaboración de páginas web.

5.01.01.09. Usabilidad.

Es una medida de calidad de la experiencia que cuenta el usuario al visitar el sitio web o interactúa con algún producto, verificando las funciones y el contenido que ofrece dicha página siendo estos los que evalúan la efectividad del cumplimiento de las tareas que el programa puede llevar a cabo.

Cabe indicar que "la usabilidad es la disciplina que estudia la forma de diseñar Sitios Web para que los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva posible" (Hassan, 2002)

En la norma ISO 9241-11: Guidance on Usability (1998) se refiere a la usabilidad como al agrado en que un producto puede ser usado por los usuarios consiguen metas específicas con eficiencia y satisfacción, ya que esta norma nace en los Estados Unidos en la década de los 90s. (-Yugsi, 2017)

5.01.01.09. Software y Hardware.

En esta sección se encuentra el conjunto de programas los cuales nos permiten ejecutar varias tareas en un ordenador el software es desarrollado mediante lenguajes de programación los cuales permiten controlar el comportamiento de un computador el cual abarca a todas las aplicaciones como editores de imágenes, procesadores de texto.

El lenguaje de programación que utilizamos permite que los programadores del software trabajen de forma específica y precisa.

En el hardware encontramos objetos que se pueden ver y tocar, la gran mayoría de estos son componentes que tiene circuitos.

Se suele distinguir porque son dispositivos necesarios para poder iniciar el funcionamiento de una computadora y los cuales realizan funciones específicas, mediante estos dos importantes componentes, el proyecto a ejecutarse dependerá esencialmente de ellos ya que nos brindan los soportes a su realización.

5.01.01.09.01. Adobe Photoshop.

Este programa es muy destacado en el ámbito del diseño gráfico, desarrollado por Adobe Systems Incorporated, este nos ayuda en la edición de gráficos rasterizados, usado esencialmente en el retoque de fotografías para la realización de la

maquetación de los productos y presentarlos en la web.

5.01.01.09.02. Adobe Ilustrator.

Este programa interviene en la edición de gráficos vectoriales el cual está destinado a la creación del logotipo, iconos y artes gráficas.

Contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente los gráficos, cuyos usos se dan en

impresión, publicación en la Web y dispositivos móviles. (-Yugsi, 2017)

5.01.01.09.02. Adobe Muse.

Esta aplicación nos ayuda a la realización del diseño web, lo cual sirve de ayuda para crear una web más dinámica e interactiva, obteniendo así grandes experiencias digitales.

Utiliza herramientas del software de Adobe y le añade otras destinadas a las zonas básicas de una web. Todo el proceso de trabajo está integrado en el resto de

aplicaciones de la suite de Adobe, mientras que Adobe Muse es el que se encarga de crear el código necesario para hacerlo funcionar incluso publicarla en la red.

5.02. Descripción de la Herramienta

“La implementación de la página web será un pilar fundamental para dar a conocer a los clientes sobre los servicios que la empresa ofrece brindando una adecuada información, teniendo un contacto más directo con los clientes”. (-Yugsi, 2017)

Para lo cual se implementará el carrito de compras y adicional un botón que nos ayudará a tener una proforma PDF teniendo así una adecuada descripción de cada uno de los productos que dispone la empresa, generando así mayor interés de los clientes en adquirir los productos de la empresa.