Categoría Diseño Web

1
Rediseño del sitio Wired.com
2
15 extensiones Chrome para Diseñadores Web
3
Tendencias del Diseño Web, desde 2004 hasta el 2015
4
Cómo Google rastrea e indexa las páginas web
5
Lo básico e importante para diseñar un sitio web
6
10 elementos clave de un sitio web con calidad
7
GráficasWeb Interactivas, la evolución de las infografías
8
SiteInspire – muestrario de lo mejor en diseño web e interactivo
9
Rediseño del sitio de Star Wars – buen ejemplo de referencia
10
Evolución del Diseño Web

Rediseño del sitio Wired.com

wired-icons

Una buena oportunidad de estudiar lo que hicieron los de Wired.com para rediseñar su sitio.
Fue la culminación de dos años de trabajo, para que el diseño del sitio pudiera evolucionar a lo que se ve hoy. Desde lo responsivo del sitio hasta el manejo efectivo de las APIs.

Sitio actual:
wired-rediseno

Sitio anterior:
wired-diseno

But we didn’t design the new WIRED to be perfect. We designed it to be perfected. We’ll continue to make the technology faster and more powerful, the stories more informative and more fun. In the process, I’m sure you’ll find areas we can improve. I hope you’ll let us know about them. We’re trying to make better stuff in cooler ways more often. We believe we’ve created both the tools and the platform for WIRED to grow and evolve as fast as the technologies we cover. And if we’ve done our jobs, we will inspire you—the most connected and influential minds on the planet—to embrace what’s next. Everything is changing. Get ready.

wired-page

Welcome to the New WIRED

10 elementos clave de un sitio web con calidad

Infografía que nos muestran 10 puntos importantes para que el sitio web pueda funcionar bien, con el apoyo de un contenido con calidad.

  1. Relevancia y contexto
    La calidad en el contenido ayuda a posicionar mejor el sitio.
  2. Longitud del contenido
    La importancia de producir contenido acorde a lo que los usuarios desearían leer por página.
  3. Imágenes y video
    Artículos con imágenes y/o video atraen más a los visitantes.
  4. Gramática y ortografía
    Se debe tener cuidado en la forma de comunicar las ideas. Un artículo con faltas de ortografía pierde credibilidad.
  5. Legibilidad
    Los textos que son fáciles de leer y entender son bienvenidos por los usuarios.
  6. Formato
    El contenido bien ordenado ayuda a que los usuarios puedan moverse mejor en el sitio web.
  7. Experiencia
    La experiencia de los autores es algo crítico para que se considere la calidad del sitio.
  8. Compartir en redes sociales
    El contenido con calidad es el que se comparte más en las redes sociales.
  9. Vínculos internos y externos
    Los vínculos a referencias internas y externas ayudan a que los visitantes naveguen con la certeza de que son buenas recomendaciones.
  10. Calidad en la interacción
    Es bueno tener cierta interacción con los visitantes, para saber qué se puede mejorar, añadir o cambiar del sitio.

quality-content

GráficasWeb Interactivas, la evolución de las infografías

car-sharing

Para este 2015 veremos más el uso de GráficasWeb Interactivas, un paso en la evolución de las infografías.
Las Infografías tradicionales ayudan a que las personas enfoquen su atención. Por otro lado, el hilo narrativo de la infografía interactiva puede llevar a los usuarios a través de una serie de pasos, entregando la información con el fin de que se llegue a una conclusión.
Además, debido a que la GráficaWeb Interactiva se codifica directamente en la web, tiene la ventaja de que puede contener enlaces a fuentes externas para una mayor interacción, credibilidad y utilidad. Esto es mucho más en comparación con una infografía estática, que es simplemente una imagen.
Para las empresas será de gran ayuda para obtener tráfico y engagement.

Aquí algunos ejemplos de GráficasWeb Interactivas:
Future of carsharing
Guía de App Galaxy de Google
Interactive Infographic – 13 Reasons Why Your Brain Craves Infographics
Digit Duel a LEAP Motion game made in Resn
InfoQuest Infographic | A Search For Better Information Management
20 cosas que he aprendido sobre Internet y los navegadores
Best Web and Interactive Websites

Y acá pueden ver algunos recursos:
8 pro tips for creating interactive infographics
Google Web Designer

Rediseño del sitio de Star Wars – buen ejemplo de referencia

Por si vas a diseñar un sitio complejo y con una gran cantidad de contenido, el rediseño del sitio de Star Wars es un buen ejemplo de referencia, para este 2014. Lo hicieron los de Disney Interactive Team, con Bobby Solomon a la cabeza.
Comprende las buenas prácticas técnicas, gráficas y de usabilidad.
Vale la pena estudiar cómo fue construido.

starWars-redesign

starWars-redesign

starWars-redesign

StarWars.com | The Official Star Wars Website

How They Did It: StarWars.com

Derechos reservados © 2015. Vecindad Gráfica.