
Lesley Fowler
0
1102
24
Una cosa que me encanta de Internet es cómo existe perennemente en un estado de evolución, adoptando nuevas ideas y descartando las que han dejado de funcionar..
Tome Flash, por ejemplo. Desde mediados de los 90 hasta mediados de los 2000, fue la herramienta dominante utilizada para agregar interactividad y estilo a los sitios web. Incontables vulnerabilidades de seguridad Complementos del navegador: uno de los mayores problemas de seguridad en la Web de hoy [Opinión] Complementos del navegador: Uno de los mayores problemas de seguridad en la Web de hoy [Opinión] Los navegadores web se han vuelto mucho más seguros y resistentes a los ataques a lo largo de los años. El gran problema de seguridad del navegador en estos días son los complementos del navegador. No me refiero a las extensiones que instalas en tu navegador ... y la adopción masiva de dispositivos móviles con pantalla táctil más tarde, Flash se ha desvanecido en la irrelevancia, disminuyendo tanto en el escritorio como siendo no jugador en el campo móvil Adobe Stops Development De Flash Plugin para dispositivos móviles [Noticias] Adobe detiene el desarrollo de Flash Plugin para dispositivos móviles [Noticias] En un movimiento sorprendente (o no tan sorprendente), Adobe está suspendiendo su desarrollo de complementos Flash para navegadores móviles. Según el anuncio oficial de Adobe, ahora centrarán sus esfuerzos en HTML5, ya que ... .
Otro concepto que está siendo muy desafiado por el aumento del dispositivo de pantalla táctil es el menú tradicional y el diseño de sitios web basados en múltiples páginas. Dado que una gran cantidad de navegación web se realiza en pantallas de tamaños cada vez más reducidos, esto realmente no funciona tan bien como solía hacerlo.
Ingrese el diseño de página única
El diseño de página única es uno que evita tener varias páginas, cada una de las cuales encapsula una pieza de texto o algunos medios. En cambio, usamos una sola página continua que contiene absolutamente todo.
Este paradigma de diseño ha encontrado innumerables admiradores dentro de la comunidad de desarrolladores web y se ha utilizado en una variedad de entornos, incluidas páginas de marketing y carteras personales. Creando tu propio sitio web: tu carrera te lo agradecerá más tarde Creando tu propio sitio web: tu carrera lo agradecerá Usted más tarde Un sitio web personal es probablemente uno de los aspectos más importantes de su presencia en línea. Seguro que otras áreas como las redes sociales y los blogs son importantes, pero su sitio web es como una base de operaciones: un ... Esta adulación ha tenido el efecto de generar innumerables bibliotecas de Javascript, lo que facilita la creación de sitios web de una sola página (de los cuales mi favorito es fullPage.js). ¿Pero por qué? ¿Qué hace que este paradigma funcione? Aquí hay tres razones por las cuales.
Puedes crear una narrativa
No te confundas Las historias lo son todo. Tomemos, por ejemplo, el sitio web oficial de Apple para el iPhone 5s. Esto utiliza el paradigma de página única al máximo, y muestra cómo puede crear una historia cautivadora con el uso de este paradigma de diseño..
Cuando navegamos por primera vez al sitio oficial del iPhone 5s, primero se nos dice que el iPhone 5s es 'Forward Thinking'. A medida que nos desplazamos hacia abajo, se nos dice que el último dispositivo de Instagram de Apple ha sido meticulosamente considerado y diseñado con precisión. A medida que avanzamos hacia abajo, se revela más información sobre el diseño y desarrollo del teléfono, pintando una imagen de artesanía vigilante y calidad. Finalmente, la página alcanza su clímax y vemos su llamado a la acción, donde se nos dice cómo podemos comprar este dispositivo milagroso. ¿Podríamos crear la misma narrativa lineal y fluida si estuviéramos usando páginas web separadas e individuales? Talvez no.
Quizás mi ejemplo favorito de cómo se puede usar el diseño de una sola página para contar cuentos se ve en jessandruss.us. Este sitio fue creado para invitar a sus amigos y familiares a su boda, y utiliza el desplazamiento de paralaje y todo tipo de trucos de JavaScript para contar su historia de cómo se conocieron y se enamoraron. Es ridículamente encantador, y deberías echar un vistazo.
Mejorará su copia (y a sus lectores les encantará)
Hice un poco de consultoría de diseño web recientemente. El cliente con el que estaba trabajando quería que se creara un sitio web para su pequeña empresa. Me había enviado un archivo ZIP de 365 MB que contenía un caché masivo de fotos y copias. No solo estoy hablando de información que era inmediatamente pertinente para el negocio, sino de una biografía sobre cada miembro del personal. Noticias de la compañía. Solo ... pelusa.
Mi reacción inmediata fue 'sus clientes no se preocupan por esto'! También me preocupaba cómo afectaría el diseño y el flujo de su página web, que estaba usando un diseño de una página. Después de un poco de negociación, él accedió y me dejó llevar un cuchillo afilado a su copia, donde tuve el placer de exorcizar toda la grasa extraña..
El resultado final fue que su sitio web solo ofrecía información que el cliente encontraría útil, y nada más. La elección de un diseño de página única nos obligó a escribir una copia increíblemente concisa y, como resultado, extraordinariamente legible..
Funciona bien en dispositivos móviles
Tiempo de confesión: tengo dedos gordos.
En serio, lo hago. A veces, se parecen más a las salchichas de Viena que a los apéndices humanos reales. Como resultado, navegar por Internet desde la pantalla modesta de un dispositivo móvil a menudo me envía a ataques de ira tumultuosa, ya que con frecuencia hago clic en enlaces que no pretendía por accidente..
Esta ira se agrava cuando me encuentro con la mayoría de las barras de navegación del sitio web que simplemente no funcionan en dispositivos móviles. Algunos simplemente no están optimizados para pantallas más pequeñas. Quizás el peor infractor de navegación es donde existen menús enterrados dentro de los menús, y solo se puede llegar al pasar el mouse sobre un área de la página. Como puedes imaginar, esto no funciona en dispositivos con pantalla táctil.
En pocas palabras, los viejos paradigmas de la navegación web ya no funcionan tan bien como solían hacerlo. La belleza del diseño web de una sola página es que reduce la navegación a una de dos direcciones: arriba o abajo. En la mayoría de los dispositivos móviles, esto se puede expresar con solo presionar un dedo en cualquier dirección, lo que resulta en una navegación increíblemente intuitiva.
Conclusión
Soy bastante aficionado a los sitios web de una sola página. Como narrador natural, me encanta cómo facilitan la construcción de narrativas atractivas que capten inmediatamente la atención del lector. Si busca inspiración, consulte One Page Love, que es un compendio completo de sitios web que utilizan este paradigma cautivador.
¿Su próximo sitio web será un sitio web de una sola página??
Crédito de la foto: Código (Nigel Pepper)