¿Alguien puede ofrecer algún consejo sobre la relación entre el diseño y los objetivos comerciales?

Obviamente, todo depende de cuáles sean estos objetivos comerciales... pero existen algunos principios en el diseño de sitios de llamada a la acción de una página que son bastante universales y establecidos a través de la evidencia.

Dado que tienen un objetivo claro, este tipo de sitios son relativamente fáciles de probar, en particular, con pruebas A/B iterativas . (La mitad de los usuarios ven un diseño, la otra mitad ve una pequeña variante, observa cómo se comportan los dos grupos en el análisis y aprende qué funciona. Luego crea un nuevo par de diseños ligeramente mejorados basados ​​en lo que has aprendido, prueba nuevamente, mejora nuevamente ...).

Entonces, el primer paso es sobre el enfoque. Siempre es una buena práctica crear un diseño y luego crear un circuito de retroalimentación donde pueda evolucionar en función de pruebas reales, pero generalmente es un gran desafío logístico y comparativamente subjetivo: con un sitio de una página enfocado en un objetivo claro, es esencial y mucho más simple. y más limpio

Estás creando algo que evolucionará y se estrechará en la meta (no crear algo y luego sentarte y modificarlo si es necesario).

El segundo paso es conocer lo que otros han aprendido a través de tales pruebas: particularmente en su sector específico . Busque revistas comerciales específicas del sector junto con fuentes de diseño y usabilidad.

Dicho esto, algunas cosas son bastante universales. Olvidé las referencias exactas, pero aquí hay algunos consejos generales para comenzar.

Principio clave: se trata de llevar al lector de la mano directamente a su llamado a la acción, de modo que cuando llegue allí, esté lo más interesado y entusiasta posible, en contraposición; necesitando la menor inversión de tiempo y esfuerzo activo posible:

• Tener un camino muy claro y lineal . Cualquier ambigüedad sobre dónde buscar primero y dónde buscar a continuación en una campaña tiende a perder gente. No intentes ser demasiado inteligente.
• Evite cualquier cosa confusa o cualquier cosa que cree incertidumbre. Esto incluye características de diseño ruidosas o complicadas. Tenga un estilo muy claro y consistente que establezca un tema muy claro, simple y fuerte que simplemente tenga sentido. Piensa "¿Necesito esto?" sobre todo , incluso más de lo normal.
• Tenga una llamada a la acción principal clara (consulte a continuación si realmente necesita opciones alternativas):
  • Guíe al lector hacia él, presentándolo en el punto que está en el equilibrio donde está más interesado y es más probable que vaya por él...
  • ... pero también, donde no ha habido demasiada demanda de su tiempo que pueda hacer que se alejen. Por lo tanto, todo lo que ofrezca entre la parte superior de la página y la llamada a la acción definitivamente debe valer la pena y no puede crear confusión o ambigüedad . Tenga muchas ideas para ganchos persuasivos, mensajes, lanzamientos... y descarte sin piedad al menos el 95% de ellos.
  • Hágalo lo más claro, inequívoco y llamativo posible. Aunque haya llevado al lector directamente a él, aún es posible que lo salten (especialmente si parece un anuncio) o no se den cuenta de que es algo con lo que deben interactuar.

Más sobre el botón de llamada a la acción (ya que es lo más importante). tldr: muchos espacios en blanco, grandes, prominentes, posicionados lógicamente.

Más sobre el diseño de una sola página . tldr: base todo su contenido en el flujo lineal, y si realmente necesita contenido adicional, considere cuadros emergentes que se puedan cerrar y una barra de navegación sutil y discreta en el costado.

Si necesita presentar opciones alternativas , un buen consejo es no permitir que se interpongan en el camino de la llamada a la acción principal. Por ejemplo, puede ocultarlos debajo de la llamada a la acción principal, pensando que las personas que lleguen tan lejos serán personas interesadas, pero que no les gusta la opción principal por alguna razón.

Por ejemplo, en las páginas de llamada a la acción para la recaudación de fondos para organizaciones benéficas, a menudo llevan al lector a un botón masivo que inicia un formulario de débito directo de pago mensual (la mejor forma de ingresos para organizaciones benéficas; puede usarlo para planificar con anticipación), luego, después de eso, mucho más pequeño más allá del gran y brillante tentador "¡Sí! ¡Hagámoslo!" botón, habrá opciones como donaciones puntuales, donaciones en testamentos, eventos de patrocinio, etc.

No puedes arriesgarte a que la gente piense "¿Cuál de estas opciones elegiré?" luego, dejarse llevar por la indecisión y no elegir ninguno de ellos. Pero, a veces, debe tener opciones para las personas que no pueden hacer la opción principal (por ejemplo, si no pueden o no quieren configurar un débito directo mensual de pago con su banco por algún motivo). Entonces, coloca las alternativas donde solo irá alguien que esté pensando "Quiero hacer esto pero no puedo hacer eso ".

Bienvenido a GD, pero con respecto a su pregunta, es muy abierta y realmente no se puede responder con una solución exacta.

Estoy diseñando un sitio de una página. Necesito volver a lo básico y aprender cómo traducir los objetivos comerciales en un diseño de página de inicio.

Considere seguir un proceso de diseño web

¿Alguien puede ofrecer algún tutorial donde pueda comenzar a implementar el logro de los objetivos comerciales a través del diseño? Por ejemplo, recursos sobre llamadas a la acción en un diseño de sitio web/aplicación (será un diseño receptivo).

Mi consejo es buscar un diseño de página única, como este . También buscaría en el mapeo del sitio, el wireframing y la implementación . Un generador de Sitemap aquí . Espero que esto te ayude a empezar. Si no entendí lo que busca, edite su pregunta.