Share
En FHOKE hemos manejado cientos de proyectos de muchas maneras. Con la experiencia en la industria de nuestro equipo, correr o trabajar dentro de los estudios, lo hemos visto todo; Maneras que han funcionado y otras que han fracasado. A lo largo de los años, hemos perfeccionado nuestro proceso y hemos encontrado un gran enfoque por etapas que funciona bien para todos nuestros clientes. Nos ahorra tiempo y pone más control en las manos de los diseñadores..
La clave es mantener siempre una excelente relación con el cliente, dejándolos sintiéndose satisfechos al final de un proyecto, pero ahorrándole la angustia, el dolor y las lágrimas que puede generar la ejecución de un proyecto. Entonces, si estás luchando para tratar con los clientes y perdiendo la pasión por el diseño debido a esto, ¿por qué no probar nuestro enfoque??
Puede parecer obvio, pero con demasiada frecuencia oímos hablar de freelancers e incluso agencias que se lanzan a un proyecto sin pensar primero en todos los escenarios. Asegúrese de planificar bien, haga las preguntas correctas y eduque a su cliente sobre lo que debe esperar que se le entregue al final de un proyecto. Por encima de todo, establezca etapas y términos de pago razonables para que ninguno de ustedes quede sin nada.
Si ha encontrado que se rechazó su primera ronda de imágenes y se le está preguntando por qué adoptó un enfoque determinado, es posible que no haya tomado el resumen correcto (tal vez ni siquiera debería haberlo hecho). )
Un resumen de diseño efectivo es el factor más crítico para garantizar que un proyecto se inicie con éxito. Le proporcionará al cliente las preguntas correctas que, como diseñador, necesita respuesta. Haga las preguntas correctas y la primera etapa del proyecto ha sido un éxito.
Si no tiene un informe breve preparado, ¿por qué no usar uno como este para dárselo a los clientes? No todos los clientes entienden lo que es un buen resumen de diseño y no siempre le darán las respuestas que desea, siéntase libre de usar nuestra plantilla a su gusto. Al tener esto listo, muestra a los clientes su profesionalismo y, en última instancia, les ahorra (y a usted) una gran cantidad de tiempo y dinero. Recuerda: anímalos a que se diviertan con esto y haz que te den la mayor cantidad de información posible. Si todavía tienes preguntas no tengas miedo de pedir más..
Ahora tienes un excelente resumen que necesitas para especificar el trabajo. Esto puede ser una lista detallada de la funcionalidad o una lista simple de páginas y archivos que el cliente debe esperar al finalizar. Intente y detalle la mayor cantidad de información posible dentro de la propuesta, ya que esto describe exactamente lo que el cliente recibirá. También forma un contrato entre usted y el cliente y evitará que se sienta maltratado si un cliente comienza a agregar nuevas características o elementos que nunca se discutieron.
¿Por qué no usar estos como títulos en sus especificaciones:
Uno de los acuerdos más importantes para nuevos proyectos son las etapas de pago. Elija términos que funcionen a su favor pero que sean justos para el cliente. Recuerda Nunca iniciar o entregar un proyecto sin el pago inicial o final, tendrá que no apalancamiento en este punto. Deje en claro, asegúrese de que los clientes conozcan los términos por adelantado y asegúrese de que entiendan que la propiedad intelectual / Copyright for All / Part del proyecto (si la transfiere) es solo de ellos con ese pago. No tenga miedo de defender su posición o, si se le pregunta, llegar a un acuerdo de beneficio mutuo. Por ejemplo, si toma el 50% por adelantado y el 50% al finalizar, puede considerar el 35% por adelantado y el 65% al finalizar.
Tampoco es infrecuente que un pago a mitad de camino acordado se pueda definir claramente, por ejemplo, después de la planificación, el alcance y el diseño antes de que comience la construcción. Hay muchas formas de realizar pagos, pero asegúrese de decidir los términos con los que se sienta cómodo..
Siempre habrá un cierto nivel de maniobrabilidad en juego una vez que el proyecto esté en marcha, después de todo, habrás establecido una relación con el cliente en ese momento y querrás complacerlo. No obstante, aprenda cuándo decir que no, explique por qué un cambio afectará el proyecto y vuelva a consultar la propuesta firmada. Ser capaz de limitar la irritación en ambos lados hará que el proyecto sea más agradable para usted y para el cliente.
Hemos trabajado en proyectos de diseño de elementos visuales desde el resumen hasta el diseño en el navegador, pero ninguno de estos enfoques ha funcionado tan bien cuando se realiza el wireframing..
Wireframing establece las expectativas de un cliente para el diseño del sitio antes de que incluso haya considerado la introducción de color, tipografía y gráficos. En última instancia, le ahorrará tiempo y evitará el temido proceso de empuje de píxeles. También es una excelente manera de eliminar un sitio y centrarse en su facilidad de uso, funcionalidad y flujo sin distraer al cliente con el diseño. Diseñe primero y luego el cliente casi seguramente se centrará en eso y no en el excelente diseño que ha presentado. Cometer este error puede llevar a que se comprometan características y decisiones importantes sobre la usabilidad del sitio.
No tengas miedo de experimentar al allanar. Es una excelente manera de crear diseños rápidamente y con la misma rapidez de modificación. Pero no sea experimental para experimentos, puede parecer bonito, pero el sitio debe ser utilizable y cumplir los objetivos del cliente..
¿Por qué no probar Mockflow o Balsamiq para encontrar una solución rentable para crear y compartir sus wireframes?.
Comience por decidir qué sistema de cuadrícula utilizar (busque CSS Grid o 978 gs). Con los cambios en la resolución, estos pueden variar y dependerán del cliente, la audiencia y los dispositivos en los que debería trabajar el sitio. Asegúrese de haber discutido las opciones con el cliente al especificar el sitio. Esto le ahorrará tiempo y evitará cualquier solicitud de cambiar las resoluciones más adelante cuando se haya realizado la mayor parte del trabajo. Recuerda seguir comunicándote y educando al cliente en todo lo que hagas..
Debido a que tiene la funcionalidad del sitio implementada a partir de las especificaciones y entiende lo que le gusta y no le gusta al cliente por su breve descripción, esta debe ser una etapa relativamente rápida del proyecto. Su trabajo comienza ahora, así que impresione y elija un diseño, estilo de navegación bien pensado y decida cuál es la mejor manera de hacer que esas áreas funcionales del sitio funcionen bien para el cliente y el usuario..
Déjese inspirar por los demás y observe qué funciones pueden beneficiar a los usuarios de su cliente. Vea lo que están haciendo los sitios similares, mire los sitios en las galerías web y vea si las características que utilizan están siendo bien aprovechadas..
Como profesional, tiene la capacidad de crear y utilizar las últimas técnicas, pero sigue preguntándose si es necesario. ¿Tendrá un impacto en su tiempo y sus costos? ¿Mejora la experiencia del usuario? ¿Beneficia al cliente? ¿Hace el mejor uso del espacio disponible? Y sobre todo, ¿responde el brief? Si la respuesta a todas estas preguntas es sí, entonces adelante. Si no, entonces cuál es el punto?
Una vez que su cliente esté satisfecho con el diseño del sitio, asegúrese de firmarlo por escrito o en el correo electrónico de que está satisfecho con el trabajo completado hasta la fecha y está feliz de que pase a la siguiente etapa del proyecto. Esto pone el control de nuevo en sus manos si deciden cambiar drásticamente cualquier cosa más adelante en el proyecto. Permanecer flexible a un cierto nivel. Los ajustes al diseño del sitio sí ocurren y es casi seguro que cuando diseñe el sitio, ciertas áreas pueden estar mejor ubicadas en otros lugares. Comunicar esto claramente con el cliente..
Al tener ahora alámbricas como parte de su proceso, descubrirá que diseñar un sitio será una experiencia mucho más fácil y agradable. El pensamiento se ha hecho, así que es hora de dejar que fluyan los jugos creativos.
Preparar sus archivos antes de diseñar le ahorrará tiempo más adelante, tendrá todo en su lugar y podrá encontrar activos fácilmente. Con un sistema de cuadrícula decidido, comience por crear una capa oculta de guías (encontrará que la mayoría de los sitios de cuadrícula tienen archivos listos para usted) o use un complemento como GuideGuide para Photoshop.
Prepare sus capas creando una estructura de carpetas lógica y continúe nombrando cada capa de su archivo mientras diseña. Es una gran etiqueta, especialmente si otro diseñador o desarrollador recoge sus archivos. No solo los ayudará, sino que también lo ayudará a encontrar activos dentro de ese archivo rápidamente cuando los necesite. Trate de usar objetos inteligentes o capas de formas para iconos y logotipos, de modo que puedan escalarse más adelante, especialmente al diseñar para pantallas de retina.
El punto de partida para cada diseñador depende de cada diseñador, pero por lo general (debido a que los wireframes están en su lugar) ya tendrá una idea de las mejores prácticas en otros lugares y del resumen del cliente sobre el estilo que llevará. Inspírate, pero recuerda hacerlo tuyo. Con el tiempo, descubrirá que creará su propio estilo y los clientes querrán trabajar con usted por este motivo..
El estilo proviene del tratamiento de las texturas, las fuentes que utiliza y los pequeños detalles como botones, iconos, divisiones y estados de interacción. Para fuentes, use repositorios como Google Fonts o TypeKit para obtener los últimos tipos de letra que funcionan en línea. Para los botones jugar con ideas y estilos; es muy rápido cambiar un estilo, cambiando la apariencia completa del sitio con unos pocos efectos de capa. Tomemos por ejemplo este botón plano:
Creada usando la 'Herramienta Rectangular' (Forma) (U) a un tamaño de 100 x 40 píxeles, a la capa se le han aplicado varios efectos de capa. Primero, con un color rojo intenso y plano, utilizando la configuración 'Superposición de color' con un Modo de fusión 'Normal' al 100%. Luego se aplica con un 'Trazo' usando un rojo más oscuro al 100% con un trazo interno de 2 píxeles. Esto crea un botón muy plano, genérico y elegante que complementaría muchos sitios..
Es igual de rápido cambiar los efectos de capa para crear un sitio con más profundidad, usando gradientes suaves y sombras para construir profundidad. Simplemente cambiando de una 'Superposición de color' a una 'Superposición de degradado' le dará la posibilidad de agregar un degradado suave al color del botón. Agregar una 'Sombra' con una opacidad baja te dará una sombra suave y cambiará instantáneamente la apariencia del botón.
Encuentra ambos botones aquí.
Si es parte de su proyecto y tiene dificultades para hacer que un logotipo o sitio se ajuste al otro, ¿por qué no marca y diseña en paralelo? Con muchas empresas basadas en línea tiene perfecto sentido. Tomamos este enfoque hace cuatro años y no hemos mirado atrás desde entonces. No siempre es posible, pero siempre ha ayudado a nuestros clientes a desarrollar una visión de toda la marca (que incluye un sitio) en lugar de pedirles que confíen en usted y esperan que prevean cómo funciona un logotipo en todos los medios..
Reducirá drásticamente su tiempo tratando de hacer que una se ajuste a la otra cuando posiblemente el estilo del sitio no se haya considerado al momento de diseñar un logotipo. Por supuesto, aún esboza tus ideas y usa un proceso similar al que usas ahora, pero jugar con las dos ideas al mismo tiempo realmente funciona. También es mucho más rápido y más fácil poner una marca fuera de línea que hacer que una marca fuera de línea funcione en línea.
Recuerda Nunca entregar un proyecto o archivos sin pago final y una firma del cliente, tendrá que no vuelve en este punto si lo haces sin ninguno de estos.
Si no está desarrollando el sitio usted mismo, no deje a su desarrollador o cliente adivinando.
Si se ha tomado el tiempo de colocar sus archivos correctamente, no tendrá una reacción violenta de un desarrollador o cliente descontento. Es una cortesía profesional entregar archivos bien preparados y no solo mantendrá contentos a su cliente o desarrollador, sino que también le ahorrará tiempo con muy poco cuestionamiento sobre la configuración de los archivos..
Asegúrese de empaquetar las fuentes y cualquier activo o documentación que se solicite. Mantener todos los archivos en un solo lugar, como Dropbox, permitirá el acceso de todos los involucrados en el proyecto.
No estamos sugiriendo que esta sea la forma en que todos deberían trabajar, sino que proviene de nuestra experiencia en la industria..
El diseño es muy subjetivo y si puede simplificar un proceso, habrá menos píxeles que se empujarán y se pintarán por números, según lo dictado por un cliente. Cuanto más control tenga sobre un diseño, más se sentirá inspirado para mejorar cada proyecto.
Y recuerde, aprender a decir no en el momento adecuado puede ahorrarle a usted y a su empresa tiempo, esfuerzo y mucho dolor. Dijo en el momento equivocado y te traerá todo eso y más. Entonces, considere sus respuestas a los cambios que el cliente le pide, dé siempre una buena razón y tenga claro por qué cree que su idea podría no funcionar. Por último, prepárate para dar un paso atrás; A veces las ideas de los clientes pueden encender una mejor..
Accentsconagua