¿Cuál es el proceso general para planificar y desarrollar un nuevo sitio web?

10

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.

Lisandro Vaccaro
fuente
Dibujar es el mejor comienzo.
SaturnsEye
¿Quieres el esquema que tomaría un diseñador? Si es así, creo que la respuesta de Scott es correcta. ¿O quieres el bosquejo que debes tomar el cliente? Si es así, creo que hay un par de puntos más que podrían mencionarse.
Ryan

Respuestas:

7

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.

Scott
fuente
1
Las superposiciones son la mejor parte del proceso. Si está trabajando con un equipo, se pueden desarrollar estructuras alámbricas y contenido al mismo tiempo, y se puede comenzar la codificación y el diseño (por separado) tan pronto como se completen las estructuras alámbricas. El contenido puede modificarse en todo momento, por supuesto, pero yo comenzaría el SEO incluso antes, de la mano con el contenido en evolución.
Blazemonger
5

Los flujos de trabajo de mi proyecto generalmente funcionan así:

  1. Reunirse con los clientes para reunir los requisitos (determinar lo que necesitan)
  2. Determine qué estrategias de fondo utilizar (lenguaje de programación, plataforma, etc.)
  3. Cree una estructura alámbrica para describir cómo funcionará el sitio o la aplicación y dónde irán los elementos básicos
  4. Revisar estructura metálica con el cliente
  5. Maquetas de diseño: pueden ser maquetas HTML / CSS o pueden ser imágenes diseñadas en Illustrator o Photoshop
  6. Revisar maquetas con el cliente
  7. Editar maquetas basadas en comentarios de clientes
  8. Crear producto de trabajo

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.

PixelGraph
fuente
2

Obtuve información del Blog

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

ingrese la descripción de la imagen aquí

  1. 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.

  2. 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:

  • El público objetivo del cliente.
  • Sus objetivos primarios y secundarios para el sitio web
  • Características actuales de marca Presupuesto
  • Plazos que deben cumplir

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

Rachuru
fuente
Sí, según lo indicado por el usuario, localice las referencias que utilizó o la comunidad puede rechazar su respuesta.
DᴀʀᴛʜVᴀᴅᴇʀ
1

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.

jamesy
fuente