¿Qué información debo darle a alguien para que pueda crear una estructura para mi sitio web / aplicación?

Respuesta corta:

Transmita todo lo que sabe sobre su producto aún por construir. ¡Es crítico para usted y el consultor de UX estar en la misma página! Entonces, como mínimo, responda esto:

“Qué problema está resolviendo y para quién y a través de qué medio (tipo de producto: aplicación, sitio web, punto de venta, etc.). ¿Cómo estás? El propietario de la empresa y el usuario final se beneficiarán de este producto ”.

Respuesta larga:

Desde mi experiencia (de más de una década), he elaborado un breve cuestionario para mis clientes que deben completar antes de un compromiso de enmarcado. Esto asegura que no se pierdan proporcionándome detalles cruciales. Por supuesto, se saltan algunas preguntas, lo cual está bien, pero las respuestas detalladas siempre han dado como resultado mejores conceptos de estructura alámbrica. Algunas de las entradas importantes que me gusta reunir de los clientes antes de comenzar el wireframing son:

  1. Su idea: un resumen sobre su ‘idea’ o definición del problema que está tratando de resolver
  2. Objetivos comerciales: ¿Qué objetivos comerciales busca alcanzar? (Aumente las ventas, cree seguidores, promocione un producto, etc.)
  3. Investigación: ¿Hay alguna investigación de mercado, investigación de usuarios o datos analíticos disponibles?
  4. Usuarios objetivo: ¿Quiénes son los usuarios objetivo y cuáles son sus cuidados? (Piense en sus puntos débiles, datos demográficos, experiencia técnica, discapacidades o características especiales. ¡Proporcionar personajes de usuario validados suele ser la mejor manera de hacerlo!)
  5. Nuevo o rediseñado: ¿Es su producto uno nuevo o un rediseño de un producto existente?
  6. Tipo de producto: ¿Es su producto una aplicación, sitio web, aplicación web o alguna otra cosa? ¿Para qué factor de forma estamos enmarcando?
  7. Competidores: ¿Quiénes son sus competidores? ¿Cuál es el punto de referencia para admirar o elegir? (Algunas de las mejores prácticas comprobadas pueden ser utilizadas por los competidores en lugar de reinventar la rueda)
  8. Restricciones técnicas: ¿hay cualquier restricción técnica que deba tenerse en cuenta, por ejemplo, la plataforma que se utilizará para el producto: Android / iOS, o un sistema de gestión de contenido específico, etc.
  9. Contenido: ¿Tenemos una estrategia de contenido o contenido representativo? Proporciona cualquier contenido que creas que podría entrar en la estructura alámbrica. Siempre es mejor usar texto ficticio pero representativo que contenido aleatorio ‘Lorem ipsum’. En términos generales, la estrategia de contenido debe ser lo primero y luego el diseño debe basarse en el contenido.
  10. Marca: ¿Es este producto parte de una marca ya establecida? Si corresponde, proporcione pautas de marca para mantener la coherencia y la experiencia de la marca en todos sus productos. (Esto puede no ser muy relevante en los wireframes de baja fidelidad, pero si está disponible siempre proporcione esta información)
  11. Presupuesto y cronograma: ¡ No hace falta decir que esto es algo que absolutamente necesita transmitir! 🙂 Esto ayudará al consultor de UX a determinar para qué se utilizarán los wireframes: validación de hipótesis, pruebas con usuarios, creación de diseño visual, etc. Esto también será útil para decidir qué tipo de fidelidad usar en los wireframes y cuántas iteraciones y pruebas los bucles se pueden acomodar en el presupuesto y la línea de tiempo.

Espero que la respuesta larga no te asuste 😉 La moraleja de la historia está en la primera línea “Transmite todo lo que sabes sobre tu producto aún por construir al consultor de UX”

Como punto de partida para obtener un diseñador o arquitecto de información, debe proporcionarle previamente un Resumen creativo y / o de diseño, cada uno de los cuales tiene propósitos ligeramente diferentes. Para el profesional, esto le dará una idea de lo que está pensando en términos comerciales, cuáles son sus objetivos y quién será el público objetivo, y comienza a permitir que un profesional obtenga una mentalidad nivelada de su idea también para comenzar a comprender la prioridad de ciertos elementos para usted, para los usuarios de su sitio / aplicación, y cómo todo eso podría desarrollarse en un sitio o aplicación.

