Trabajo en una agencia centrada principalmente en el desarrollo de software, sin embargo, a veces un micrositio es accesorio de una de nuestras soluciones y necesitamos construirlo.
Estoy tratando de definir el proceso para crear estos sitios web, pero no sé en qué orden se realiza comúnmente cada tarea y especialmente estoy tratando de averiguar en qué punto se debe escribir cualquier copia / contenido estático.
Puedo pensar en algunas tareas como: escribir contenido estático, diseño, estructura de alambre, definición de palabras clave y SEO, codificación. pero no estoy seguro en qué orden abordarlos.
website-design
workflow
content
Lisandro Vaccaro
fuente
fuente
Respuestas:
Para mí, muchas áreas pueden superponerse hasta cierto punto.
Definir necesidades a través de bocetos, wireframes, notas, discusiones, presupuesto, etc. (debe ser lo primero)
Wireframing: el contenido puede comenzar a escribirse aquí o al menos resumirse. Las ideas aproximadas del tamaño del contenido ayudarán en la estructura del alambre, por lo que la escritura y la estructura del alambre pueden ir de la mano.
Aprobación de estructura metálica
Finalice el contenido: aquí se pueden iniciar los primeros pasos del diseño, pero no se pueden finalizar hasta que se complete la copia estática.
Aprobación de contenido
Finalizar diseño / palabras clave / codificación: las palabras clave se pueden calcular a medida que se desarrolla el diseño. Dependiendo de los hábitos de trabajo, se puede iniciar la codificación para finalizar el diseño.
Aprobación de diseño
Finish Coding / SEO: la codificación y el SEO pueden ir de la mano. Ya sabes, el código con SEO en mente al mismo tiempo comienza a planificar estrategias de SEO externas, etc.
Aprobación del código
SEO continuo / mantenimiento.
fuente
Los flujos de trabajo de mi proyecto generalmente funcionan así:
Idealmente, los clientes nos obtienen contenido real lo antes posible en el proceso, pero la realidad es que puede llegar en un momento posterior. Notaré que creo muchas aplicaciones basadas en la web, por lo que determinamos las características básicas en la etapa de requisitos y diseñamos con ellas en mente.
fuente
Obtuve información del Blog
http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/
Aprender
No debería sorprenderle que el aprendizaje, descubrir y comprender lo que necesita construir en primer lugar, sea la parte más importante de todo el
proceso de diseño del sitio web.
El resumen creativo
Debe obtener esta información de la manera en que usted y sus clientes se sientan más cómodos, pero haga lo que haga, no omita el resumen creativo porque se convertirá en el elemento vital de su proyecto.
¿Qué tipo de preguntas debe hacer en su informe creativo? Como mínimo, descubra:
3. Plan
Una vez que haya aprendido lo que necesita construir, es hora de comenzar a planificar cómo va a hacer que suceda. Antes de que pueda comenzar a diseñar un sitio web, debe saber exactamente qué y cómo diseñarlo en primer lugar, y todo comienza con la creación de una estrategia de diseño.
4. Diseño
Una vez que esté listo para comenzar a diseñar, tenga en cuenta que necesita diseñar más que solo una página de inicio. También necesitará un diseño para las subpáginas de su sitio. A veces puede ser fácil diseñar un concepto de página de inicio, dividirlo y comenzar a codificar
5. Código
Una vez que tenga un diseño excelente, deberá convertirlo en un sitio web real y en vivo. Una apuesta segura, sin importar con qué sistema de gestión de contenido va a trabajar, es comenzar con un HTML y CSS genérico
6. Lanzamiento
Cuando finalmente haya perfeccionado el sitio, es hora de lanzarlo al público. El lanzamiento puede significar diferentes cosas para diferentes personas, principalmente porque existen varios sistemas de gestión de contenido y circunstancias de desarrollo.
7. Mantener
Durante su fase de planificación, debe haber determinado quién estará a cargo del mantenimiento del sitio
fuente
Esto puede ayudar. Hay algunos buenos principios de diseño web.
fundamentos web del manual de google
El manual es un recurso integral para el desarrollo web multidispositivo. Por lo tanto, se divide en 4 categorías:
Diseños de dispositivos múltiples: creación de diseños flexibles, no fijos, que brindan una gran experiencia sin importar en qué dispositivo estén
Imágenes y video: incorporando imágenes, audio o video, luego aprenda cómo puede hacer que las imágenes respondan, agregar videos y proporcionar alternativas para plataformas heredadas. Audio actualmente en desarrollo
Formularios y entrada del usuario: creación de formularios que utilizan tipos de entrada semántica y elementos que responden al tacto y otros gestos.
Optimización del rendimiento: obtenga información sobre el modelo de objetos del navegador y cómo construye la página a partir de su HTML y CSS. Existen otras reglas y recomendaciones de página para optimizar la entrega de datos.
fuente