¿Cuáles serán las mayores tendencias de diseño web de 2015? ¿Cómo influyeron los avances en tecnología portátil (iWatch de Apple, Google Glass y otros), así como los desarrollos en Internet de las cosas (televisores inteligentes, termostatos inteligentes, etc.) en el diseño web?

Answer 1

Aquí hay algunas respuestas realmente buenas. Lo que intentaré hacer no es solo presentarles lo que es genial en diseño web. Voy a llevarte más allá de lo obvio para hacer algunas predicciones reales .

1. Los gestos son los nuevos clics
Olvidamos lo difícil que solían ser las páginas web de desplazamiento. La mayoría de los usuarios moverían minuciosamente su mouse al borde derecho de la pantalla, para usar algo antiguo llamado ‘barra de desplazamiento’:

Como profesional, probablemente usaste una rueda del mouse, teclas de cursor o trackpad, pero estabas muy por delante de la mayoría de los usuarios.

En 2015 es mucho más fácil desplazarse que hacer clic. En el móvil, puedes desplazarte salvajemente con el pulgar. Hacer clic en un objetivo preciso es en realidad más difícil: todo lo contrario de lo que estamos acostumbrados en el escritorio.

Como resultado, deberíamos esperar que más y más sitios web se construyan alrededor del desplazamiento primero y haciendo clic en segundo. Y, por supuesto, eso es exactamente lo que hemos visto en todas partes:

Hay muchas razones para esperar que esta tendencia continúe a medida que los dispositivos móviles se hagan cargo del mercado. Los sitios modernos tienen menos cosas para hacer clic y mucho más desplazamiento. Veremos menos enlaces, más botones, áreas ‘cliqueables’ más grandes y páginas más altas que esperan desplazarse.

Los sitios web que difunden sus artículos en varias páginas pronto aprenderán esta lección. Espere que se conviertan en páginas individuales más largas o incluso, como la revista TIME, en páginas de desplazamiento infinito:

Es demasiado pronto para saber si la web se expandirá a dispositivos como los relojes, pero si alguna vez lo hace, puede apostar que será impulsado casi por completo por gestos.

2. El redil está realmente muerto esta vez.
Ahora el desplazamiento es tan barato, y los dispositivos tienen un tamaño tan variado, que “el pliegue” finalmente se está volviendo irrelevante.

Los diseñadores son cada vez más libres de no meter todo en la parte superior de una página. Esto lleva a una tendencia de diseño popularizada por Medium: títulos de imágenes de pantalla completa, sin contenido visible hasta que comience a desplazarse:

Con páginas altas y desplazables, los diseñadores tienen la oportunidad de hacer lo que las revistas han dado por sentado durante años: llenar sus páginas con imágenes hermosas y grandes. En 2015 esperamos ver más diseños que ocupen mucho más espacio, especialmente verticalmente, y muchas imágenes más grandes como esta.

3. Los usuarios son más rápidos, los sitios web están simplificando
Hoy, todos los adultos jóvenes son usuarios expertos de la web. E incluso los aficionados están actuando como profesionales: usando múltiples pestañas y deslizando para retroceder una página.

El resultado es que todo es más rápido. Y todos hemos aprendido a ser impacientes. Si desea hacer que una persona de buenos modales explote con molestia, simplemente haga que su Internet sea realmente lento por un minuto.

Ahora los sitios web se ven obligados no solo a ser más rápidos (un problema técnico), sino a ser más rápidos de entender . Los diseños que ralentizan al usuario tienen el mismo impacto en su audiencia que estos sitios web que no se cargan en absoluto.

Los diseños más simples son más fáciles de escanear, lo que significa que son más rápidos de apreciar. Es fácil ver cuál de estos dos diseños es más nuevo, y es porque es el que el usuario puede disfrutar más rápido:

Esta es la razón más importante de la muerte del diseño skeuomorphic: los usuarios son más perceptivos, menos pacientes y el desorden solo los ralentiza.

Las aplicaciones avergüenzan a la mayoría de los sitios web con interfaces súper mínimas y hermosas. Y lo están haciendo porque las interfaces mínimas funcionan mejor.

El diseño plano es solo el comienzo. La tendencia real es hacia la simplicidad y la inmediatez, y esperamos que llegue más lejos que nunca en 2015.

4. El píxel está muerto
En un escritorio, un píxel era un píxel. Incluso tenía una idea de cuántos píxeles formaban una pulgada promedio: 72 ppp. Hoy en día muy pocas personas saben lo que es un píxel.
Con un diseño receptivo, hemos visto un movimiento hacia las cuadrículas y los porcentajes. Pero un área enorme sigue sin respuesta: las imágenes de mapa de bits.

Casi toda la web está construida con imágenes que tienen la mitad de resolución que una pantalla moderna, y no se escalan. Con las pantallas Retina y los navegadores modernos, es el momento adecuado para que las imágenes vectoriales se vuelvan más populares en 2015.

Podemos ver que esta tendencia ya está sucediendo con los iconos basados ​​en fuentes y el diseño de Material de Google. El sitio web se carga más rápido y escala los íconos a cualquier tamaño sin perder calidad. Eso los hace ideales para diseñadores y navegadores web modernos.

La tecnología existe ahora, pero tomará tiempo para que los profesionales cambien sus hábitos para crear pantallas de mayor calidad. Una vez que la pantalla de escritorio promedio se vuelve de grado Retina (como el nuevo iMac), esperamos que los diseñadores hagan lo mismo.

5. La animación ha vuelto
Si desea que un sitio web se vea anticuado, cúbralo con GIF animados “En construcción” y animación Flash. Pero se están uniendo varias cosas para hacer de la animación una estrella en ascenso en el diseño web moderno.

El diseño plano puede terminar pareciendo demasiado consistente, incluso aburrido. La animación ayuda a que un sitio web se destaque y empaque más información en menos espacio.

Las aplicaciones móviles han redefinido lo que un usuario espera. Las aplicaciones móviles utilizan el movimiento para transmitir significado, y los sitios web apenas comienzan a hacer lo mismo.

