Diseño web

La versión actual de la página aún no ha sido revisada por colaboradores experimentados y puede diferir significativamente de la versión revisada el 5 de enero de 2021; las comprobaciones requieren 18 ediciones .

Diseño web (del inglés  web design ): una rama del desarrollo web y un tipo de diseño , cuyas tareas incluyen el diseño de interfaces de usuario web para sitios o aplicaciones web .

Diseñadores web:

Como resultado de la intersección de dos ramas de la actividad humana, un diseñador web competente debe estar familiarizado con las últimas tecnologías web y tener las cualidades artísticas adecuadas. La mayoría de los especialistas que trabajan en el campo del diseño suelen concentrar dicha educación creativa en un estudio de diseño.

Un diseñador web es una profesión relativamente joven , y la educación profesional en el campo del diseño web aún no está muy extendida en Rusia . Debido al aumento de la demanda de representación en la Web, la demanda de diseño de sitios web también está creciendo , el número de diseñadores web está aumentando. Actualmente, los servicios de diseño web son proporcionados tanto por estudios web como por individuos ( diseñadores web que son autónomos ).

Explicación del término

El diseño web es un tipo de diseño gráfico destinado a desarrollar y diseñar objetos del entorno de información de Internet , pensados ​​para dotarlos de altas propiedades de consumo y cualidades estéticas . Tal interpretación separa el diseño web de la programación web , enfatiza las especificidades de la actividad de un diseñador web, posiciona el diseño web como un tipo de diseño gráfico [1] .

Actualmente, el término diseño web se entiende como diseñar la estructura de un recurso web, asegurando la conveniencia de usar el recurso para los usuarios.

Recientemente, una parte importante del diseño del recurso ha sido alinear el recurso con los estándares W3C , lo que garantiza la accesibilidad del contenido para personas con discapacidades y usuarios de dispositivos portátiles (ver usabilidad  - "facilidad de uso"), así como multiplataforma. (en este caso, el llamado recurso de diseño multinavegador ) . También directamente relacionado con el diseño de sitios está el marketing en Internet ( internet marketing ), es decir, la promoción y publicidad del recurso creado, la optimización de motores de búsqueda .

Proceso y resultado

Un diseño único es más caro, pero también implica dibujar desde cero, un desarrollo completamente único para un pedido específico. Dependiendo de la profesionalidad y/o política de la empresa, el diseñador web desarrolla la idea y el concepto de diseño completamente por su cuenta, o recibe una serie de requisitos (color, estilo, etc.), expectativas e ideas del cliente o creativo . director ( director de arte ) e intenta mantener esta dirección al desarrollar el diseño. La mayoría de los clientes identifican erróneamente a un diseñador web y un webmaster, confiándole la publicación del sitio.

En ocasiones, un diseñador puede ofrecer una solución de diseño basada en plantillas (propias o incluso ajenas), lo que agiliza el trabajo y le costará menos al cliente. Algunos diseñadores incluso se especializan en hacer maquetas de diseño para venderlas como plantillas listas para usar, que luego pueden ser compradas y utilizadas por diseñadores o webmasters menos experimentados para crear sitios web genéricos (esencialmente sin un diseño único). A veces, el desarrollo del diseño web se denomina una pequeña reorganización y adaptación de dicha plantilla para un pedido específico.

El producto final del trabajo de un diseñador web es un diseño de diseño: una imagen que representa la apariencia futura prevista de las páginas del sitio. Esta imagen tiene varias capas, donde, a discreción del diseñador, casi todos los detalles son una capa separada unida a otras capas de la imagen, por lo que se pueden realizar fácilmente el refinamiento, el reemplazo, la reorganización y otras tareas. Dependiendo de la idea y los objetivos, el diseño puede incluir fotos, collages complejos , ilustraciones , capas de texto, íconos únicos . Para la página principal y las páginas internas, a veces se dibujan diseños separados con adiciones o cambios de acuerdo con el tema de la página.

Inicialmente, la imagen puede ser vectorial o ráster , hecha en Adobe Illustrator , Adobe Photoshop , GIMP u otro editor visual (por ejemplo, Scribus o Inkscape ), pero para un diseñador de maquetación, la imagen generalmente se convierte a un formato ráster.

Para 2021, se ha establecido un paradigma algo cambiado, en el que el producto final de un diseñador web es un diseño de diseño no en forma de imagen, sino en forma de un campo interactivo, con predominantemente gráficos vectoriales, que está controlado por el diseñador como en un editor gráfico. Al mismo tiempo, todas las manipulaciones de los elementos del campo interactivo se describen en forma de tablas en cascada con estilos CSS , que utilizan los diseñadores de diseño. Así funcionan Figma , Sketch , etc.

Un solo enlace de la aplicación anterior también es adecuado para la demostración al cliente, donde, además de una pantalla estática, el diseño se puede presentar como un prototipo interactivo.

Diseño de página de inicio

