La web no imprime

La web es la web Cuando comenzamos nuestra empresa en 2004, los sitios web de Flash no solo eran populares, sino que fueron increíbles. Todos querían crear un sitio web conmovedor y emisor de sonido para sus visitantes, y sabíamos cómo darles lo que querían. Mi compañero, un cine especializado en la universidad y una persona creativa, siempre estaba presionando para más "espectáculo", más movimiento y más de la "experiencia". Le diría, en broma, que "es un sitio web, no una película". Incluso en aquel entonces, creíamos que había usos y funciones específicos para los sitios web, y que los sitios web ciertamente no eran películas. Empujamos en la dirección de una gran experiencia, pero nunca sacrificamos el acceso rápido e inteligente a la información para la pelusa de vistanos. Ahora, casi 8 años después, parece que todos se han dado cuenta de que los sitios web no son películas. Ahora que las personas están acostumbradas a navegar por Internet, quieren y necesitan ciertas cosas para mantenerse interesadas. Casi todos ( excepto la industria de restaurantes ) han eliminado con videos de introducción y música en todo el sitio, pero todavía es muy difícil para las personas separarse de otro medio que la web tiende a hacerse pasar por Diseño de impresión. La web definitivamente no se imprime En su núcleo, la impresión y la web son muy similares. Ambos medios transmiten un mensaje, ambos tienen como objetivo llevar al espectador alrededor de una "página" o "lienzo", y ambos necesitan un buen diseño para hacerlo. Sin embargo, la Web tiene una serie de rasgos realmente útiles que imprimen no tienen, como un tamaño de lienzo ilimitado, la capacidad de ocultar y mostrar información, y la capacidad de ajustar el diseño en función de la preferencia del usuario, por nombrar algunos. Los límites del diseño de impresión se definen por la falta de estos rasgos del medio. A partir de hoy, esos mismos límites se colocan (por alguna razón) en el diseño web. Lo que me gustaría proponer es que la web no tiene los límites inherentes que tiene la impresión, por lo que debemos dejar de tratar el diseño web como su diseño de impresión. Necesitamos dejar de pensar en la web en términos de impresión, y especialmente debemos dejar de hablar sobre la web utilizando la terminología de impresión. Recuerde (y sé que es difícil), que la web no se imprime . A pesar de que hay muchas razones por las cuales la web no debe considerarse en términos impresos, quiero centrarme en un par de razones importantes solo para que piense. El lienzo ¿Sabes por qué lo llamamos una "página web"? Es porque nos referimos a una página, como una página de impresión. Una página, sin embargo, tiene un tamaño fijo. Tiene bordes que lo limitan porque es físico. En el diseño impreso, si tenemos mucha información para transmitir a un usuario, y solo tenemos una pequeña página, nos vemos obligados a reducir toda la información que se ajuste a esa sola página. Los buenos diseñadores saben cómo organizar esa información para que todavía se vea amigable, legible y tenga una marca, pero en algún momento los límites de una página física realmente pueden dañar un conjunto de información perfecto. Sin embargo, un sitio web, en una ventana del navegador, es un espacio virtual y esencialmente ilimitado en el monitor de su computadora sin tales restricciones. Los clientes siempre nos piden que mantengamos información "por encima del pliegue", incluso si eso significa reducir los tamaños de fuente o reducir los tamaños de imagen. Pero cuando los diseñadores intentan meter la información sobre el pliegue en una pantalla de una computadora, otra pantalla más pequeña todavía oculta información y una pantalla más grande se ve vacía con una tonelada de espacio en blanco en la parte inferior. La web no está destinada a tener un pliegue. Es móvil y está destinado a interactuarse. El sitio web Andersson-Wise es un gran ejemplo de cómo un diseño debe reaccionar al tamaño de la pantalla, no estar limitado por él. Cambie su ventana a diferentes proporciones para verla en acción. En lugar de tratar un sitio web como una página, es mejor pensarlo como una ventana - Una ventana que analiza un mar de información que puede desplazarse, moverse, escalar, etc. Preferencia y control de usuario Otro rasgo que carece de impresión es la capacidad de satisfacer la preferencia del usuario. A algunos les gustan sus palabras grandes, otras muy pequeñas. Algunos incluso prefieren leer texto blanco sobre negro, por lo que es más fácil para los ojos. El navegador moderno nos permite controlar estas cosas, pero el diseñador web moderno intenta lo más difícil posible para anular estas configuraciones, pegando a un tamaño de fuente estricto, basado en píxeles y un ancho de sitio fijo. Incluso cortamos a propósito un diseño en cada borde y dejamos un montón de "antecedentes" no utilizados solo porque es una restricción a la que todos estamos acostumbrados. (No me malinterpreten, sé que a veces tenemos que hacer estas cosas, pero espero que estés empezando a obtener el punto aquí). Ese es solo un ejemplo de preferencia de usuario. Piense en el usuario que tiene trece ventanas abiertas en su pantalla a la vez, por lo que su sitio web es solo un pequeño cuadrado en la esquina de su pantalla. ¿Dónde está el pliegue para ellos? ¿Cómo se ve el tamaño de tu fuente allí? ¿Y qué pasa con el móvil? El punto El punto aquí no es salir corriendo a su empresa de diseño web y revisar todos sus tamaños de fuentes de píxeles fijos, optando por un sistema de fuentes basado en porcentaje que escala a la ventana del navegador de un usuario. (Sin embargo, eso sería increíble). El punto es realmente comenzar a mirar la web como el organismo vivo, respirado e interactivo que es. Cuanto más sus usuarios controlen su experiencia, más felices son. Es aterrador como diseñador, ya que tendemos a ser monstruos de control, intentando lo más duro posible para reflexionar cada píxel hasta que nuestra composición sea "perfecta". Pero necesitamos diseñar para lo desconocido. Incluso tiene un nombre: Diseño receptivo . Algunos lo consideran una filosofía en forma de zen hacia el diseño web, porque simplemente va con la corriente. Un "diseño" puede funcionar en una gran pantalla de TV y en un pequeño teléfono inteligente igualmente bien. Descubrí que el desafío de crear un diseño que pueda moverse y reaccionar y que aún se vea genial es exponencialmente más gratificante que crear un diseño único estático, sin cambios. Aprender a adoptar los momentos de diseño espontáneos que ocurren a medida que nuestras imágenes y la diapositiva y escala de texto es esencial para una red mundial más fácil de usar y evolucionada. Es más desafiante, pero es más gratificante. Cuanto antes todos dejemos de pensar en la web como diseño de impresión, más rápido la web puede progresar como su propio medio nuevo y diferente, con su propio conjunto de capacidades y posibilidades. Información adicional Andersson Wise - Un gran ejemplo de lo que puede ser la web y hacia dónde va. http: //anderssonwise.com/ Diseño web receptivo por Ethan Marcotte -Si usted es un codificador y está interesado en el diseño receptivo, este libro es una lectura rápida y un gran recurso ... de hecho, el autor acuñó el término "diseño receptivo". http://www.abookapart.com/products/Responsive-Web-Design||89 A Dao of Web Design by John Allsopp -Gran artículo (¡de 2000!) Eso explica cierta filosofía relacionada con la web como su propio medio. http: //www.alistapart.com/articles/dao/ Para diseñador/codificadores - A Smashing Magazine Compilación de trucos y técnicas que comenzaremos a ver a medida que más diseñadores comiencen a adoptar la web para lo que realmente puede ser. http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-statategies/||uen xml versión = "1.0" encoding = "utf-8"?>