Las nuevas tecnologías, como la animación CSS, facilitan la mejora de los diseños sin problemas de complementos, velocidad o compatibilidad. Y Web Components (# 6, abajo) solo acelerará esto.

La animación GIF ha vuelto y es sorprendentemente efectiva. Notarás que este artículo hace un amplio uso de la animación GIF (si no lo hace, deberías ver esta versión), que nunca ha sido tan fácil de crear o compartir.

6. Los componentes son los nuevos marcos
La tecnología web continúa siendo más complicada y menos semántica. Los diseñadores deben incrustar código desordenado en sus páginas para realizar tareas simples, como incluir Google Analytics o un botón Me gusta de Facebook. Sería mucho más fácil si pudiéramos escribir algo como esto:

Y podemos hacerlo con Web Components, que aún no están listos para ser utilizados por la mayoría de los diseñadores. 2015 se parece a su año.

El diseño de Material de Google está aquí, y puede ser lo que inicie este movimiento. Desarrollado por Polymer, y compatible con todos los navegadores modernos, proporciona los componentes ricos de animación e interacción de las aplicaciones de Android, con etiquetas simples como estas:

Si eso se afianza, no sería sorprendente ver aparecer más marcos basados ​​en componentes en 2015. ¿Quizás Bootstrap 4.0?

7. La saturación social y el auge del correo electrónico directo.
Las redes sociales han sido un gran éxito para los consumidores, pero muchos productores de contenido no están tan contentos.

El problema es la saturación. Con miles de millones de publicaciones cada día, Facebook aprende las publicaciones que los usuarios tienen más probabilidades de disfrutar, y muestra solo esas. Desafortunadamente, eso significa que con el tiempo, lo que publicas es visto cada vez más por un porcentaje menor de tus seguidores. (Un problema que puede resolver, convenientemente, pagando a Facebook).

Las redes sociales no van a desaparecer, pero en 2014 hemos visto a muchos bloggers prominentes como Tim Ferriss alejar su enfoque de las redes sociales y ponerlas en listas de correo electrónico anticuadas. Se han dado cuenta de que el correo electrónico tiene una ventaja significativa sobre las redes sociales: un porcentaje mucho mayor de personas verá lo que les envía.

Espero que esta tendencia post-social continúe en 2015, con la tendencia poco apreciada de las notificaciones web (que funcionan de manera muy similar a las notificaciones en una aplicación móvil).

Bonificación de no predicción: formas CSS
Me equivoqué al decir que CSS Shapes sería una gran tendencia de diseño web en 2014 el año pasado. Esta tecnología genial no se notará, excepto por los diseñadores.

Formas CSS le permite fluir el diseño en formas, como círculos.

Es increíblemente genial, pero hasta que se garantice la compatibilidad con el navegador, es probable que sea demasiado arriesgado dedicarle tiempo y esfuerzo, necesitaría casi dos diseños completos, para navegadores antiguos y nuevos. Y fuera de los diseñadores, no creemos que muchos usuarios se den cuenta.

Sin embargo, es realmente genial.

¿Qué esperar en 2015?
En 2014, vimos que el uso de dispositivos móviles superó a las computadoras de escritorio, pero el público en general no se ha puesto al día. La mayoría de las organizaciones todavía encargan un sitio web para que se vea bien en su computadora primero y luego funcione en dispositivos móviles.

En 2015, es probable que esa estrategia parezca fuera de contacto y no profesional. A medida que el móvil se convierta en el dispositivo principal para navegar por la web, “móvil primero” será menos una palabra de moda, y más un requisito.

El diseño plano puede estar en todas partes, pero cuando miras más allá de los botones fantasma, la tendencia real es que los sitios más simples son más rápidos para satisfacer a los usuarios .

La simplicidad no es solo una moda: es el futuro. Espere que solo continúe.

Se volverá cada vez más común incrustar animación en las publicaciones de blog y que el movimiento signifique tanto calidad premium (para aquellos que pueden pagarlo) como para apoyar la experiencia del usuario.

Los píxeles y el pliegue se dejarán de lado lentamente, dejando más espacio para el desplazamiento y las experiencias de un segundo clic. Web Components facilitará la entrega de experiencias similares a aplicaciones en nuestros sitios web.

En este momento ves lo mejor del diseño de aplicaciones móviles que aparece en el diseño web. Con tiempo suficiente, la diferencia entre una aplicación y un sitio web podría desaparecer casi por completo.

Este artículo fue publicado originalmente en http://delighten.co.uk como 7 tendencias futuras de diseño web .

Answer 2

1. Dispositivos
En realidad, Google Glass ha resultado ser un error por parte de Google. Sonaba genial en el papel, pero una vez que salió al mercado, aquellos que podían permitírselo lo encontraron bastante molesto. Las ventas de Google Glass fueron inicialmente más lentas de lo esperado y disminuyeron, en lugar de aumentar con el tiempo.

Predigo que el iWatch se venderá bastante bien al principio, debido a todos los fanboys y fangirls que tienen demasiado dinero para gastar y sienten la necesidad de poseer todas las cosas de Apple. Después de los primeros días, en otras palabras, una vez que los Applephiles hayan pasado su tiempo esperando en la fila y hayan comprado el iWatch, las ventas caerán dramáticamente. La gente comenzará a darse cuenta de que el reloj es demasiado grande como un dispositivo portátil y que la ventana es demasiado pequeña para nada más que decir la hora. La pantalla de inicio inicial estará demasiado llena de íconos para que funcione bien como dispositivo de pantalla táctil, pero no se presta para usar un mouse y un teclado como dispositivos no táctiles.

2. Accesibilidad
Al mismo tiempo, UX Design y Web Design seguirán en desacuerdo con los problemas de accesibilidad. Muchos diseñadores web de vanguardia continuarán el cambio hacia la adición de más contenido visual como la mayoría del contenido, haciendo que los sitios web y las aplicaciones sean aún menos amigables para los usuarios ciegos, sordos y ancianos. Los sitios y aplicaciones de solo gestos harán que los elementos de la interfaz de usuario sean aún menos amigables para los usuarios con discapacidad física, especialmente aquellos dedos faltantes o un brazo (o la capacidad de controlar completamente los movimientos de los dedos y los brazos, como en el caso de Stephen Hawking). Los dispositivos controlados a través del seguimiento ocular y las aplicaciones diseñadas para esos dispositivos agregarán otro obstáculo para los usuarios ciegos. Los diseñadores web continuarán ignorando la accesibilidad (más allá de las fuentes gigantes forzadas para todos) y dejarán la peor parte del trabajo a los ingenieros que crean nuevas prótesis e implantes para discapacitados.

Al mismo tiempo, los mejores diseñadores de UX, especialmente los diseñadores de UX que han trabajado o vivido con personas discapacitadas, continuarán presionando por soluciones de diseño simples para discapacitados. Continuaremos recomendando el uso de texto para los menús, ya sea que el texto esté visible en la pantalla o sea ‘visible’ para los lectores de pantalla para los ciegos como texto alternativo agregado como un atributo al elemento img para los iconos del menú.

3. Paralaje y animaciones
Es probable que Parallax y las animaciones pesadas basadas en video ganen sobre las transiciones CSS y las soluciones mínimas JS / SVG. Esto continuará incrementando los tiempos de carga con el propósito de hacer caramelos en lugar de disminuir los tiempos de carga con el propósito de mantenerse al día con nuestros estilos de vida modernos y rápidos. En las zonas rurales, muchas de estas aplicaciones y sitios web de paralaje y video-animación, junto con un ancho de banda bajo, harán que un número cada vez mayor de sitios y aplicaciones simplemente caduquen, lo que significa que el usuario no podrá acceder a los sitios y aplicaciones en absoluto. Incluso el desplazamiento de paralaje agrega poco a la experiencia del usuario en relación con lo desagradable de los tiempos de carga más lentos y los espaguetis de código muy codificados. El uso de una solución HTML y CSS que implica el uso de posicionamiento fijo y relativo, desbordamiento de desplazamiento, calc () alto y ancho, y las consultas @media y / o @viewport para el tamaño de la vista aumentan la experiencia del usuario tanto como el desplazamiento de paralaje, mientras que haciendo que el diseño sea más receptivo, manteniendo el código elegante y agregando poco o nada a los tiempos de carga. La única razón real para seguir con el desplazamiento de paralaje es el analfabetismo de código de los diseñadores que solo arrastran y sueltan CMS.

4. Flexbox
Se ha pronosticado que Flexbox se convertirá en una cosa durante bastante tiempo, pero aún tiene que ganar la tracción en el mercado que necesita para obtener gran parte de cualquier lugar. Creo que parte de la razón por la que flexbox no está despegando como se esperaba, es el hecho de que comenzó como un proyecto de Adobe. El W3C inicialmente explotó, sabiendo en qué podría convertirse flexbox. Flexbox todavía tiene el potencial de convertirse en un grupo de marcas de propiedad exclusiva de Adobe por el que Adobe podría cobrar altas tarifas de uso y licencia. Al mismo tiempo, se creó y todavía se usa con el propósito de hacer que los sitios relacionados con HTML y XML se vean y funcionen de la misma manera que los archivos PDF. Ya hemos hecho la revista impresa antes. Aquellos que buscan tendencias a largo plazo quieren encontrar formas de superar el diseño de impresión actual. Aquellos que están obsesionados con las tendencias a corto plazo continúan buscando reinventar digitalmente la imprenta (inventada en 1436, revolucionando la tecnología de impresión a principios de los años 1500).

5. Diseños de cuadrícula
Si bien son útiles para algunos contenidos, las cuadrículas tienden a ser utilizadas en exceso. No todo el contenido se presta a una cuadrícula. Por otro lado, cuando un diseño de cuadrícula beneficia a los usuarios, muchos diseños de cuadrícula hacen un uso intensivo de scripts masivos y semántica incorrecta (por ejemplo, div.column3row5text). A menudo, JS, PHP y otros lenguajes de programación terminan siendo utilizados para crear el diseño, mientras que CSS se ignora o se usa para crear funciones, lo cual es completamente al revés de cómo se deben usar estos lenguajes de codificación. La cuestión es que las cuadrículas son un poco como tablas, ya que pueden organizar el contenido en un patrón de cuadrícula utilizando tres elementos. En el caso de las tablas, table, tr y td son tres elementos. En el caso de una cuadrícula receptiva, los tres elementos pueden ser cualquier cosa.

El uso de [div, section, article] o [menu, ul, li] son ​​ejemplos perfectamente válidos del uso de tres elementos para crear un diseño de cuadrícula. El truco consiste en utilizar los atributos de posicionamiento y visualización para su ventaja y utilizar consultas @media para la capacidad de respuesta y calc () para la altura y el ancho de los mosaicos reales. Simplificar el marcado y el estilo de esta manera hace que sea mucho más sencillo diseñar una cuadrícula que no tenga que imitar absolutamente el diseño Metro de Windows 8 (también conocido como diseño plano).

6. Diseño plano versus diseño llamado skeuomorphic
Érase una vez, las texturas y el sombreado estaban de moda. Luego, la fotografía de alta resolución y el desplazamiento de paralaje se convirtieron en una cosa. Ahora, el diseño plano (bastante tarde considerando la inspiración, el diseño Metro más o menos nuevo de Windows) es la nueva tendencia y el diseño se está volviendo cada vez más ‘anti-skeuomorph’. El diseño moderno es más visual y anti-visual, todo en uno. El ‘diseño esceomórfico’ es el nuevo demonio con un nombre que suena tan intelectual. Grandes palabras, personas, grandes palabras.

Cómo comenzamos a llamar a las metáforas visuales “Skeuomorphs” y por qué el debate sobre el diseño de la interfaz de Apple es un desastre (2012, incluso)

¿Pero son realmente tan útiles estas tendencias? Primero, comenzamos a aumentar los tiempos de carga y a crear códigos de espagueti innecesarios para que nuestros diseños sean más atractivos visualmente. Luego, decidimos que las sombras de cuadro, las sombras de texto y las texturas de fondo muy sutiles confundían a los usuarios y buscaban eliminar gran parte de lo que muchos usuarios encontraban visualmente atractivo mientras encontraban nuevas formas de inflar aún más nuestro código. Sí, el diseño plano está listo, pero ¿cuánto tiempo pasará antes de que tengamos que rediseñar completamente todo de nuevo cuando el próximo estilo visual se convierta en el nuevo elemento para el nuevo club de diseñadores? Personalmente, espero que comencemos a ver cuál es el propósito del sitio o la aplicación y creemos diseños que complementen ese propósito. Combina estilos antiguos con estilos nuevos. Crea estilos completamente nuevos que nunca antes se habían visto. Lo que sea, solo haz que se ajuste al propósito y al contenido de lo que estás diseñando.

Answer 3

Algunas respuestas bastante buenas hasta ahora. Sin embargo, el punto que la mayoría de la gente perdió es que las nuevas tendencias no necesariamente equivalen a innovaciones. 2015 podría traer (y ya ha traído) muchas innovaciones, pero algunas de ellas probablemente llevarán años antes de que se conviertan en tendencias. Con eso en mente, déjame decirte cuáles creo que serán las tendencias de diseño web más importantes para 2015, y en adelante.

1. Sitios de desplazamiento más largos.

A medida que los dispositivos móviles se vuelven cada vez más importantes, hay una tendencia emergente hacia el uso del desplazamiento como medio para mostrar contenido adicional en lugar del antiguo enfoque basado en enlaces.

2. Cuentacuentos.

Las personas están más ocupadas que nunca y esto significa que su capacidad de atención también se está acortando. Si quieres que interactúen con tu contenido, necesitas una historia interesante.

3. No más imágenes de fondo del encabezado.

Se ha vuelto tan estándar que lo ves en todas partes: texto blanco sobre una imagen borrosa. Incluso está en la miniatura de esta publicación. Pero como con todas las tendencias, una vez que todos lo adoptan, ya no es genial. Así que espere comenzar a ver texto en fondos de color vendidos.

4. Conserva solo lo esencial.

Este ya está en todas partes. Mira es así: cuando intentas mejorar algo, a menudo lo primero que se te ocurre es agregar cosas. Agregue algunos tonos aquí, un color de fondo para ese cuadro allí, tal vez una animación genial que encontró en csstricks … ¿Ve a dónde vamos? Ahora intente lo mismo, pero en lugar de agregar cosas, elimine elementos innecesarios. Resalta el contenido, por eso la gente estaba buscando de todos modos.

5. Diseño flexible de ancho fijo.

Nos mudamos de ancho fijo a ancho completo receptivo. Pero los diseños de ancho completo tienden a parecer excesivos en pantallas muy grandes. Ahí es donde entra en juego el ancho máximo. Vea este sitio como un ejemplo: Michele Mazzucco • Diseñador de marca y de interfaz de usuario.

6. Fotografía profesional personalizada.
(Crédito de la foto Chocolat – Créateur de Goût)

Debido a las pantallas de súper alta resolución, las imágenes de alta calidad ahora son imprescindibles. Bueno para Shutterstock & co. Pero seamos honestos: si estoy navegando, digamos, el sitio web de un restaurante, no quiero ver algunas fotos genéricas de alimentos. Estoy interesado en el lugar real y la comida real que cocinan.

7. Roba lo que funciona en dispositivos móviles.

Los dispositivos móviles han cambiado la forma en que pensamos sobre la interfaz de usuario y no hay vuelta atrás. Una lección crucial que los dispositivos móviles nos han enseñado es que el espacio en la pantalla es valioso y que solo debemos mostrar lo que es realmente importante. Después de todo, para eso están hechos los menús flotantes y los acordeones.

8. Menús principales ocultos.

Algunos sitios han comenzado a experimentar con ocultar menús por completo cuando un visitante abre un sitio web por primera vez. Esto podría ayudar a aumentar la participación de los visitantes, que algunos estudios demostraron ser algo inversamente proporcionales al número de elementos entre los que elegir.

9. Tipografía sobredimensionada.

La tipografía ya es clave para el diseño web y esta tendencia solo está creciendo. Por supuesto, antes de hacer que sus fuentes sean enormes, debe asegurarse de que realmente se vean bien.

10. velocidad.

Gracias a todos los sitios web geniales que existen, las personas esperan una experiencia de usuario increíble y una velocidad increíble.

Para obtener una explicación aún más detallada sobre las tendencias que describí anteriormente, consulte 10 Tendencias de diseño web que puede esperar ver en 2015.

Answer 4

Los adictos al diseño web en toda la web están bastante seguros de que las siguientes características cambiarán el futuro de las tendencias web:
1. Desde su éxito indiscutible en 2014, la enorme imagen de fondo vuelve a estar de moda durante unos 3 años más. Esto debe ser de alta calidad y una imagen atractiva. Asegúrese de que también sea único, ni a los visitantes del sitio ni a los robots de búsqueda les gustan las imágenes de muestra, incluso si las últimas son encantadoras.
2. Preste atención a Metro Style que comenzó una nueva época de diseño web que se basa más en la tipografía y menos en los gráficos. Este es en su mayoría diseño minimalista con mucho espacio vacío (generalmente blanco), iconos grandes, fuentes claras, sin sombras (las sutiles en su lugar).
3. El contenido sigue siendo una parte esencial de su diseño. Haga que sea emotivo y llamativo: ponga líneas cortas escritas profesionalmente y fuentes elegantes en la página de inicio, todo esto hará que el sitio sea interesante y profundo desde la primera vista.
4. Una de las últimas tendencias que ya está en todos los ámbitos es la tipografía perfecta. Incluye fuentes estéticas, dejando caer el amor al texto cursivo que en la mayoría de los casos parece un gusto de diseño básico y aficionado y, además, causa el problema de la legibilidad. Una navegación intuitiva por el sitio es muy importante, también lo son las alternativas legibles por fuentes.
5. Fotografía e iconos personalizados que son 100% únicos. Incluso si no es factible para la mayoría de ellos en el sitio, al menos un logotipo de marca debe ser así. 6. Un video en bucle sigue siendo una tendencia popular. El video de fondo corto (hasta 3 minutos) es una forma extremadamente atractiva de captar la atención del visitante. Muchos sitios web populares y redes sociales usan esto para impresionar a los visitantes. Su historia personal o comercial en video es la mejor manera de hacerlo, pero si se produce el período de reducción de la situación de vida, aquí puede encontrar el stock de videos de bucle gratuito: XStockvideo
7. No hay un sitio web genial sin un diseño de cuadrícula. La idea principal es proporcionar una estructura de sitio equilibrada y, como resultado, una mejor experiencia de usuario y usabilidad. Aquí puede ver los ejemplos de las cuadrículas más populares: 12 jQuery Plugins para crear un diseño de cuadrícula | Diseño web y gráfico | Bashooka
8. El encabezado fijo del sitio web definitivamente está de moda, Gmail y Facebook lo usan con éxito. Dicho encabezado permanece visible cuando se desplaza hacia abajo, manteniendo a mano el contenido y las herramientas más importantes y permitiendo saltar fácilmente a ellos. Es una gran ayuda y una forma rápida de ver todos los enlaces y rúbricas mientras navega por el sitio.
9. Microinteracciones para crear un ambiente de llamado a la acción en el sitio. ¿Que es esto? Por ejemplo, cuestionarios cortos, calificación, votación, completar el buzón de correo electrónico de suscripción son pequeñas piezas de funcionalidad atractiva.
10. No hay necesidad de explicar la importancia del diseño receptivo hoy en día. No es solo una tendencia, es una necesidad para aquellos que desean que su negocio sea un éxito. Si se adhiere a la forma más fácil y efectiva de crear un sitio web utilizando una plantilla que ya sea receptiva y optimizada para diferentes resoluciones de pantalla, consulte esta solución para pequeñas empresas: ¿Qué debo considerar al elegir un tema para mi sitio web? El | Startup Hub Mantenga todas estas cosas de moda en mente, pero manténgase elegante. Haga que todas las tendencias necesarias funcionen en su sitio, no para que se parezcan a otras, sino para ayudar a construir un sitio lleno de estilo. ¡Y probablemente algún día crearás una nueva tendencia tú mismo!

Answer 5

1. Casi todos los sitios harán la transición a la web móvil
Atrás quedaron los días de abrir un enlace de correo electrónico que muestra un primer sitio web de escritorio. El móvil es un buen SEO y Google está penalizando los sitios que no cumplen con los estándares mínimos para dispositivos móviles.

2. Más grande es mejor
Copia del cuerpo de 16px, fotografía de alta resolución con sangrado completo. Con la adopción de dispositivos de alta densidad y más tiempo para mirarlos, la demanda de diseño visual de alta calidad es más alta que nunca.

3. Sitios web animados y animados
Las animaciones serán un gran negocio, utilizadas como parte central de la experiencia de usuario en transiciones, gifs y microinteracciones. CSS y Javascript son grandes jugadores aquí, favorecidos sobre los gifs / videos exportados para el rendimiento.

Ver: Preguntar DN: ¿Cómo se hacen las animaciones en Dropbox.com?

4. Contenido personalizado
Big data es un gran problema. En 2015, los sitios web serán modulares y utilizarán tarjetas para servir fragmentos de información rápida, relevante y contextual . Los datos demográficos de los visitantes del sitio son cada vez más accesibles, lo que facilita que incluso las pequeñas empresas muestren mensajes personalizados.

Un diseño de interfaz de usuario modular basado en tarjetas ayudará a respaldar esta tendencia.
5. La Web se verá y se sentirá como aplicaciones nativas móviles
Olvídate de los dispositivos móviles primero, veo que algunos sitios solo funcionan con dispositivos móviles. Las aplicaciones más complejas harán que su sitio móvil funcione de manera muy similar a las aplicaciones móviles nativas. Esto ayudará a llegar a muchos usuarios a nivel mundial y a incorporar a las comunidades en línea. Ver: Millones de usuarios de Facebook no tienen idea de que están usando Internet a través de Quartz.

Answer 6

Cada año, el diseño web crece y se publican tantas cosas increíbles a diario.

1. Sitios de desplazamiento más largos

No ha pasado desapercibido que la mayoría de los nuevos diseños de sitios publicados hoy tienden a ser más largos cuando se desplaza por la página. A medida que los dispositivos móviles se vuelven más populares, cada vez es más común que los sitios opten por desplazarse en lugar de enlazar como un medio para mostrar contenido, especialmente en sus páginas de inicio.
Es más fácil para los usuarios simplemente desplazarse por una página para obtener su información que hacer clic constantemente para buscar información.

2. Cuentacuentos e interacción

Si bien tener contenido sorprendente siempre es crucial para su sitio web, poder contar una historia a través de su contenido es una gran ventaja. El diseño web en 2015 probablemente se centrará en ayudar a contar una historia para los usuarios.

3. Ausencia de imágenes de fondo de encabezado grande

La tendencia en los últimos años ha sido grandes imágenes de fondo del encabezado, a menudo con texto en la parte superior, y es lo primero que la mayoría de los visitantes ven cuando visitan un sitio. Entonces, ¿cómo puede destacarse de la multitud que ha adoptado la tendencia de la imagen de fondo de cabecera grande? Al hacer lo contrario.
Algunos diseños de sitios recientes han decidido contrarrestar esta tendencia manteniendo sus grandes encabezados, pero haciéndolos libres de imágenes de fondo. Supongo que no solo quieren no seguir una tendencia, sino que también están mirando el rendimiento y la velocidad de su sitio como una razón para deshacerse de las imágenes grandes.

4. Eliminar elementos de diseño no esenciales en favor de la simplicidad.

Existe una idea en el diseño de que un diseño está completo cuando se han eliminado todos los elementos no esenciales. En 2015, creo que podríamos ver que más de esta idea se materializa a medida que los sitios buscan formas de simplificar simplemente sus diseños eliminando elementos de diseño no esenciales.
El sitio de New Wave Company mencionado en la tendencia # 3 anterior hizo esto al optar por no tener una imagen de fondo grande en su encabezado.

5. Fijar el diseño del sitio centrado en el ancho

La mayoría de los sitios web en los últimos años han utilizado la “banda” o el ancho: un elemento de diseño 100 por ciento para que cosas como imágenes y secciones estiren visualmente todo el ancho de la ventana de visualización de un navegador. Antes de que esta tendencia se hiciera popular, la mayoría de los sitios tenían ancho fijo y estaban centrados en la página. Se podría decir dónde terminó el sitio a cada lado.

UX de diseño | Diseño web Melbourne

Answer 7

Al escribir esto a mediados de 2015, creo que la mayor tendencia de diseño web es la interfaz de usuario basada en tarjetas o el diseño. Por ejemplo, Pinterest y Google Material Design.

El hecho de que algunas de las compañías más grandes estén usando este tipo de diseño es suficiente prueba de que este será el próximo gran éxito después de la tendencia del diseño plano. Todo el sistema operativo Android, a partir de JellyBean, se basa en el diseño de la tarjeta. La base de Google Material Design también es el diseño de la tarjeta. Algunos otros sitios web como Pinterest, sitios web de productos de Google, Twitter, Facebook y LinkedIn están utilizando este tipo de diseño o algunos elementos de este diseño.

Incluso la interfaz de usuario de Metro de Microsoft tiene algunos elementos de diseño de tarjeta.

Más información aquí:
Una mirada seria al diseño basado en tarjetas – Libro mayor de diseño web
¿Por qué los diseños web basados ​​en tarjetas son tendencia?
Por qué las tarjetas son el futuro de la web – Inside Intercom
Cómo las tarjetas se hacen cargo del diseño web

Answer 8

El comercio electrónico será la mayor tendencia de diseño web en 2015

Debido a que todos los negocios van a digitalizarse, cualquiera quiere vender sus productos en línea, por lo tanto, el desarrollo del comercio electrónico es la etapa de auge de todo el mundo, esa es la manera fácil de vender su producto, no hay limitación de clientes porque hoy en día todos se usan conectados a Internet y esta es la etapa de digitalización, todos los negocios estarán en línea en pocos años, por lo tanto, el desarrollo web de comercio electrónico es la mayor tendencia de diseño web en 2015.

Hay muchas compañías en el mercado que apoyan la creación digital de palabras
quién proporciona la solución completa para el desarrollo web de comercio electrónico como
Nwebkart es un diseño de sitio web líder, así como una empresa proveedora de comercio electrónico en India, que ofrece varios tipos de instalaciones, como construir una tienda en línea, pasarelas de pago, soporte logístico, etc. La tarea principal de nuestra empresa es proporcionar soluciones de comercio electrónico de extremo a extremo en la India, así como proporcionarles los mejores servicios para comenzar y establecer su negocio. Nuestro objetivo es satisfacer a nuestros clientes y ayudarlos a iniciar una tienda en línea en la India a un costo mínimo.

Answer 9

bueno, esta respuesta ya está cargada de respuestas. Pero todavía me gustaría agregar mis 2 centavos.

Aquí hay algunas tendencias de mi lado que creo que irán más allá de 2016.

1. Gestos en lugar de clics
2. Use guías de estilo para lograr uniformidad en el diseño.
3. No uses más barras laterales.
4. Variación en tamaños de fuente
5. Espaciado adecuado teniendo en cuenta los dispositivos móviles

Hay muchas más tendencias que siguen siendo populares o pasan de moda. La mayoría de las tendencias receptivas y de paralaje están llegando a su punto máximo. Aquí hay algunas tendencias más de diseño web 2016 que seguramente lo ayudarán.

Answer 10

¡Mira la lista a continuación! Estos son bastante útiles.

RESUMEN DE TENDENCIAS DE DISEÑO WEB PARA 2015

1. El surgimiento del diseño plano y material
2. Fondo + Videos a pantalla completa
3. Las aplicaciones móviles y los sitios sociales dominarán
4. Webgraphics interactivo Reemplazar infografía
5. Micro interacciones
6. Menos codificación y más sitios web
7. Grandes imágenes / video para reemplazar los controles deslizantes
8. Diseño receptivo con mejor rendimiento
9. Tipografía funcional web
10. Diseño de tarjeta
11. Realidad aumentada
12. Sutiles animaciones de interfaz de usuario
13. SVG se elevará
14. Íconos receptivos
15. Más personalización
16. Menos clics, más desplazamiento
17. Iconos de línea + botones fantasma
18. Parallax mejorado (menos es más)

Tendencias de diseño web móvil

1. Objetos usables e inteligentes
2. Seguridad adicional + Privacidad
3. Estrategia de Android First (80% en todo el mundo)
4. Pagos móviles
5. Salud conectada

Vea más en la Guía de Tendencias de Diseño Web Ultimate 2015 (+ Predicciones) | JUST ™ Creative

Answer 11

Sin lugar a dudas, es el cambio hacia el desarrollo “modular”.

Como fue el caso de la fotografía digital y luego el video, las herramientas que separan las “masas sin lavar” de los “profesionales” se han democratizado, automatizado y, en la mayoría de los casos, GRATIS.

Como tal, cualquier aspirante a diseñador web independiente debería centrarse al 100% en construir RELACIONES en lugar de cuál es la última “tendencia”.

Mi predicción es que, en los próximos años, todos los sitios web serán fáciles de construir “arrastrar y soltar”. La razón por la cual los laicos contratarán diseñadores independientes será para que “CRAFTSMANSHIP” y “TRUST” completen el trabajo de manera personal … y que brinde tranquilidad. NO será porque alguien sabe cómo agregar el último efecto de estilo “whiz bang parallaxalicious”.

Si ahora está luchando por encontrar nuevos clientes como diseñador web independiente … es porque se está centrando en lo incorrecto. No es un concurso de belleza, no encontrarás nuevos clientes pegando tu cara en una bolsa de trabajo.

En cambio, encontrará a sus clientes TODO ALREDEDOR CADA DÍA iniciando conversaciones sobre PUNTOS DE DOLOR que puede resolver, porque sabe dónde y cómo “golpear” su martillo … y conectar el mundo en línea con las necesidades fuera de línea de sus colegas, vecinos, amigos y personas que conoces.

¿Curioso? Usted debería ser. Tenemos cientos de horas de capacitación, motivación, comunidad y SOLUCIONES gratuitas que le facilitan APRENDER MIENTRAS GANA en 1WD.tv – Capacitación independiente para diseñadores web

* ¡Asegúrese de consultar nuestro archivo de seminarios web y sugerencias rápidas para ver los últimos videos!
Webinars Archive – 1WD.tv – Capacitación independiente para diseñadores web
Consejos rápidos – 1WD.tv – Capacitación independiente para diseñadores web

¡Aclamaciones!
Spence

Answer 12

1. Diseños mínimos
Porque menos es más. Incluso las personas no quieren confundirse con el desorden adicional.

2. Diseño plano
Porque la gente se aburría con esos viejos efectos esqueuomórficos como Gradientes y Relieve. Microsoft ya lo hizo.

3. Diseño receptivo
Porque los usuarios de teléfonos inteligentes y tabletas están creciendo todos los días. Incluso es amigable con Google .

4. Fuentes delgadas
Porque la gente se aburría de las fuentes BOLD. Gracias por Apple

5. Iconos de línea
Porque combinan bien con diseños minimalistas y receptivos.

¡Y, por supuesto , se agregarán brillos a las páginas de destino, los tamaños de fuente grandes y más espacios en blanco !

Answer 13

Buscando las mejores tendencias de diseño de sitios web y la empresa de 2015?

Los desarrolladores web deben mantenerse actualizados para que sus clientes tengan un diseño de sitio web receptivo que sea efectivo. Las personas se están volviendo cada vez más visuales y creativas, por lo que es imprescindible captar su atención con los ojos más modernos para ofrecer. El sitio web estándar de “tarjetas de visita” no volará en 2015. Sus futuros clientes se sentirán atraídos a su sitio web por muchos factores, pero confiarán en su profesionalismo al ingresar a un sitio web que tiene un diseño hermoso junto con un amplio contenido que es rico en información . El diseño del sitio web es la pieza más importante para vender su servicio o producto al ojo público. El diseñador del sitio web debe estar al tanto de los diseños y funcionalidades populares en la actualidad. Mantenerse al día con las tendencias permitirá que su empresa se vea tan bien o mejor que los demás competidores. Buscando las mejores tendencias de diseño de sitios web y la empresa de 2015?

Aquí hay algunas tendencias a considerar.

¡Cuenta tu historia !:

La gente está intrigada sobre cómo comenzó su negocio. La historia y el cronograma no solo son interesantes para el futuro comprador, sino también la valiosa información, fotos y videos. El diseño del sitio web debe guiar al cliente a través de su historia para mantenerlos interesantes, teniendo en cuenta la navegación. Llegar al destino con la menor cantidad de clics posiblemente es de suma importancia.

Imágenes de fondo en general:
¡Auge! Lo primero que verá un cliente al ingresar a la página de inicio de su sitio web debería ser una imagen cautivadora de gran tamaño que refleje el servicio o producto de su empresa. Un control deslizante o una imagen que llama la atención del espectador lo suficientemente rápido como para que tomen la decisión de invertir más tiempo buscando en su sitio web. Más de la mitad de sus futuros clientes pasarán menos de 15 segundos en su sitio web … asegúrese de tener un diseño visualmente atractivo.

Desplácese hacia abajo por favor:
La mayoría de los diseños modernos de sitios web han estado utilizando el diseño de desplazamiento largo. Se puede ver y acceder fácilmente a más información utilizando este método en lugar de hacer clic en los enlaces que enviarán al usuario a otras páginas del sitio web. Pero aún más importante, la mayoría de las personas están accediendo a Internet a través de su teléfono inteligente, iPad o tableta en lugar de sus computadoras de escritorio. Navegando a través de sitios web cuando está en la carrera, que es la mayoría de las personas, es mejor usar este diseño de desplazamiento para que el usuario encuentre la respuesta a su problema de una manera más eficiente.

¿A dónde fueron las pestañas?
Los diseñadores de sitios web siempre están buscando nuevas formas de hacer que sus sitios web sean más eficientes y fáciles de usar. Tener una barra de navegación deslizante fija como parte del diseño es esencial para facilitar el acceso a las pestañas en la página superior. Para diseños de sitios web de desplazamiento largo, la barra de navegación continuará siguiéndolo a medida que se desliza hacia abajo en cada página. En lugar de tener que desplazarse hacia arriba hasta la parte superior de la página, la barra de navegación siempre estará presente. A algunos diseñadores también les gusta tener la barra de navegación al costado de cada página del sitio web. Otra nota importante es tener páginas importantes y blogs importantes en el pie de página inferior de las páginas del sitio web.

¡Qué hermoso sitio web!
El cumplido más común para recibir en su sitio web es cómo se ve visualmente. Los colores vibrantes y los diseños llamativos son lo que atraerá a su futuro cliente a explorar más su sitio web. También es importante que el sitio web responda con una velocidad de carga rápida. Tenga cuidado al tener demasiados videos e imágenes que pueden ralentizar la movilidad de su sitio web. Verifique la velocidad de su sitio web aquí en ( Optimización de velocidad y rendimiento del sitio web ).
Encore Media en Cincinnati, Ohio, es una empresa local de diseño web y marketing con un equipo de diseño lleno de creatividad e ideas innovadoras sobre cómo hacer que su empresa supere a sus competidores con un diseño moderno, receptivo y llamativo. Nuestro equipo está formado por un diseñador web y un equipo de desarrollo que se asegurará de que tenga un sitio web terminado con el que esté 100% satisfecho. ¡Visítanos en http://www.encoremedia.net !

Answer 14

El diseño web siempre se está desarrollando en esta era. Las nuevas tecnologías nos traen nuevas formas y nuevas posibilidades cada año. Y a medida que comenzamos a mirar alrededor y aprender sobre esas tecnologías o ver a otras personas que lo hacen, como usar la web, nuestros patrones de diseño se modifican.

Diseño plano crece: el diseño de materiales es un lenguaje visual creado por Google. La agenda que se ha establecido es un documento en constante evolución y constantemente actualizado, pero los fundamentos son bastante claros una vez que superas el lenguaje pretencioso algo desalentador. A medida que nuestro lenguaje de diseño digital se vuelve más sofisticado, podemos esperar ver patrones de diseño aún más sutiles, incluso más giro en la tendencia de diseño plano. Los sitios web planos te harán sentir más real, más interesante sin perder el sentido de la claridad y lo suficiente como para ser utilizado.

Las micro interacciones hacen movimientos: las micro interacciones son las que le brindan retroalimentación instantánea, que son los detalles de cualquier interfaz de usuario. Le permite saber de inmediato cuáles son sus errores, qué está pensando el software.

Desplazamiento de Parallax: Parallax es una técnica en gráficos por computadora, donde se ven las imágenes de fondo moviéndose por la cámara más lentamente que en primer plano, creando una ilusión en una dimensión 2D. Ahora, ese fascinante desplazamiento de paralaje disponible en Word Press y otras plataformas también.

El sitio web se convierte en aplicaciones web: ahora se realiza una nueva forma de difundir su sitio web a través de SPA, que son aplicaciones de una sola página a través de las cuales puede ayudar a un cliente a encontrar el producto que desea fácilmente y dejar que lo compre. Los propietarios de estos sitios web están racionalizando todo. El SPA se está generalizando y reemplazará los sitios web basados ​​en contenido muy pronto.

Monica Justin
Desarrollo de aplicaciones móviles – diseño web + empresa de desarrollo | Aplicación infinita

Answer 15

Cada año el diseño web crece. 2015 ha heredado muchas tendencias de años anteriores. Las principales tendencias de diseño web 2015 son las siguientes:
Aumento del diseño plano y material.
Fondo + videos en pantalla completa
Las aplicaciones móviles y los sitios sociales dominarán
Los gráficos web interactivos reemplazan las infografías
Micro interacciones
Menos codificación y más sitios web
Grandes imágenes / videos para reemplazar los controles deslizantes
Diseño receptivo con mejor rendimiento.
Desplazamiento de una página como opuesto a hacer clic
Fondos más ricos en sitios web
Narración cautivadora y brillante
Pantalla Retina
Una experiencia mucho más individualizada.
Diseño de materiales

Answer 16

Estas son algunas de las últimas tendencias de diseño de sitios web, que estoy compartiendo con ustedes.

• Imágenes de fondo masivas que se ajustan al tamaño total de la pantalla en la computadora de escritorio o su teléfono móvil.
• Tipografía más grande en la que los titulares o el contenido se escriben de una manera más audaz y brillante.
• Los botones en la página de inicio del sitio web son tan atractivos y exigentes como siempre. Solo un botón con la etiqueta ‘Más’ o ‘Explorar’ puede tener un impacto significativo para atraer la atención del visitante.
• El desplazamiento ahora se ha convertido en una parte integral de todos y cada uno de los visitantes que llegan a un sitio web. Simplemente se desplazan de arriba a abajo o de izquierda a derecha según la implementación del diseño web. El hecho sigue siendo que a los visitantes les gusta desplazarse por la información, especialmente en la página de inicio.

Consulte la referencia: ¿Cuáles son las últimas tendencias en diseño web?

Answer 17

1) Enfoque móvil