Los expertos en usabilidad, incluidos Jakob Nielsen y Kyle Soucy, a menudo han enfatizado la importancia del diseño de la página de inicio para el éxito de un sitio web y han argumentado que la página de inicio es la página más importante de un sitio web. [2] Sin embargo, los profesionales en la década de 2000 comenzaron a descubrir que un número cada vez mayor de visitantes del sitio web pasaban por alto la página de inicio y se dirigían directamente a páginas con contenido interno a través de motores de búsqueda, boletines electrónicos y fuentes RSS. [3] Esto lleva a muchos profesionales a argumentar que las páginas de inicio son menos importantes de lo que la mayoría de la gente piensa. [4] [5] [6] En 2007, Jared Spool argumentó que la página de inicio de un sitio es en realidad la página menos importante del sitio. [7]

En 2012 y 2013, los carruseles (también llamados "deslizadores" y "pancartas rodantes") se convirtieron en un elemento de diseño muy popular en las páginas de inicio, a menudo utilizados para mostrar contenido destacado o reciente en un espacio limitado. [8] Muchos profesionales argumentan que los carruseles son elementos de diseño ineficaces y son perjudiciales para la optimización de motores de búsqueda y la usabilidad del sitio web. [8] [9]

Herramientas y tecnologías

Los diseñadores web usan muchas herramientas diferentes según la parte del proceso de producción en la que estén involucrados. Estas herramientas se actualizan con el tiempo con nuevos estándares y software, pero los principios detrás de ellas siguen siendo los mismos. Los diseñadores web usan editores de gráficos vectoriales y rasterizados para crear imágenes basadas en la web o diseñar prototipos. Las tecnologías utilizadas para crear sitios web incluyen estándares W3C como HTML y CSS, que pueden codificarse a mano o generarse con software de edición WYSIWYG. Otras herramientas que los diseñadores web pueden usar incluyen validadores de marcado [10] y otras herramientas de prueba de usabilidad y accesibilidad para asegurarse de que sus sitios web cumplan con las pautas de accesibilidad web [11] .

Véase también

Notas

  1. Borodaev D.V. Sitio web como objeto de diseño gráfico. Monografía. — H.: Septima LTD, 2006. — 288 p. — Bibliografía: pág. 262-286
  2. Soucy, Kyle, ¿Tu página de inicio está haciendo lo que debería? , Usable Interface , < http://www.usableinterface.com/articles/homepage.php > Archivado el 8 de junio de 2012 en Wayback Machine . 
  3. Spool, Jared (2005-09-29), ¿Ya es relevante el diseño de la página de inicio? , Ingeniería de interfaz de usuario , < http://www.uie.com/brainsparks/2005/09/29/is-home-page-design-relevant-anymore/ > Archivado el 16 de septiembre de 2013 en Wayback Machine . 
  4. Chapman, Cameron (2010-09-15), 10 consejos de usabilidad basados ​​en estudios de investigación , seis revisiones , < http://sixrevisions.com/usabilityaccessibility/10-usability-tips-based-on-research-studies/ > Archivado copia fechada el 2 de septiembre de 2013 en Wayback Machine 
  5. Mito n.º 17: La página de inicio es la página más importante , 2013-06-02 , < https://businessmag.com.au/how-would-you-design-an-e-commerce-website/ > Archivado en diciembre 29, 2021 en la Wayback Machine 
  6. McGovern, Gerry (2010-04-18), El declive de la página de inicio , < http://giraffeforum.com/wordpress/2010/04/18/the-decline-of-the-homepage/ > Archivado el 24 de mayo 2013 en la Wayback Machine 
  7. Spool, Jared (2007-08-06), Podcast de herramientas de usabilidad: diseño de página de inicio , < http://www.uie.com/brainsparks/2007/08/06/usability-tools-podcast-home-page-design / > Archivado el 29 de abril de 2013 en Wayback Machine . 
  8. 1 2 Messner, Katie (2013-04-22), Carruseles de imágenes: obtener el control del tiovivo , Usability.gov , < http://www.usability.gov/get-involved/blog/2013/ 04/image-carousels.html > Archivado el 10 de octubre de 2013 en Wayback Machine . 
  9. Jones, Harrison (2013-06-19), Controles deslizantes de la página de inicio: malos para SEO, malos para la usabilidad , < http://searchengineland.com/homepage-sliders-are-bad-for-seo-usability-163496 > Archivado en noviembre 22, 2013 en la Wayback Machine 
  10. El servicio de validación de marcado W3C . validador.w3.org . Consultado el 5 de abril de 2022. Archivado desde el original el 22 de febrero de 2011.
  11. Iniciativa de Accesibilidad Web del W3C (WAI). Inicio  (inglés) . Iniciativa de Accesibilidad Web (WAI) . Consultado el 5 de abril de 2022. Archivado desde el original el 5 de abril de 2022.

Literatura

Enlaces