Cuando diseño un sitio web, empiezo preguntando por qué.
La primera parte de mi flujo de trabajo es ¿POR QUÉ? Si estoy trabajando con un cliente, necesito asegurarme de que tenga una visión clara y definida de lo que quiere que logre el sitio web.
1. Las preguntas de por qué.
Cuéntame un poco sobre ti y por qué estás haciendo esto.
¿Quiénes son los clientes? ¿Cuál es su necesidad / dolor específico? Puede proporcionarme, con algunos ejemplos específicos de diferentes tipos de clientes, lo que necesitan, lo que el sitio web hará por ellos.
Cuéntame sobre el negocio. ¿Qué es lo que haces exactamente?
¿Qué te hace mejor que el próximo chico?
Si estuviera buscando el servicio que brinda su empresa, ¿qué escribiría USTED en Google para encontrarlo?
Si está construyendo el sitio para usted, es mejor que sepa cuáles son estas respuestas.
Si determina, basándose en las respuestas a las preguntas anteriores, que estas personas son serias y realmente tienen una buena idea. Luego, proceda (recuerde que todavía no le pagan pero que es mejor que les quite los calcetines si quiere que lo contraten).
2. La investigación.
Pase un tiempo investigando al cliente y su negocio Descubra sus éxitos pasados y cualquier problema que hayan encontrado. ¿Eres el tercer desarrollador que han contratado? ¿Qué pasó con los otros 2 chicos?
Descubra lo que necesita el cliente. ¿Para quién va a construir este sitio? ¿Es el cliente un veterano retirado de 60 años o un niño de 16 años con cara de granos que juega Farmville en Facebook todo el día.
Descubre quiénes son los competidores. Puede que ni siquiera lo sepan. Haga un análisis competitivo de 5 a 10 competidores y descubra quién es el trasero que necesitamos para lanzar los Serps. Esta es la etapa en la que necesita saber cuál es el objetivo de la palabra clave. Más tarde y ya estás fallando.
2b La propuesta
Sorpréndalos con su conocimiento de su negocio y obtenga un acuerdo / propuesta de sitio web y esté listo con su contrato una vez que estén de acuerdo. Obtenga el contrato firmado y un depósito del 50% y luego continúe con el paso 3.
Aquí hay un tema común: en todos estos casos, la misión no se trata del producto como tal. La misión es "simplemente" algo que, si realmente te tomas en serio, requiere que el producto se vuelva absolutamente increíble, para que puedas lograrlo. Si lo prefiere: estas misiones son la respuesta, ¿por qué acabamos de agregar esa nueva característica ?, no, ¿qué nueva característica estamos agregando? - Benjamin Pollack.
La línea de tiempo debe establecerse para que todos tengan sus expectativas en perspectiva.
4. El flujo de trabajo
Aquí es donde comienza la mayoría de las personas, así que explicaré mi proceso, pero tendrá que decidir qué flujo de trabajo es el mejor para su situación, equipo, cliente, etc.
Para mí, el contenido es lo primero. Me aseguro de que el cliente haga la mayoría antes de que se escriba ningún código. No estamos hablando de la edición de prueba de borrador final, sino más o menos las palabras de texto que estarán en las páginas. Si un equipo de marketing está involucrado, esto podría llevar un tiempo.
Ya debería tener una idea de cómo se verá el sitio. Deberías tener el contenido. Ahora debe trabajar en el diseño y los principios generales de diseño que lograrán el objetivo que se le ocurrió en el paso 3.
ODIO los wireframes pero entiendo que son necesarios. Solo porque sabe cómo se ve el sitio, es posible que su cliente no lo haga. Esto es para su protección y para los clientes. Cuando todos estén contentos, haga que firmen algo que diga "Esto es lo que le estamos pagando por construir".
Desarrollo frontend e interfaz de usuario: HTML, CSS y DISEÑO EN EL NAVEGADOR , la técnica Hardboiled de Andy Clarke. Estoy cansado de perder tanto tiempo en Photoshop cuando sé que puedo demostrar una maqueta más rápida y realista que también me da una ventaja en el desarrollo.
4b. La base de código
Finalmente puedes divertirte un poco. Para el beneficio suyo y de los clientes, configure el CONTROL DE VERSIÓN antes de comenzar. Dado que está haciendo el control de versiones, debe continuar y configurar BUG TRACKING mientras lo hace.
4c. Edición de copia
¿Recuerdas ese contenido que tenemos? Ahora es cuando tiene que ser editado. Apesta esto, así que trato de contratar a alguien más o me aseguro de que mucha gente lo lea. Verifique y asegúrese de que las palabras clave de las que hablamos en el paso 2 estén optimizadas para SEO. Si nuestro contenido es excelente y en realidad se trata de esas palabras clave, esto debería ser algo natural.
5. Pruebas Beta y UI
Obtenga algunos seres humanos que respiren y se sienten en frente de su sitio y comience a usarlo. Me gusta reclutar a mi madre que a veces llama y quiere saber por qué su impresora no imprime (El enchufe mamá, tiene que enchufarse primero). Este tipo de usuarios deben poder navegar por su sitio a menos que, por supuesto, estuvieran usando el ejemplo de niño de 16 años con cara de espinilla anterior.
6. Mantenimiento y Plan SEO
Asegúrese de que todos sepan quién está a cargo de luchar contra las bestias del servidor .
En un mes, consulte el análisis competitivo que hicimos y compare nuestro sitio con los que analizamos. Utilice estos datos para crear su plan de SEO y NO, no estoy hablando del SEO del aceite de serpiente, estoy hablando de asegurarme de que aún genera contenido relevante, los sitios están naturalmente vinculados a usted (porque es tan increíble) y sus etiquetas de título coincide con el texto del cuerpo. El SEO es un proceso largo a menos que su Stack Overflow y tenga un ejército de 14.1 millones de usuarios para generar contenido de calidad para usted.
Hay una gran diferencia entre el contenido de calidad y las cosas que encuentras en "el sitio con guiones", que no vincularé. (Para evitar que el jugo sin seguimiento incluso gotee sobre ellos).
7. Lanzamiento
¿Todo funciona? ¿Se logró la misión de construir asombro? Tenga un plan de lanzamiento y ejecútelo.
Si has hecho todo bien en los pasos 1 - 6 de su puesta en marcha será una brisa sin huelga que es posible que usted tendrá problemas. Solo prepárate para ellos y corrige cualquier error.
Envíe la factura, enjuague y repita.