🖤 🤷🏿 🐡 Qué analizar antes de diseñar una interfaz 💅🏾 👩🏾‍🏫 👔

Atrás quedaron los días en que podía comenzar a dibujar un sitio web o una aplicación. Incluso la interfaz más simple requiere al menos un paso de análisis primitivo. Muchos diseñadores tienen sus propios métodos de análisis, y alguien se lo deja a los analistas y no entra en el proceso. Durante mucho tiempo he formado mi propia plantilla para esta etapa, según la cual estoy haciendo un trabajo preliminar para cualquier proyecto nuevo. Esta etapa no es una panacea, y en el curso del trabajo, surgen momentos no contados, pero un pensamiento me aterra cuántos de ellos podrían haber estado sin análisis. Comparto mi plantilla y espero ver sus adiciones en los comentarios.

Debo decir de inmediato que este artículo no trata sobre análisis de negocios o sistemas, sino sobre "análisis de diseño".

Algunos puntos de mi plantilla son adecuados solo al diseñar una nueva versión de un sitio o aplicación, y no crearla desde cero. Dichos elementos se marcarán con la palabra "Rediseño". El análisis también es adecuado para diseñar la interfaz de cualquier cosa: un sitio web o una aplicación. Por lo tanto, siempre escribiré "Interfaz", lo que implica que debe sustituir lo que necesita.

Demasiado perezoso para leer, aquí hay un ejemplo de la presentación de mi fase de análisis .

Pregunta al cliente

El punto más lógico es preguntarle al cliente qué es lo que ya existe y qué no es exactamente, y lo más importante, por qué no es así. Incluso si puede ver de inmediato que la interfaz actual es terrible, definitivamente debe preguntar por qué el cliente inició un rediseño. No pueden aparecer momentos obvios.

Lista de mis preguntas estándar:

¿Tiene un logotipo / identidad corporativa que debe seguirse? A veces hay un estilo y un logotipo, pero el cliente permite que se descuiden. Especialmente útil si el logo apesta.
¿Qué quieres cambiar en la interfaz y por qué? Determinado con el frente principal de trabajo.
¿A quién consideras tu principal competidor? Útil en las siguientes etapas de análisis.
¿Tiene una diferencia favorable de la competencia? Es raro, pero a veces resulta que realmente lo hay.
Da un ejemplo de las interfaces que te gustan y describe por qué. Por qué es muy importante. Puede resultar que al cliente no le gusta el sitio en general, pero en parte, por ejemplo, un fondo blanco, que asocia con "facilidad de diseño".
/ ? .
? , , . . .
. ? , - . , , . , .

. / Google Analytics

Yo, como verdadero patriota y starover, prefiero a I. Metrica. Básicamente, porque la interfaz de Google Analytics apesta y no hay Webvisor.

Lo que veo en métrica:

La conversión . Si se han establecido objetivos. Si no existiera, aconseje al cliente que los instale para que se recopilen algunas estadísticas mientras realiza el resto de los pasos.
Tarjetas . Todos los mapas, incluyendo Form Analytics.
Fracasos La cantidad total . En mi opinión, este indicador, en mi opinión, dice poco y solo es necesario para comprender su participación en el siguiente parámetro.
. , . : « » , , Covid19, « Covid19. », - , . , .
. , , , .
Estadísticas sobre dispositivos de entrada . Es útil para demostrar al cliente que necesita una mafia. versión si de repente la abandonó en la etapa del cuestionario. También le dará una idea de qué permiso utilizar.
Género y edad de los principales visitantes . Útil en la siguiente etapa de análisis.

Guiones de usuario

Uno de mis puntos de análisis favoritos. Una etapa bastante creativa en la que se distingue de las anteriores y muy útil. Al ponerme en el lugar del usuario, encuentro muchas ideas no obvias, que a menudo resultan en nuevas funciones útiles o en la simplificación de las existentes.

Para crear un script, creo una tarjeta de usuario.

En esto consiste:

Nombre y edad . Basado en los datos del paso anterior sobre Metrica.
 Problema / objetivo . Descripción de por qué el usuario abrió nuestra interfaz.
 Cómo llegué al sitio . Por ejemplo, conduje en Google "Compre una vacuna de Covid19". Acepto solicitudes no desde el techo, sino desde Metric.
 Página de inicio de sesión . En qué página llegó mucho el usuario depende de su camino futuro. No siempre el usuario accede a la página principal.
 Dispositivo . Lo tomamos en función de la métrica. Gran parte del diseño depende del dispositivo desde el cual el usuario trabaja con la interfaz.
 Acción objetivo deseada . Lo que ya queremos obtener del usuario. Por ejemplo, queremos que complete un formulario o haga clic en un botón.

Basado en esta tarjeta, estoy escribiendo un guión.

En qué consiste el guión:

