18 diseños de conceptos geniales (lifting facial) de sitios web notables
Si el contenido es rey, el diseño debe ser la reina. Es un elemento crucial para el éxito de un sitio web, ya que decide cómo se debe estructurar y mostrar el contenido, y el mal diseño simplemente arruina la experiencia del usuario, por lo que afecta al tráfico del sitio..
A menudo, los diseñadores de páginas web tienen que jugar juegos de trading mientras diseñamos un sitio web. O intercambiamos belleza por funcionalidad, o funcionalidad por legibilidad, ya que es imposible producir un diseño que satisfaga a todos en todos los aspectos.
Entonces, ¿qué diseño es mejor entonces? A los diseñadores web les encanta hacer esta pregunta, y algunos incluso se desafiaron a jugar mejor el juego comercial al rediseñar sitios famosos como Facebook y YouTube, formando así posibles diseños en esta publicación de escaparate. Mejor o peor, tú como usuario lo decides, disfruta.!
Según su estadística oficial, Facebook ha servido a más de 500 millones de usuarios activos, con 700 mil millones de minutos invertidos en ello. Para este tipo de estadística será muy estresante diseñar una página web para ello. También podría ser la misma razón por la que tantos diseñadores se desafiaron a sí mismos para rediseñar Facebook. Veamos algunos de los grandes intentos de los diseñadores a continuación:
Diseño conceptual por: Barton Smith
“El Facebook Facelift es un proyecto auto iniciado para desafiar la forma y funcionalidad de Facebook. Su interfaz simplificada, estructurada y lineal es más comprensible, mejorando la experiencia del usuario y la capacidad de absorción de contenido..”
Pagina principal. (Fuente de la imagen: Barton Smith)
Fotos de la página. (Fuente de la imagen: Barton Smith)
Página de Eventos. (Fuente de la imagen: Barton Smith)
Página de contactos. (Fuente de la imagen: Barton Smith)
Página de notificaciones. (Fuente de la imagen: Barton Smith)
Diseño conceptual por: arquitectos de la información
Este diseño innovador nació a partir de diciembre de 2006 y luego se adaptó a los estándares de diseño contemporáneo, para tener una comparación justa con el diseño actual de Facebook. La idea era crear una aplicación similar a la del correo con una interfaz que contenga un diseño elástico de 3 columnas que separa claramente el filtro, el flujo de información y la reacción, que se explican claramente en su publicación..
Pagina principal. (Fuente de la imagen: arquitectos de la información)
Diseño conceptual por: Justin Dauer
“Uno de mis objetivos principales era mover la interfaz hacia una presentación de tipo de aplicación web. Facebook tiene alrededor de 175 millones de personas que ingresan diariamente; Todas las tareas repetitivas inherentes a tal uso conducen a esta forma de enfoque. Cuando estaba terminando este rediseño, se lanzó la nueva interfaz de usuario de la aplicación de Twitter, y me dio un momento de la validación de Stuart Smalley.”
Pagina principal. (Fuente de la imagen: diseño pseudoroom)
Diseño conceptual por: Peter Knoll
Un diseño muy elegante de Peter Knoll. El gráfico se ha mejorado mucho para que todo el sitio se vea atractivo y prometedor. La interfaz también es mucho más limpia con una buena tipografía aplicada para una buena legibilidad.
Pagina principal. (Fuente de la imagen: Peter Knoll)
Diseño conceptual por: AndasoloARTS
Variación de Facebook hecha por AndasoloARTS, incluso se vende! La combinación de colores es bastante similar al diseño de Peter Knoll, pero en general es un diseño diferente. De nuevo un diseño muy elegante con minimalismo en mente..
Pagina principal. (Fuente de la imagen: AndasoloARTS)
Diseño conceptual por: Jonaska
Un diseño inspirado en el diseño de Facebook de AndasoloARTS, ¡también muy singular! Me gusta la implementación del cuadro de búsqueda y estado compartido, una variación bien diseñada..
Pagina principal. (Fuente de la imagen: Jonaska)
Diseño conceptual por: zarny-design
¿Qué tal un diseño sexy con elementos de esquinas redondeadas? Un enfoque de diseño completamente único para Facebook con un esquema de color ligeramente alterado, ¿puedes aceptarlo??
Pagina principal. (Fuente de la imagen: Czarny-Design)
Mi espacio
Una vez que el gigante de las redes sociales, Myspace fue superado por su principal competidor, Facebook. Con el nuevo nombre de Mi_____ ahora, apunta a convertirse en el principal destino de entretenimiento social que incluye música, películas, celebridades, TV y juegos, impulsado por la pasión de los fanáticos. Los diseños a continuación se intentaron para el antiguo Myspace, pero aún así es genial echar un vistazo a lo que el diseñador cree que debería ser Myspace..
Diseño conceptual por: Rafael Oliveira
“¿Qué pasaría si Myspace tuviera una interfaz más clara, definida y hermosa de manera predeterminada, pero aún con la opción de personalizarla, pero de una manera más comprensible? Esa es la pregunta que me hice al comenzar esto, y resultó ser un proyecto genial. Además del diseño visual, propuse algunas mejoras de usabilidad, basadas en el contenido que ya se encuentra en el sitio y mirando su mapa del sitio..”
Pagina principal. (Fuente de la imagen: Rafael Oliveira)
Menú de canales. (Fuente de la imagen: Rafael Oliveira)
Fotos de la página. (Fuente de la imagen: Rafael Oliveira)
Página de perfil personalizada. (Fuente de la imagen: Rafael Oliveira)
Página del artista. (Fuente de la imagen: Rafael Oliveira)
Página del artista - Personalizada. (Fuente de la imagen: Rafael Oliveira)
Videos de la página del canal. (Fuente de la imagen: Rafael Oliveira)
Al procesar más de mil millones de solicitudes de búsqueda en todo el mundo, Google es el sitio web más famoso del planeta Tierra. También se conoce como el reino que trata de dominar Internet al crear productos fáciles de usar como Android, Gmail y Analytics. Como Google tiene muchos diseñadores de primer nivel que trabajan en el diseño de su sitio web, cualquier intento de rediseño es un desafío directo para sus diseñadores. Interesante.
Diseño conceptual por: Craig Reville
“Dado que Google ha decidido tal vez rediseñar un poco las cosas, pensé que podría intentar ver y usar Google. No me volví loca con los íconos o el logotipo principalmente porque los diseñadores de íconos podrían hacer un mejor trabajo y me gusta el logotipo así de simple. Cualquier y todos los comentarios apreciados.”
Pagina principal. (Fuente de la imagen: Craig Reville)
Página de resultados de búsqueda. (Fuente de la imagen: Craig Reville)
Página de resultados de búsqueda - 2º concepto. (Fuente de la imagen: Craig Reville)
Página de resultados de búsqueda de imágenes. (Fuente de la imagen: Craig Reville)
Diseño conceptual por: FloxDesign
Un poco como Bing, pero de una manera más épica. Sinceramente, quiero tener este diseño en última instancia impresionante para mi página principal de Google, por favor.
Pagina principal. (Fuente de la imagen: FloxDesign)
Youtube
Con el puesto número 3 en el tráfico de sitios de EE. UU. A nivel mundial y no a 4, YouTube es un sitio web para descubrir, ver, cargar y compartir videos. La mayoría del contenido ha sido subido por individuos, pero medios famosos como CBS, BBC, Vevo y Hulu han proporcionado sus propios videos como parte del programa de asociación de YouTube. ¿Te atreves a rediseñar un sitio que se está viendo más de 2 mil millones de veces al día? Ellos lo hicieron.
Diseño conceptual por: Michele Byrne
Un rediseño elegante que enfatiza más sobre la visualización y el intercambio de videos. Se aplica un enfoque único a este diseño, aunque la interfaz de usuario es un poco similar a Vimeo. Gran intento de todos modos.
Pagina principal. (Fuente de la imagen: Michele Byrne)
Página de video. (Fuente de la imagen: Michele Byrne)
Página de usuario. (Fuente de la imagen: Michele Byrne)
Información del video. (Fuente de la imagen: Michele Byrne)
Video Recomendado. (Fuente de la imagen: Michele Byrne)
Diseño conceptual por: Josh Collie
“Una de mis mayores quejas con YouTube a lo largo de los años ha sido la incapacidad de buscar otros videos mientras veo videos, además de leer comentarios sin que el video salga de la parte superior de la pantalla. El siguiente diseño intenta resolver este problema al tener 3 columnas desplazables por separado, que incluyen búsqueda, video y comentarios.”
Pagina principal. (Fuente de la imagen: Josh Collie)
Página de usuario. (Fuente de la imagen: Josh Collie)
Diseño conceptual por: Thadeu Morgado
Un experimento de rediseño para la página principal de YouTube. El estilo es prácticamente el mismo, excepto que se ha reestructurado todo el diseño y se ha agregado un deslizador grande y elegante para dar más atención a los videos destacados..
Pagina principal. (Fuente de la imagen: Thadeu Morgado)
Amazonas
Amazon se puso en línea en 1995 y ahora se convirtió en la empresa multinacional de comercio electrónico que contiene la mayor selección de libros, revistas, música, DVD, electrónica, computadora, software, zapatos, ¡prácticamente todo! Debido a que tienen un negocio tan grande, los diseñadores de todo el mundo se han desafiado a sí mismos para mejorar el diseño para hacerlo aún más hermoso y, por supuesto, fácil de usar..
Diseño conceptual por: Trevor Cleveland
“Quería explorar tres conceptos únicos para el rediseño de la página de inicio de Amazon en la parte superior. Amazon es uno de los sitios de compras en línea líderes, pero su diseño fluido de página de inicio está configurado para tamaños de monitores con pequeñas dimensiones, lo que hace que el sitio se vea muy bien en computadoras mucho más nuevas con resoluciones más altas. Así que quería presentar tres ideas para poner a Amazon al día..”
Primer Concepto - Página Principal. (Fuente de la imagen: Trevor Cleveland)
Primer concepto - menu. (Fuente de la imagen: Trevor Cleveland)
Segundo concepto - Página principal. (Fuente de la imagen: Trevor Cleveland)
Segundo concepto - Menu. (Fuente de la imagen: Trevor Cleveland)
Tercer Concepto - Página Principal. (Fuente de la imagen: Trevor Cleveland)
Tercer Concepto - Menú. (Fuente de la imagen: Trevor Cleveland)
Diseño conceptual por: Maurice Kindermann
No hay intento de rediseño si no hay problema en el diseño actual, el diseño de Amazon de Maurice Kindermann es el mejor ejemplo para este caso. Decepcionado con el diseño actual de Amazon, Maurice rediseñó la página para resolver tres problemas particulares: resolución de pantalla demasiado extendida, opción de compra fragmentada y cantidad de contenido inundado.
Pagina principal. (Fuente de la imagen: Maurice Kindermann)
IMDb
Reclamado como el sitio de películas más grande, mejor y más premiado del planeta, IMDb (Internet Movie Database) es una base de datos en línea de información relacionada con películas, programas de televisión, actores, personal de producción, videojuegos y personajes de ficción que aparecen en Medios de entretenimiento visual. El rediseño de este sitio de manera que muestre la información de manera efectiva será un gran desafío para los diseñadores web.
Diseño conceptual por: Vladimir Kudinov
“¿Por qué no tener el diseño actual de IMDB? Está sobrecargado. Gran cantidad de información no estructurada. Mientras que la mayoría de los usuarios de estos sitios prestan atención principalmente a las imágenes, videos y más.
Así que hice un diseño limpio y elegante. Aquí, el usuario recibe una pantalla en la que hay información sobre la película: fotos, actores, tráilers, historia y más. No tiene que torcerse, girar, leer. Todo lo que se necesita es mirar la pantalla..”
Página de la película. (Fuente de la imagen: Vladimir Kudinov)
Menú. (Fuente de la imagen: Vladimir Kudinov)
Jugador emergente componente. (Fuente de la imagen: Vladimir Kudinov)
Panel superior. (Fuente de la imagen: Vladimir Kudinov)
Diseño conceptual por: Rob Hendricks
“No es difícil ver por qué el actual sitio web de IMDB está tan desordenado. El hecho es que tienen un montón de contenido. La arquitectura de información adecuada fue clave para cambiar esto.”
Pagina principal. (Fuente de la imagen: Rob Atomic)
Firme
Con Foursquare, los usuarios pueden compartir su ubicación actual mediante “registrándose” a través de una aplicación de teléfono inteligente o SMS, marcando información sobre lugares y dejando sugerencias relevantes sobre lugares cercanos. Los comerciantes locales también utilizan Foursquare para atraer y retener a sus clientes. El rediseño de Foursquare es realmente desafiante, ya que es un servicio completamente único por lo que se necesitan más estudios.
Diseño conceptual por: Clay Parker Jones
Clay Parker Jones cree que un mapa es una verdadera adición ingeniosa a la página de usuario de Foursquare, ya que el servicio se trata de la ubicación. Hacer clic en el mapa colapsaría las estadísticas informativas con 4 vistas diferentes disponibles. Otros complementos a esta página son feeds, me gusta, consejos y sugerencias, casi como una página de red social habitual!
Página de usuario. (Fuente de la imagen: exitcreative)
Reflexión
No importa el diseño, cada usuario necesita tiempo para adaptar el nuevo diseño. La pregunta es, como usuario, ¿desea cambiar a alguno de los diseños anteriores o está bien con el diseño actual? ¿Crees que estos diseños resuelven tu problema de experiencia de usuario? Creo que estos diseños están hechos para recibir tu opinión, así que siéntete libre de compartir lo que piensas de ellos, cada opinión cuenta.!
