Como diseñador web independiente, ¿cuál es su proceso de diseño de interfaz de usuario para un cliente?

Aquí está mi proceso. Consulto sobre más que solo diseño y UX (también consulto sobre narrativa, marca, copia, mensajería y “venta” del producto), por lo que mi lista no necesariamente se verá como la suya:

• Auditoría del sitio. Voy página por página señalando problemas de usabilidad y diseño. También mencionaré lo que funciona muy bien. Marco las páginas en Photoshop y comento todo.

• Auditoría de contenido: hago preguntas sobre la copia y la mensajería. Si la narrativa general es sólida. ¿Se está vendiendo? ¿Es interesante? ¿Me dan ganas de quedarme? ¿Puedo decir de inmediato qué hace o es el producto?

• Evaluación comparativa: evaluaré su competencia y haré un análisis competitivo tópico de la experiencia de usuario, la estrategia de contenido y la interfaz de usuario de los demás.

Investigación / análisis. No soy un experto en búsquedas, pero si tienen algún análisis (como Google Analytics) o si tienen un experto interno, intentaré extraer qué términos están ingresando o buscando las personas, dónde están detenidos, qué páginas en las que están haciendo clic o en las que permanecen, y lo que parece tener un interés general.

• Personas. Si la compañía no ha realizado su propia investigación demográfica, comenzaré el proceso de crear algunas personas de usuario para que podamos definir cómo hablar con sus visitantes más típicos (tanto los que están atrayendo actualmente como los que ‘ no estás alcanzando).

• Wireframing y Content Mapping: combino estos pasos. Muchas personas harán un proceso de IA antes de esto, pero odio esa parte y generalmente la externalizo si el sitio es complejo. Aquí empiezo a definir no solo las asignaciones de espacio UX y UI, sino que empiezo a hacer sugerencias sobre titulares, lemas, imágenes y qué trataremos de mostrar y en qué orden. Este proceso está destinado a solidificar la jerarquía de mensajes, y lo que propongo allí a menudo se discutirá y refinará con el cliente.

• Diseño. Una vez aprobados los wireframes, comienza el diseño. Por lo general, crearé dos miradas distintas para el cliente, solo de la página de inicio, a veces con algunos enfoques de contenido diferentes, además de variaciones más cosméticas o espaciales. Además, no distingo realmente entre la web y los dispositivos móviles: doy por sentado que haremos un diseño líquido o adaptable, y si el cliente no tiene el presupuesto para eso, dudaría incluso en trabajar con ellos. , porque incluso una plantilla de WordPress modificada puede darle la elasticidad que necesita.

• Refinamiento del diseño. Revisiones y cambios, suponiendo que tengan sentido y que no sean perjudiciales para el cliente.

• Ampliación del diseño. Aprovechando el aspecto aprobado para otras páginas con plantilla.

• Enviar a código. Ya no hago la producción de mis diseños; Tengo codificadores con los que trabajo que construyen el sitio o la aplicación para especificar.

Estoy de acuerdo con Necia a continuación: cuando estoy trabajando en la interfaz de usuario para un cliente, lo primero que hago es un inventario de contenido detallado, seguido de una auditoría de contenido.
Si utiliza una herramienta de auditoría de contenido, tendrá la capacidad de asegurarse de que todo esté en orden con el sitio web existente, incluido su contenido, integración de análisis, seguimiento de palabras clave, accesibilidad al sitio web e incluso colaboración del equipo para garantizar que el proceso se desarrolle sin problemas.

Todo lo anterior es lo más importante en mi libro, junto con extender y refinar el diseño del sitio web, usar el color para llamar la atención, el contraste para administrar el enfoque óptimo, el espacio entre letras e incluso el espacio en blanco.

Realmente depende (según mi experiencia) de cuánto está dispuesto a pagar el cliente. He trabajado con muchos clientes y el único objetivo es obtener un sitio web como el que me están mostrando como sitio web de referencia. En tales casos, no hay lugar para nada innovador y simplemente ve como dice el cliente.

Pero si tiene una I + D adecuada, es posible que desee entrar en lo básico de
1. Poner sus requisitos al principio en un papel ( saber lo que quiere ).
2. Si tiene un CTA especial que debe mostrarse a los usuarios todo el tiempo.
3. Intente enmarcar con alambre el diseño y obtenga la aprobación o un prototipo en bruto de cómo y qué va a hacer para él. Esto podría ser realmente importante, ya que probablemente no desee que las personas le hagan eliminar elementos del sitio web que ha puesto con tanto esfuerzo solo porque no le gustó.

Si él es realmente generoso con su presupuesto, puede hacer uso de sus mejores habilidades, porque al final necesita que le paguen por la cantidad de esfuerzo y trabajo duro que puso.

¡Salud!