Aparentemente, este año tiene que ver con la compatibilidad móvil. ¿Y por qué no? Google exigió que todos los sitios web sean aptos para dispositivos móviles en abril. Incluso sin obligarlo, la cantidad de usuarios móviles aumenta día a día. De hecho, algunas personas usan un mínimo de 2 a 3 dispositivos móviles porque nunca se sabe cuándo alguno de estos dispositivos será útil. Sin mencionar, lo que puede hacer en una computadora portátil, ahora puede hacerlo en un dispositivo móvil.

2) desplazamiento interactivo

También hemos visto diseños web que consideran tener características divertidas e interdependientes. Una de estas características que los usuarios no pueden tener suficiente es el desplazamiento de paralaje. Originalmente es una técnica de videojuego en 2D que muestra la profundidad de los movimientos de las imágenes de fondo para enfatizar las imágenes de primer plano. Visualmente atractivo como es, atrae a los usuarios mediante el uso de capas de imágenes para crear un efecto 3D.

3) diseño plano

El diseño web minimalista todavía funciona en 2015. El diseño plano, o el diseño de la interfaz sin elementos estilísticos como el uso de sombras paralelas, degradados o cualquier otra textura, es una de las tendencias persistentes. El diseño se centra simplemente en elementos simples, tipografías y colores planos, lo que lleva a un sitio web de aspecto limpio y pulido que funciona a la perfección con diseños receptivos. La mejor parte es que se carga más rápido que los sitios web con efectos 3D, y puede cambiar su tamaño fácilmente sin comprometer sus pantallas de alta definición.