De los objetivos del visitante descritos en la Tarjeta
A partir de una evaluación de la interfaz actual (rediseño) . Observamos la interfaz actual e intentamos obtener de ella lo que está escrito en el Mapa del usuario. Tomamos nota de los enchufes principales.
De las implementaciones exitosas "vistas" . Agregamos al script algunos chips que conocemos a través del uso de otros sitios.

Escribo guiones de tres a cinco. Intento describir: estándar; complejo (compra de no un producto, sino varias y diferentes características); no estándar (inicio de sesión del usuario con alguna página o dispositivo no adecuado para este fin). Y agregaré un par de otros escenarios si creo que en algunas de las esencias descritas no se divulga suficientemente.

Competidores

Hay dos respuestas clásicas a la pregunta sobre los competidores: "No tenemos competidores"; "Estamos compitiendo con todos". Ninguno de los dos, por supuesto, es cierto, por lo que debe profundizar. Para esto, la pregunta está en el Cuestionario. Al analizar a los competidores, escribo solo lo que se puede obtener de ellos. No tiene sentido escribir debilidades. Esto no nos dará nada útil. Abro las interfaces de los competidores e intento usarlas en función de los escenarios de los usuarios. De hecho, si es un verdadero competidor, su público objetivo es aproximadamente el mismo. Para mí un par de veces, los clientes con un poco de ironía en su voz dijeron algo como: " Ah, bueno, está bien. Acabo de tomar lo que vi de alguien allí y aplicarlo a nosotros"Al principio, era molesto, porque en el análisis el análisis de los competidores está a solo un paso de muchos y lejos del principal, pero la impresión entre los clientes puede ser precisamente" robada de que todo es posible ". Afortunadamente, esto no sucedió con frecuencia. Después de eso, especialmente La presentación del análisis fue agregada por la frase " Puedes aprender de los competidores " de inmediato diciendo que si es necesario, entonces sí, eso es lo que tomaré sin dudar que alguien ya lo está haciendo.

Además de analizar a los competidores, también analizo áreas relacionadas. Por ejemplo, para la interfaz sobre la alimentación saludable, también puede consultar las interfaces de conteo de calorías, que a veces pueden ser útiles.

Mapa de interfaz

Muchas personas nombran el mapa de interfaz de manera diferente. Esto puede denominarse estructura, arquitectura de la información, jerarquía, mapa del sitio / aplicación o términos relacionados. Una esencia: una descripción de la relación de páginas / pantallas de la interfaz actual. Hago esto para comprender la lógica actual y basarme en ella para hacer mi más simple, más lógica y útil para los usuarios. El resultado son dos tarjetas: "Como es" y "Según sea necesario".

Ejemplos de estilo

Se pueden hacer ejemplos del futuro estilo de interfaz en forma de capturas de pantalla de interfaces cuyo estilo considere adecuado para la tarea actual. Es aconsejable tratar de encontrar ejemplos sobre el mismo tema o temas similares con el tema del cliente. Por lo tanto, será más fácil para el cliente ingresar la esencia de estas imágenes. He tenido ocasiones en que simplemente no hay ejemplos dignos en el tema y tomé algo neutral. Pero es necesario decirle al cliente que esto es solo un ejemplo de estilo (amplitud de la interfaz, combinación de colores, suavidad, capacidad de fabricación, etc.), y no 1 en 1, lo que obtendrá al final. Y es aconsejable encontrar ejemplos neutrales que no estén en ruso para que el cliente no lea automáticamente el texto, sino que reciba una impresión general. En esta etapa, es imperativo lograr que el cliente "toque con el dedo" en el ejemplo del estilo que le gusta.Esto es necesario para que en su cabeza haya una comprensión clara de qué estilo debe esperar al final. Esto es útil tanto para el cliente como para el diseñador, que tardará menos tiempo en buscar y simplificar la etapa de aprobación del diseño terminado.

Cual es el resultado

Al final de todas las etapas, recopilo una presentación en presentaciones de Google y se la muestro al cliente. Debe aprobar específicamente la etapa de análisis, o si hay algún matiz, luego aprobarlo con los comentarios que escribo y cambiar en la presentación si no es largo, o enviar un correo electrónico con un enlace a la preza y comentarios. Si la presentación está completamente pasada, entonces necesita comprender cómo sucedió esto y hacer una nueva. Pero esto no me ha pasado. Y si sucediera, sería mejor en esta etapa que en una posterior.

¿Qué obtenemos de la fase de análisis?

El cliente se ha vuelto un poco más claro qué esperar al final;
El diseñador entendió cómo hacerlo y por qué;
Es más fácil para el diseñador evaluar la complejidad del proyecto y dar plazos casi exactos ;
Es más fácil para el diseñador y el cliente pasar / aceptar el resultado;
El proyecto será más considerado y eso es bueno.

Qué analizar antes de diseñar una interfaz