Si bien esto parece tarea, lo es, y es mejor hacerlo lo más exhaustivamente posible por adelantado. Es un ejercicio importante para usted como innovador, para ayudar a destilar, alinear y aclarar su pensamiento ANTES de descargarlo en otra persona. Si bien habrá un intercambio natural a lo largo del proceso de retroalimentación y a medida que surjan nuevos aportes de lo que ve, es importante comprender a fondo lo que está tratando de construir y lograr, es decir, ¿qué problemas está tratando de resolver? Posponer esto para tratar de resolverlo con un profesional es posible, pero probablemente dará como resultado un desperdicio de tu tiempo y dinero.

Útiles pueden ser bocetos dibujados a mano, una lista de ofertas competitivas o capturas de pantalla de ejemplos específicos del concepto que le gusta y por qué, o cualquier ejemplo del mundo real que sea similar a su visión del sitio / aplicación, son realmente útiles, pero generalmente no lo son necesario; Después de todo, ¿no es eso lo que buscas para un profesional del diseño en primer lugar?

Si supiera lo que necesitaba y cómo funcionaría, o qué patrones o prácticas recomendadas aplicar, y cómo validar / invalidar aspectos específicos de su diseño incipiente, no estaría buscando a alguien que lo instale.

Por lo tanto, mi mejor consejo es hacer su tarea, comprender qué objetivos tiene, alinearse con los objetivos que tienen los posibles usuarios al usar su aplicación o visitar su sitio, y obtener lo que está tratando de lograr con cierto nivel de detalle específico y prepárese para tener una discusión exhaustiva y continua con esta persona que indudablemente llevará a cabo un nivel más profundo de investigación con usted al principio y durante todo su proceso de descubrimiento.

Las maquetas a menudo se crean junto con especificaciones funcionales que incluyen

  1. Resumen del mercado, historia, competidores clave
  2. Producto puntos de venta únicos, propuesta de valor, temas
  3. Descripción general de la funcionalidad por página
  4. diagramas de flujo

Me llevó mucho tiempo descubrir la mejor manera de comenzar a enmarcar. Solía ​​comenzar en Photoshop e intenté hacerlo lo más detallado posible. Demasiado tiempo para elaborar un concepto.

Esto es lo que funciona mejor para mí ahora:

1 – Pienso en la audiencia. Pienso en qué problemas necesitan resolver y qué podemos hacer nosotros (o un producto) para resolver sus problemas. Luego hago eso en una lista y luego lo priorizo ​​en función de lo que siento que necesitan saber primero. Normalmente escribo esto en el bloc de notas o lo escribo en una hoja de papel física.

2 – Con un lápiz y papel, dibujo cuadros. Nada lujoso, líneas torcidas y todo. Dibujo un gran cuadro ancho en la parte superior para el encabezado. Dibujo un cuadro grande y ancho para la presentación (si es una página de inicio). Luego dibujo unos cuadros más para el contenido y, finalmente, dibujo un cuadro para el pie de página.

3- Tome esa lista priorizada y comience a escribir en esos cuadros, comenzando en el cuadro superior (Logo – Tagline – Navigation). El siguiente cuadro debe escribir cuál es la máxima prioridad en su lista. Siga completando los cuadros con sus artículos priorizados.

4- Una vez que haya terminado, tome una foto con su teléfono y envíela a su diseñador de UI. ¡Voila, concepto de estructura metálica hecho! Su diseñador se lo agradecerá y su sitio web / aplicación será mucho mejor por ello.

Cuanto más se pueda.

Cuanta más información tenga un diseñador, más precisa será la estructura alámbrica.

Ahora, una estructura alámbrica es solo eso, una estructura alámbrica, no está destinada a ser muy detallada, solo para dar una idea general del diseño y la funcionalidad, que luego puede convertirse en un diseño real o un plan de diseño.

Mi mejor consejo es hacer algunos “dibujos de servilletas”, simplemente garabatear lo que tiene en mente, junto con algunas ideas escritas, llevar eso a un diseñador y sentarse con ellos para descubrir qué es lo que quiere.

Algunos comenzarán a burlarse de una estructura metálica en el acto, mientras que otros toman un tiempo, esto es muy individual.

Pero, este es solo mi consejo, lo que debe hacer es llamar al diseñador con el que está trabajando y preguntarle.