¿Qué hace que un sitio web sea hermoso?

Gracias por el A2A. Contestaré esto desde un punto de vista más centrado en la experiencia del usuario, ya que soy diseñador de UX, pero aquí hay algunos puntos que ayudarán a embellecer los sitios de sus clientes.

Idealmente, desea contratar a diferentes personas para manejar el diseño y desarrollo de su sitio. Los diseñadores y desarrolladores a menudo provienen de entornos muy diferentes (por ejemplo, diseño gráfico / informática). Es raro encontrar un diseñador gráfico que también pueda darle codificación a nivel de producción o un programador que también puede hacer que un sitio sea hermoso.

Ambos tipos de personas son tan raros que en el campo UX los llamamos “unicornios”. Soy un poco diferente en el sentido de que comencé como desarrollador de software con un título de CS, pasé al diseño de interacción y la arquitectura de la información, y desarrollé algunas habilidades de diseño visual en proyectos en los que era el único diseñador de UX.

Aquí hay algunas herramientas para evaluar la experiencia del usuario de su sitio:

• Los servicios de pruebas de usabilidad que le permiten escuchar a los usuarios de su sitio incluyen UserTesting (Pruebas de usabilidad simplificadas), TryMyUI (Vea su sitio web a través de los ojos de otras personas) y Userlytics (Pruebas de usabilidad móvil | Pruebas de usuario de aplicaciones). Puede escribir requisitos de prueba o filtros (según su plan de suscripción) para permitir que los participantes en el público objetivo de su sitio se seleccionen a sí mismos.
• La legibilidad está estrechamente relacionada con la accesibilidad web, aunque hay mucho más que ofrecer que la legibilidad. Una herramienta que uso para facilitar la lectura es el verificador de contraste de color de WebAIM (Verificador de contraste de color). Curiosamente, he visto que algunos sitios de diseño plano (pero no todos) fallan en las simples comprobaciones de contraste de color.
• Las fuentes están menos relacionadas directamente con UX, pero aquí hay un sitio que sugiere combinaciones de fuentes: Fuentes en uso (tipo en el trabajo en el mundo real). Para crear sus propias combinaciones de fuentes, Smashing Magazine tiene un excelente artículo: Mejores prácticas para combinar tipos de letra: Smashing Magazine.
• Si está creando un nuevo sitio web o si los usuarios de su sitio existente tienen problemas para encontrar el contenido de su sitio, considere hacer una clasificación de tarjeta o un estudio de prueba de árbol utilizando los productos de Optimal Workshop: Herramientas de prueba de experiencia del usuario.
• Su sitio tiene aproximadamente 3-5 segundos para causar una buena primera impresión en los usuarios. Prueba de cinco segundos y Prueba de clic son dos productos ofrecidos por Usabilidad Hub para esto: Pruebas rápidas de usuario Test Prueba de cinco segundos, Prueba de clic y Flujo de navegación ⋅ UsabilidadHub.

Eso es solo un comienzo. Hay muchos artículos que abordan cómo mejorar la experiencia del usuario de un sitio.

Hacer que un sitio web sea hermoso también es solo una pequeña parte de mejorar su experiencia de usuario. Tenemos un dicho en el campo UX, “UX no es UI”. He visto este póster tuiteado muchas veces, el más reciente ayer: Mustafa Yolcu en Twitter. Aquí hay otro diagrama que muestra las diferencias entre los dos: Pau Yáñez en Twitter.

Puedo evaluar la experiencia de usuario de su sitio, incluso si está en progreso (un sitio beta, un prototipo, una estructura alámbrica o incluso un boceto), y también he trabajado con clientes en sitios de WordPress para mejorar su experiencia de usuario. También tengo experiencia en procesos de diseño y desarrollo y trabajo con el personal existente de los clientes para educarlos en el diseño centrado en el usuario. Si está interesado en alguno de estos, póngase en contacto conmigo. Tengo disponibilidad inmediata.

Desde hace dos años, me enseño a diseñar. He estado involucrado en un par de proyectos grandes y pequeños y me di cuenta de las reglas de diseño, es todo. Estamos en la era de los marcos web y eso significa que incluso un novato puede escribir un buen software, pero no todos pueden sacar lo de UI, UX. Para ser relevante y darle a su cliente una buena relación calidad-precio, creo que debería observar estos elementos:

