Hasta hace poco los diseños elegantes en colores sobrios y la utilización de tecnologías externas como Flash eran el referente del diseño para Internet, ahora se habla de la Web 2.0 y los diseños han cambiado drásticamente.
Siguiendo con el ciclo de artículos inspirados en el modelo L5 constituidos por una introducción sobre Desarrollo multinivel para aplicaciones basadas en el web, Modelado de datos e implementación de la base de datos (Primer Nivel: L5), Lógica de programación (Segundo Nivel:L5), Estructura de contenidos (Tercer Nivel:L5) y ahora abordaré el Cuarto Nivel: L5 dedicado al diseño gráfico.
Ahora, parece ser que la tendencia de desarrollo esta muy ligada a lo casual, con colores pastel, letras grandes, muy al estilo tipográfico y de revistas. Es increíble como los gustos han cambiado en tan poco tiempo; y seguirán cambiando en lo futuro.
Al parecer en Internet la tendencias de la utilización de gráficos estáticos está volviendo con un toque moderno y suelto. Si estamos dedicados al desarrollo y seguimiento de un proyecto publicado en Internet, una aplicación para clientes y todo aquel proyecto que esté en comunicación con usuarios fuera del ámbito administrativo, estar atento a las tendencias de diseño, es muy importante:
- Indica a nuestros usuarios que la aplicación está siendo supervisada y no es un proyecto que se ha descuidado o abandonado.
- Ayuda a mejorar la experiencia del usuario y llegar a un grado mayor de usabilidad.
Podría también decirse que ayuda a que el proyecto se vea más fresco e incluso a la moda en diseño, aunque sea una aplicación con bastante recorrido en Internet.
Expresando el contenido de una manera gráfica
Ahora, dejando un poco de lado la parte de las tendencias y centrándonos en la parte tal cual de la elaboración de diseño, debemos siempre recordar que sea cual sea nuestra inspiración de diseño, finalmente este deberá adaptarse al contenido real de la página y al público que este enfocado.
Los diseñadores deberían trabajar conjuntamente con los encargados del contenido y los profesionales encargados de la maquetación final del sitio o aplicación. Esto con el objetivo de que el diseñador sepa del contenido que debe incluirse en el diseño y que conozca las limitaciones del medio de Internet.
Un error que suele cometerse con bastante regularidad en el desarrollo para Internet es que los diseñadores suelen ser los primeros en el orden de elaboración de proyectos. Generalmente los encargados del diseño suelen presentar sus propuestas de diseño antes de lo que realmente se deberían de presentar en detrimento de los encargados de la maquetación del sitio.
El resultado es de esperarse: diseños completamente fuera de la realidad de Internet, muy difíciles de plasmar en HTML; a veces con mucho contenido dinámico, animaciones y distractores. Por suerte, muchos profesionales del diseño en la actualidad, ya no suelen cometer estas faltas.
Aquí sería conveniente que los diseñadores trabajen conjuntamente con el resto del equipo asignado para el proyecto, para tomar ideas de ellos y cuando haya un consenso de los diseños propuestos, mostrárselos al cliente para su aprobación.
Un buen diseño se acoplará al contenido del sitio y le dará la marca distintiva de originalidad que debe estar presente en todo proyecto para Internet. Los diseños simples siempre serán una buena opción, aunque para ciertos casos es interesante probar elementos nuevos.
La regla general será hacer diseños agradables en donde la distribución del contenido este en el ángulo de la página donde cumpla su cometido fundamental.
Factores de diseño para un proyecto dinámico y escalable
Lo fundamental en todo diseño para Internet es la sencillez, es decir que no este cargado con elementos que distraigan o estén fuera de lugar, eso es elemental. Las ventajas se centran en que un diseño sencillo es más apreciado que un diseño complejo con tantos detalles.
Además, los beneficios que también implica incluyen un menor consumo de ancho de banda en el producto final. Como en todo lo anteriormente dicho, el uso de Flash debería estar restringido al mínimo o para salir de la monotonía de las imágenes GIF y que nunca se coloque información o contenido dentro; en especial si este contenido ayuda al posicionamiento del sitio en motores de búsqueda.
También es importante tomar en cuenta la usabilidad: la buena distribución del contenido, la inclusión de guías para localizar de manera fácil lo que el navegante está buscando, el uso de estándares de diseño como la inclusión de un vínculo en el logotipo para ir a la página de inicio o la simple presencia del famoso puntero de la “manita” para señalar vínculos. Otra sugerencia es “ponerse del lado del usuario”.
Pienso que un diseño cumple con su misión cuando un navegante nuevo (entiéndase que nunca ha entrado a nuestro sitio con anterioridad) puede encontrar lo que busca en el menor tiempo requerido por que los elementos gráficos simplemente le guían, que gusta del diseño y que se toma el tiempo de colocarlo como marcador.
El diseño siempre será fundamental en todo proyecto para Internet. Un proyecto sin un buen diseño simplemente no servirá por que no hay atractivo en usarlo. Y un diseño sin un buen contenido simplemente será una imagen bonita. La tarea es trabajar conjuntamente y dejar que los profesionales trabajen en su área, siempre listos a escuchar a sus compañeros de equipo con los que tienen que trabajar para lograr el mejor resultado.
Cuando propuse L5 como un modelo de desarrollo, deje como cuarto nivel al diseño de la interfaz, porque muchos profesionales de Internet envueltos en el desarrollo pueden tener mucha experiencia en todas las áreas.
Pero el diseño es un área más con la que contará nuestra aplicación y solamente puede ser elaborado por profesionales con la sensibilidad única que se necesita para darle a nuestro proyecto ese toque de genialidad gráfica y artística.
Las imágenes proporcionadas en este artículo fueron extraídas del artículo: Inspiration Package: 60+ Usable & Elegant Designs.
Muy bueno e inspirador el articulo. Creo que define perfectamente la situacion actual en cuanto al tema profesional de paginas web.
Cuidado con las modas y las tendencias, al final solo se crean clónicos y encorseta al diseñador en unos esquemas monolíticos. El verdadero potencial del diseño es la creatividad, y el único limite la imaginación (y las limitaciones del medio). Soy partidario de de conocer y aplicar conceptos de todo tipo de tendencias incluso mezclarlas, desde las mas modernas , hasta las retro, asi como originales, sin límites. Web 2.0 es un concepto inexistente en lo referido a diseño gráfico. Que los mainstream de la web (la oligarquía web) no capen la creatividad del diseñador.
Hola, he leído el articulo y me parece muy bien, en sentido general, estoy totalmente de acuerdo en lo que comentas de diseñar el web pensando en que es un web y que tiene que maquetarse e implementarse, no pensar en crear algo formidable visualmente que después sera imposible maquetarlo de manera formidable también(todo es un todo), esto sencillamente lleva al fracaso, hay que diseñar bien pero pensando en esto, y también pensando sobre todo en las tendencias que son muy claras hoy en día, el diseño web enfocado a web 2.0 si es un estilo hoy que domina en la internet, solo hay que estar en el medio para darse cuenta, pero de que los usuarios comienzan a usar resoluciones de 1024×768 px y mayores, y que ademas piden mensajes claros y rápidos ademas de bonitos, estos son hechos que los diseñadores tenemos que tener en cuenta, las modas, las tendencias son algo humano que suceden en todo y no suceden por gusto, la web tiene que ser simple, tiene que ser fácil, tiene que ser super usable y los usurios tienen que sentirse cuando llegan a tu web como si llegaran al cálido salon de su hogar y no a una discoteca donde ellos no saben a donde mirar.
Este es mi punto de vista que esta muy unido al articulo que tratan sobre el diseño web hoy en Maestros del web, así que tienes de 10 un 10 amigo Juan.
Saludos
Paluh
Discrepo totalmente con el ultimo mensaje, las modas y tendencias son artificialmente creadas por unas pocas empresas multimillonarias, y si se expanden es por el “efecto copia y pega”. Los que deciden que son las tendencias y como seran son 4 iluminados en un despacho, eso ocurre en absolutamente todos los mercados.
Hacer una web con alta usabilidad, accesibilidad, clara y concisa no es un concepto web 2.0 es un concepto del diseño web y de TODOS los medios de comunicacion.
El concepto web 2.0 tambien se diseño en un despacho, concretamente en el de oreilly.
Es gracioso que llamen web social al web 2.0 cuando nunca antes se ha concentrado el monopolio web y los beneficios en tan pocas manos.Quizas en los mismos que reinventan la rueda, y nos nquieren vender el mismo caramelo con distinto papel. La revolucion web esta aun por llegar.
Yo conozco a un personaje que vive en una choza y hace tiempo que no cambia de sistema operativo. Se mueve solo con Fash Mx 8 y come hirsutos platos de pasta seca. Hace fotos de cosas y las recorta, luego programa confusas lineas ActionScript para animar su plomizo “colage”, tras ello, indolente, publica sus webs con gran éxito y ocsuras finanzas. Muchos lo odian, otros lo idolatran, algunos se acercan a el con curiosidad, le tocan, luego, se alejan confundidos con caras descolocadas. Una vez lo vi teclear un gotoAndStop(yo).
La vida es decidir , pero en el fondo, da igual lo que hagas, lo importante es defenderlo bien.
Hola akiles, creo que no interpretasteis mis palabras en su mas simple significado, me explico mas simplemente, el hecho de que el diseño web cambie ajustado a la tecnología es un hecho irrefutable, porque definitivamente la web va avanzando mucho y tomando muchas vertientes funcionales y de servicios online, y las interfaces que un día funcionaron hoy comienzan a ser inservibles. Si la mayoría del mundo hoy usa 1024x768px de resolusion entonces el tamaño de las webs y de los textos por lógica debe crecer, ademas esta demostrado visualmente con millones de ejemplos que los simple dice mas que lo complejo, todo sitio web tienen como objetivo principal comunicar su contenido, y si tu web es un carnaval solo vas a comunicar esa idea incial, que es un puro carnaval. Aparte de todo yo considero que hay mucha madurez también en la comunidad internacional de diseñadores, y que los usuarios de la gran red comienzan a sentirse bien en sitios limpios con contenidos muy definidos y fáciles de leer o asimilar, esto es todo usabilidad, un tema muy importante que casi nunca se tiene en cuenta. En fin, al final cada cual piensa como desee, esto es un hecho natural como las modas y las tendencias jeje
Saludos
[…] Diseño Gráfico (Cuarto Nivel:L5) en Maestros del Web escrito por Juan Manuel Lemus […]
gracias por la excelencia para aquellos que somos fans de las herramientas informáticas combinadas con el diseño.
espero seguir aquí, como dices más arriba la usabilidad ha sido exitosa y como usuaria encontré lo que buscaba hace bastante.
Sabina
Excelente artículo. Resume muy bien los retos a los que nos enfrentamos cuando comenzamos un diseño para el web. Estoy de acuerdo en que hay que evitar ser un clon de la moda imperante, pero al mismo tiempo, no se puede negar que si no queremos que nuestro diseño se vea anticuado es necesario añadir elementos novedosos.
Creo que en tendencias de web es muy aconsejable estar al tanto de los momentos que se viven, puede ser que ahora se manifieste una tendencia nueva que va dirigida precisamente por los momentos actuales que se manifiestan por la rapidez en las noticias, si se va a utilizar ¨Patrones de moda¨ en cuanto al diseño web hay que tener en cuenta que no basta la herramienta sino el usuario que la maneja y en cuanto a diseño la creatividad es esencial, si ahora con la Web 2.0 se establecen patrones pero… creo que lo fundamental es la web que brindan lo que la gente busque sin apartar la elegancia y buen gusto en su interfaz, esas animaciones Flash y efectos que lo que hacen es poner pesada a las paginas no están bien, recuerden que el humano espera meno de 30 segundo para que aparezcan los gráficos, los textos y lo que desees buscar porque señores estamos en un mundo efímero y lo que hoy es novedad mañana será historia.
es solo experimentos…
pedro
pdt…lo ideal es alguien que lo sepa hacer…todo
de esta manera tiene idea real de lo que se fabrica
hola esta muy bueno elarticulo la definicion esta muy bien definida creo que contiene los datos y complementos necesarios.y espero recibir ma articulos sobre algun tema importante
a mi parecer no es cuestion de moda, es cuestion de gustos y de necesidades que dependen del proyecto. En un proyecto grande con gran manejo de informacion(orkut, myspace, flickr) y todo se base en ella, no es necesario de impactantes animaciones en flash, ese no es su objetivo. En cambio en donde se busca impactar, dar una buena imagen, independientemente a la informacion, vale todos los recursos necesarios.
Además del artículo, he leido atentamente cada comentario y notado que se mencionan mucho las tendencias. Es cierto, la tendencia existe, pero no está sujeta tan exclusivamente el gusto como a la necesidad. Ese giro del diseño que uds. comentan responde directamente a (al fin!) la comprensión general de que el diseño no sólo es estética sino estética que responde a la funcionalidad.
La elección de colores no parte (o no debería partir) de una elección complaciente con el universo de usuarios, sino de la combinación del estudio de la identidad propia de la organización o persona (que ya trae su propia dosis de marketing) con el efecto psicológico de la paleta cromática a emplear en determinado proyecto web. Quien pretenda hacer parecer un sitio web a un impreso está cometiendo un error magistral, porque éstos no se abordan ni leen ni manipulan de igual forma. La misma redacción cambia radicalmente entre uno y otro, aunque se trate de la misma noticia. El temperamento y disposición de un usuario de la web no es lo mismo que el de un lector de impresos. Todos esos ingredientes son los que en realidad han concebido los nuevos conceptos que hoy vemos, los cuales además reciben la concomitante exigencia de accesibilidad y usabilidad, actualmente en avance.
Sin embargo, ni siquiera lo mencionado debería fijar una ‘tendencia’ propiamente dicha. Estamos hablando de diseño, una disciplina caracterizada por el estudio constante y dinámico, por la originalidad delimitada (no limitada) a la funcionalidad. Por supuesto que existen infinitas vías para abordar X proyecto. El error está en el hecho de encajonarnos en tendencias y perdernos del resto de la diversión, la cual consiste en seguir buscando e implementando nuevas vías de soluciones a los diversos casos que, por cierto, ninguno es igual. Quien ame el diseño comprenderá que diseñar no es seguir sino crear, y crear elementos altamente productivos a partir de un esquema de problemas únicos que necesitan soluciones específicas.
Creo en las tendencias, pero en las tendencias del usuario, no del diseñador.
Saludos.
[…] Diseño Gráfico (Cuarto Nivel:L5) […]
Hola a Todos
primeramente debo decir que estoy totalmente deacuerdo con Darío Ferrer, que nos muestra claramente como el diseño siempre será en función del producto, dependiendo de el caso que se presenta, una persona que solo se rige por el “estilo” y que lo domine no es más que un decorador gráfico que hace cosas bonitas pero no son las más acertadas.
En cuanto al comentario de que todos deben trabajar en equipo considero Fundamental la comunicación y el trabajo de todos porque cada quién tiene funciones diversas y el problema suge cuando el diseñador quiere programar y el Ingeniero trata de diseñar.
yo tambien estoy de acuerdo, el diseñ de hoy en dia se ha de ser limpio claro, y de muy facil utilizacion, cuanto menos elementos graficos tenga y mejor este definidos los aspectos funcionales de la web graficamente mejor.
Saludos
En el aspecto de páginas webs, creo que el diseño es muy dificil, sobre todo para las personas que entendemos de programación y poco de combinar colores. Las herramientas son muy útiles.
Estoy totalmente de acuerdo que existen tendencias y usualmente todos tratamos de siguirlas, de innovar y de hecer algo relevante y diferente, pero creo que en el diseño web intervienen varios factores culturales, tipo de producto, consumidor y sus hábitos, etc. Creo que la finalidad de un sitio web es transmitir eficientemente un mensaje a un público objetivo, y este público no necesariamente está permeable a las tendencias sino más a su entorno, social, cultural, etc.
Cuando se realiza una selección de colores y diseños debemos considerar por sobre todo el objetivo de la página y nuestro target.
Honestamente creo que todos los comentarios son bastante acertados, pero no debemos olvidarnos de los lineamientos mercadológicos durante el desarrollo de una página.