4) página individual

Desde el nombre en sí, un sitio web de una sola página muestra todos los elementos y contenidos en una sola página. Se compone de un contenido condensado y escaneable con toda la información necesaria en la misma página, que los usuarios pueden navegar fácilmente. Hemos visto que varios sitios web adoptaron esa tendencia, especialmente aquellos sitios web que priorizan la narración de historias a través de imágenes. Algunos sitios web usan una página para promociones de productos, carteras, anuncios breves, etc. porque no tienen mucho contenido.

4 tendencias de diseño web

Answer 18

La mayoría de las respuestas hasta ahora tienen una agenda común.

Me gustaría sugerir que lo más vergonzoso aún prevalece en la práctica de diseño web de 2015, es decir, nadie ha dado la misma importancia a las pantallas de alta densidad como la resolución de retina al usar imágenes de fondo, iconos o incluso el logotipo de la empresa. La mayoría de los llamados sitios web mejor diseñados fallan en pantallas UHD o retina.

1. ¿Has probado imágenes SVG para fondos?
2. ¿Has probado el elemento Canvas para mostrar Logos?
3. ¿Ha utilizado fuentes SVG delgadas y curvas para encabezados?

Si su respuesta a estas preguntas es SÍ, entonces está en el camino correcto de las últimas tendencias de diseño web de la tecnología web de la nueva era.