1. El sitio web no es solo hermosos colores e imágenes, vea el enfoque de diseño minimalista de DropBox en MAILBOX
2. Un buen sitio web te ayuda a convertir. (GoodUI)
3. Mantenga a sus usuarios cerca (El rastreador de errores más simple y la herramienta de comentarios del cliente | BugHerd)
4. Conozca la tendencia (10 tendencias de diseño web que cambiarán todo en 2015)
5. Busca inspiración (The Main Tap ›PatternTap)
5. Cree maquetas antes de comenzar (herramienta gratuita para wireframes de aplicaciones móviles y maquetas de sitios web).
6. Si no puede hacerlo usted mismo, contrate a alguien que pueda
7. Haga una prueba A / B y aprenda qué funciona (herramienta de prueba A / B y software de prueba dividida)
8. Pide ayuda. Capture su página y pregúntele a otros qué piensan acerca de su enfoque. Obtenga asesoramiento gratuito de diseñadores experimentados. Intercambio de pila de experiencia del usuario

Todo lo anterior resume a ‘Un buen sitio web ayuda a convertir’. Revisé los elementos clave resaltados en GoodUI y este ha sido uno de mis favoritos cada vez que comienzo un nuevo proyecto.

Esto lo que también aprendí:
Cuando un cliente se acerca a usted para cualquier servicio web, incluso antes de solicitar el documento de requisitos, pregúntele qué quiere resolver. ¿Cuándo te diste cuenta de que necesitas un nuevo sitio web? ¿Cuáles son sus expectativas / devoluciones que el nuevo sitio web debe traer a su negocio? ¿Qué esperas como parte del resultado?

Una vez que obtenga el desencadenante o el problema real que están tratando de resolver, como profesional, trabaje enérgicamente hacia este objetivo e involucre a cada paso. A veces puede ser lento, pero esto incluso le dará la oportunidad de cotizar más de lo que lo hace ahora. Usted es un consultor, ya no es un desarrollador de sitios web. Los está ayudando a resolver un problema y, como consultor, sabe lo que necesita. De esta manera, el cliente sentirá que usted es una inversión y no un gasto. Cada cliente está dispuesto a gastar X dólares para obtener XX dólares a cambio. Una vez que tenga todo lo que necesita, deje que esa sea su inspiración y enfoque para resolver eso.

Lo siento, he publicado muchos artículos para leer. 8 consejos rápidos para ayudar a aumentar la tasa de conversión de su página de destino

Todavía estoy aprendiendo también, pero en el pasado reciente he notado una mejora increíble y una buena respuesta de los clientes y mi equipo.

La interfaz. Si un sitio web tiene una interfaz pobre, lo dejo.

El flujo de funcionalidad, la variedad de botones y los esquemas de color también juegan en él, por supuesto, esa es la interfaz.

La aplicación más bonita que he usado es FlipBoard. Me encanta el flujo de la funcionalidad.

Gracias por A2A.
La belleza de cualquier cosa es subjetiva de persona a persona. para mí Esos sitios son hermosos que ofrecen:
1. Carga rápida
2. Menos ventanas emergentes
3. Fácil de navegar al contenido deseado.
4. Colorea el diseño web y facilita la lectura.
5. contenidos que muestran el propósito del sitio

Cuando se enfrente a esta pregunta, siempre regrese y visite craiglist y descubra por qué millones de personas todavía la adoran en una era de CSS 2.0 web2.0, bootstrap, less, Sass, etc.

Para mí, lo que hace que un sitio web sea hermoso es la nueva creatividad que puede implementar, especialmente con html5, css3 y Javascript. WordPress para mí es soso y realmente solo se usa para que las personas construyan sitios rápidos, es por eso que muchos de los sitios se parecen.

Debe consultar este sitio Mejores tendencias de diseño web

Muestra las mejores tendencias de diseños todos los días.

Sinceramente, no podría decírtelo. Estoy en la misma situación. Tengo un desarrollador web que está construyendo un sitio para mí usando Word Press y todos a los que les he mostrado la página de inicio dicen: aburrido, parece un sitio de Word Press, parece cuadrado y le falta algo. Me gustaría saber las respuestas que obtienes. Lo siento, no pude darte una respuesta.