Una pequeña página de negocios debe ayudar a un nuevo visitante a responder tres preguntas: ¿qué ofrece, es relevante para mí, y qué puedo hacer después? Comience allí. Agregue evidencia y detalles que ayuden con esas decisiones en lugar de llenar una página con todo lo que la empresa podría decir.
Los ejemplos originales a continuación muestran cómo redactar la página para un servicio, una tienda y un producto de software. Son demostraciones, no campañas de clientes reales o historias de éxito medido. Adaptarlos a lo que realmente puede ofrecer.
El libre Planificador de la página de inicio ayuda a convertir su oferta en un esquema de página editable. Puede utilizar esta guía sin la herramienta: tomar cada sección, escribir su propósito en el margen y eliminar cualquier cosa que no ayude al visitante a tomar una decisión correcta.
Elija el trabajo principal de la página
Una página de inicio puede introducir varios servicios, pero todavía necesita un propósito organizador. Un negocio de reparación local puede desear respuestas de reparación adecuadas. Una tienda puede querer que los visitantes comparen grupos de productos relevantes. Una compañía de software puede querer que los usuarios inspeccionen un ejemplo de trabajo antes de comenzar.
Escribir ese trabajo en palabras comunes. “Contratamiento de Generación” es demasiado vago para guiar una decisión de diseño. “Ayudar a un cliente cercano a comprobar si reparamos su tipo de bicicleta y solicitamos una cita” le dice qué información debe aparecer.
Esto no significa que cada visitante debe tomar la misma acción. Los clientes existentes pueden necesitar apoyo o acceso a la cuenta. Mantenga esos destinos disponibles, pero evite presentar cada departamento de organización como un primer paso igualmente importante para un nuevo visitante.
Utilice una página dedicada al servicio o producto cuando el público necesita una explicación más específica. La página web puede dirigir a la persona correcta allí en lugar de tratar de persuadir a cada cliente posible con un párrafo muy amplio.
Borrar la primera pantalla como una pequeña conversación completa
Una primera pantalla práctica contiene un claro encabezado, una breve explicación y una acción cuyo significado es obvio. Una imagen puede ayudar a mostrar el producto o el resultado, pero no debe ser el único lugar que se explica la oferta.
Para un ejemplo original de reparación, el título podría ser “Reparaciones para los pilotos diarios en el norte de Bristol”. La línea de apoyo podría ser “Dinos qué necesita arreglar. Confirmaremos el trabajo que podemos ofrecer y las opciones de cita disponibles.” La acción podría ser “Pregunte sobre una reparación”.
Este texto hace una oferta limitada. No promete disponibilidad inmediata, una cita fija o un giro particular a menos que el negocio pueda apoyar esas afirmaciones. Un párrafo corto puede ser persuasivo precisamente porque responde a preguntas prácticas honestamente.
En una pequeña pantalla, compruebe que el encabezamiento y la acción siguen siendo legibles sin apretarlos en una forma decorativa estrecha. La primera pantalla es un punto de entrada, no un requisito para encajar todo el negocio en un número arbitrario de píxeles.
Separar una partida desde la copia de apoyo
Una partida debe identificar la sección o la idea principal. Apoyar la copia proporciona las condiciones y el detalle. Cuando ambos repiten la misma promesa vaga, la página utiliza más espacio sin ayudar al lector a entender más.
Considere este par original: “Mejores espacios, mejor vivir” seguido de “Creamos espacios excepcionales que transforman su vida”. Tampoco identifica el servicio. Una alternativa es “Alojamiento fijo para pequeños dormitorios”, seguido de una explicación sencilla de la medición, diseño e instalación de cobertura.
Un encabezamiento todavía puede tener personalidad. La prueba es si el contenido circundante da a un lector suficiente información para interpretarlo. Si alguien debe desplazarse a través de varias secciones antes de descubrir lo que se vende, la apertura probablemente ha hecho que el visitante haga un trabajo innecesario.
El W3C headings tutorial explica cómo los encabezados comunican la organización y la navegación de apoyo. Use los títulos semánticos reales en una estructura lógica. Un párrafo audaz grande no siempre es un sustituto adecuado para una sección encabezando el marcado de la página.
Ejemplo de la tienda original: guía la elección del producto
Imagina una tienda que vende botellas de limpieza reparables y recargas concentradas. Un título útil en la página principal es “Cleaning refills for small homes.” La copia de soporte puede explicar qué kits de arranque están disponibles y qué cliente de retorno debe comprar.
La acción principal podría ser “Comparar kits de arranque”. Una acción secundaria, “Shop refills”, sirve a las personas que ya poseen las botellas. Esas etiquetas ayudan a los lectores a elegir entre dos tareas reales en lugar de presentar una fila de botones genéricos “Más información”.
Una sección de productos debe identificar lo que se incluye, el tamaño pertinente y la base de precio real. No use reclamos ambientales atractivos pero no compatibles como sustituto de los detalles que un comprador necesita. Si la evidencia apoya una reclamación material, enlace con él y indicar su alcance.
Una imagen debe mostrar el producto real o ser claramente identificado como una ilustración. No use una fotografía de stock que implica que se está vendiendo un kit diferente. La elección del producto se hace más difícil cuando el titular, la imagen y el destino parecen describir cosas diferentes.
Ejemplo de servicio original: hacer la solicitud predecible
Imagina un pequeño servicio de contabilidad para diseñadores freelance. Una explicación útil podría ser “Mesly bookkeeping for freelance designers who want their records ready for review”. Apoyar texto puede explicar qué registros se manejan y qué es lo que el cliente todavía necesita proporcionar.
La acción principal podría ser “Preguntar sobre contabilidad mensual”. En la copia cercana debe indicar lo que sucede después de la solicitud. Si el servicio revisa la idoneidad antes de proporcionar una cita, digamos que en lugar de etiquetar el formulario como una reserva confirmada.
Una sección de proceso corto podría describir compartir el contexto de negocio, recibir un alcance propuesto y acordar una fecha de inicio. Esos pasos deben reflejar la operación real. No anunciar un proceso de tres pasos si el viaje real incluye varias aprobaciones y honorarios no explicados.
Un FAQ adecuado puede abordar la compatibilidad de software, la cobertura de servicio y cómo se intercambian los registros. El asesoramiento regulado o fiscal detallado pertenece a un profesional debidamente calificado. La página principal no debe implicar que una descripción general de servicio resuelve las obligaciones legales de cada cliente.
Ejemplo de software original: mostrar la tarea antes de la lista de características
Imagina un producto que rastrea las aprobaciones del cliente. Un título como “Ver qué comentarios del cliente sigue pendiente” identifica una tarea. Soporte copia puede explicar que el producto mantiene solicitudes, propietarios y estado de aprobación en una lista compartida.
Una vista previa de interfaz genuina puede mostrar un proyecto de ejemplo con entradas de ejemplo claramente etiquetadas. La acción “Ver una lista de aprobación de muestra” debe llevar a esa muestra. No prometer una demostración de trabajo y luego requerir una llamada de ventas no revelada antes de mostrar nada.
Las características se vuelven significativas cuando están vinculadas a la tarea. Un campo de debido tiempo importa porque alguien necesita saber cuándo se espera la retroalimentación. Un asunto de exportación porque un equipo necesita compartir un registro. Listar integraciones sin explicar su uso puede no ayudar a un nuevo cliente a decidir.
Mantenga las limitaciones visibles. Si un producto no envía recordatorios o apoya un flujo de trabajo particular, evite la redacción que implica que lo hace. Un visitante que entiende los límites puede decidir si continuar; un visitante engañado por una promesa amplia sólo puede descubrir el problema después de invertir tiempo.
Añada la prueba de que realmente posees
Una sección de prueba debe responder a una verdadera incertidumbre. Una certificación relevante puede ayudar a establecer la competencia para una tarea en particular. Una captura de pantalla genuina puede mostrar cómo funciona un producto. Una cuenta de cliente autorizada puede describir lo que sucedió en las circunstancias del cliente.
No inserte logotipos de clientes de propietarios de lugares, cuenta de revisión inventada o un porcentaje de satisfacción sin una base documentada. Una sección de pruebas atractiva se convierte en un problema de confianza si sus pruebas no pueden ser rastreadas. “Ningún resultado de clientes publicado todavía” es un punto de partida mejor que un testimonio inventado.
Utilice un ejemplo de salida cuando no puede mostrar un resultado del cliente. Etiquetelo como ejemplo y explique las entradas. Una evaluación de la reparación de muestras, comparación de productos o informe puede demostrar el trabajo sin pretender que alguien ya ha comprado o se ha beneficiado de él.
Mantenga la reclamación y su apoyo lo suficientemente cerca para conectarse. Una certificación no prueba que cada cliente ahorra dinero. Un testimonio aislado no establece un resultado promedio. El propósito es reducir una incertidumbre específica, no crear una impresión de aprobación universal.
Explicar beneficios sin repetir un adjetivo de ventas
Una característica dice lo que está presente. Un beneficio explica lo que la persona destinada puede utilizar para. “Exportar a CSV” es una característica. “Tomar los registros en su hoja de cálculo existente” explica un posible uso, siempre que la exportación realmente funcione con ese flujo de trabajo.
Escribir beneficios como tareas concretas en lugar de transformaciones garantizadas. Una hoja de cálculo puede ayudar a comparar cantidades y costos. No puede garantizar que un producto se vende. Una página de reserva puede hacer visibles las citas disponibles, pero no puede garantizar una ranura adecuada para cada visitante.
Mantenga la lista lo suficientemente corta para elegir. Si cada detalle se describe como esencial, el lector tiene que realizar la priorización con la que la página debe ayudar. Ponga los beneficios más relevantes cerca de la primera decisión y especificaciones detalladas donde los lectores esperan.
Pregunte a los clientes reales qué detalles necesitan antes de elegir. Sus respuestas pueden diferir de las características favoritas del equipo. Trate esa diferencia como evidencia útil en lugar de una razón para añadir un texto más alto alrededor de la lista existente.
Use una sección de proceso para eliminar la incertidumbre
Una sección de proceso debe explicar lo que sucede, quién lo hace y lo que el cliente debe suministrar. Es especialmente útil cuando una consulta, evaluación o cita personalizada precede al servicio. Mantenga los pasos exactos incluso si eso los hace menos ordenado que una secuencia decorativa.
Para un ejemplo de almacenamiento personalizado elegido, la secuencia podría ser la petición de una visita de medición, revisar un diseño y presupuesto, luego acordar arreglos de instalación. Si el pago, permisos o tiempos de entrega importan, explíquelos donde afectan la decisión.
No describa un paso interno como un beneficio del cliente sin contexto. “Nuestro equipo revisa su caso” deja abierto el tiempo que toma y lo que se devuelve. Una frase más útil identifica la salida real y cualquier expectativa apoyada sobre el tiempo.
Esta sección también debe distinguir lo que no se ha comprometido todavía. Una solicitud no es un pedido, una estimación no es un contrato fijo y una demostración no es una garantía. Borrar límites puede hacer la página más tranquila porque el visitante sabe lo que hacer clic.
Escribe formularios como parte de la página, no un pensamiento posterior
Solicitar información necesaria para el siguiente paso. Una consulta de reparación puede necesitar el tipo de bicicleta, el problema y los detalles de contacto. Puede que no necesite una dirección postal completa antes de que el negocio sepa si puede ayudar.
El W3C tutorial de instrucciones de forma cubre etiquetas, información requerida e instrucciones útiles. Aplicar esas ideas a la forma real: etiquetas visibles, formatos comprensibles y errores que ayudan a la persona a recuperarse. Un tenedor de posición débil no es un sistema de instrucción confiable.
Explique lo que sucede en la presentación. Si un mensaje va al equipo para su revisión, diga que. Si el pago es tomado, deje la obligación clara. Una confirmación debe decirle a la persona la solicitud fue recibida sin pretender que el servicio ya ha sido aprobado o reservado.
Prueba todo el formulario en un teléfono y con un teclado. La calidad de la copia no puede compensar un botón de envío oscurecido, un error inaccesible o una confirmación que desaparece antes de que alguien pueda leerlo.
Use StoryBrand como una estructura para investigar
El página oficial del libro StoryBrand describe el enfoque de mensajería centrado en el cliente de Donald Miller. Una aplicación útil es comprobar si la página web se centra en el problema del visitante, la ayuda ofrecida y la siguiente acción.
Esto no significa que cada página debe seguir un patrón visual fijo. Una tienda que compara productos, un servicio de emergencia y un servicio profesional de larga distancia tienen diferentes necesidades. La misma estructura se puede interpretar de manera diferente a través de diseños móviles, idiomas y tecnologías de asistencia.
Las anécdotas comerciales del libro no son un experimento demostrando que su diseño propuesto aumentará los ingresos. Utilice las ideas para crear un borrador coherente, luego probar la página real con las personas pertinentes. Mantenga la comprensión, la terminación y los resultados de negocio como observaciones separadas.
Una página útil no es simplemente corta. Da suficiente información para la decisión sin hacer que la gente lucha a través de material irrelevante. Los métodos detallados pueden permanecer accesibles a través de secciones claras y enlaces incluso cuando la apertura es concisa.
Revise la página con una tarea real
Pregúntele a un cliente probable que complete una tarea realista, tales como encontrar si el servicio cubre su necesidad y explicar cómo solicitar ayuda. Evite decirles qué botón utilizar. Observe donde dudan y registren lo que esperaban.
El GOV.UK usability-testing guidance describe observar a las personas que intentan tareas específicas. Es un cheque práctico más fuerte que preguntar si la página se ve bien. Un participante puede gustar un diseño y aún no encontrar la información relevante.
Mantenga la tarea observada separada de la decisión de compra de la persona. Alguien puede encontrar el precio y correctamente decidir que es demasiado alto para ellos. Eso no es necesariamente un fallo de navegación. Por el contrario, un clic en un botón grande no prueba que la oferta fue entendida.
Revise el obstáculo específico, ahorre la versión antigua y volver a comprobar. El resultado debe ser un viaje más comprensible de la oferta a la evidencia al siguiente paso. Planificador de la página de inicio para organizar ese proyecto, a continuación, registrar respuestas reales en el Opiniones de lectores en lugar de declarar la página terminada porque su copia suena pulida.
Antes del lanzamiento, abra cada destino de acción usted mismo. Compruebe que el título de la página, oferta, precio base y compromiso solicitado todavía coinciden con las palabras que llevaron allí. La coherencia en el viaje importa tanto como una apertura atractiva.