Answer 19

Puede esperar ver sitios de desplazamiento más largos, narración e interacción, no más imágenes de fondo de encabezado grandes, más simplicidad, tipografía grande y rendimiento y velocidad completos. El artículo “Qué tendencia de diseño web de 2015 usar en realidad en su sitio web” también es útil para elegir diseños.

Answer 20

La atención del usuario se reduce día a día. Hoy, un usuario apenas pasa un minuto en un sitio web. Podría haber varias razones para esto, pero su comportamiento está presionando a los diseñadores y desarrolladores de sitios web. Para abordar este problema, los diseños de sitios web han pasado por una evolución en el pasado reciente. Sin embargo, no se detuvieron allí y la evolución aún continúa.

Recientemente, me encontré con un blog, Tendencias de diseño web: Cosas que esperar en 2016, que explicaba todas las tendencias que uno podría esperar en el próximo año. El blog, que es informativo e interesante, analiza las tendencias que están en curso y se espera que dominen el mercado en un futuro próximo.

El escritor ha mencionado sobre tendencias como el sitio web solo para dispositivos móviles, lo que justifica claramente el escenario actual sobre cómo las personas prefieren usar sus teléfonos móviles en lugar de las computadoras de escritorio. Además, la técnica de contar historias evolucionará y tendrá animación o fotografías para representar el éxito o la historia de una empresa.

Sugeriría que si desea conocer las tendencias que cambiarían el diseño del sitio web, debería leer el blog mencionado. Estoy seguro de que obtendrá una respuesta perfecta a su pregunta.