austinbpnk

Esta es la 2da parte del proceso de diseño web que hemos estado mostrando.

Paso 6. Cronología

En este punto de la pagina web, la mayor parte de lo más dificil ya se ha hecho. 1era vez que el diseñador tiene realmente algún nivel de manejo sobre el tiempo que falta que queda en la pagina web. Y aquí es donde se construye la línea de tiempo del proyecto. Recomiendo crear esto con tus compañeros primero y despues enviarlo al cliente. Ya que ellos ya han estado involucrados demasiado en el proyecto, ahora es diseño de páginas web un excelente para hacerles saber que las cosas están a punto de acelerarse y el resto de su pagina debería ser un esfuerzo cuesta abajo. Esto es bueno para que el cliente lo escuche, especialmente después de haber pasado muchas horas revisando el bosquejo y recogiendo imágenes y testimonios de sus clientes.

Paso 7. Diseño de la maqueta

Cuestionario de diseño de la maqueta.

En este paso deberías estar muy familiarizado con el diseño del sitio y su mensaje. Implementa un archivo de menos de una cuartilla haciendo preguntas relacionadas con el diseño como, por ejemplo: ¿Cuáles son los colores de su compania? Por favor, describe 2-3 paginas web que te llaman la atencion y detalla con detenimiento qué características relacionadas con el estilo que te gustan. ¿Tiene algún recurso de marketing actual para que lo veamos? principalmente, el cuestionario tiene que ser pequeñas y directas. Estudie la retroalimentación que el cliente da y tu debería estar en camino de formar un excepcional diseño.

Concepto de maqueta. Con una pagina informativo, sólo tienes que crear una página de Inicio, Interior (una oferta de servicio principal) y Contacto. Es extremadamente importante utilizar también el contenido que ya has recopilado porque influirá en la "simpatía" a los ojos del cliente. Después de todo, ya has hecho todo este trabajo hasta ahora, usa tu contenido en tu beneficio. Por otro lado, usar texto latino (lorem ipsum) como contenido de relleno normalmente obtendrá una respuesta opuesta.

Paso 8. Desarrollo

A medida que avanzamos en el proceso de diseño de la web, este proceso aparentemente difícil puede ser uno de los más rapidos. Después de todo, el desarrollo es más una forma de desarrollo que otra cosa. Y normalmente la pagina web puede comenzar a acelerarse abruptamente hacia el objetivo final del lanzamiento del pagina web. La forma más acelerada de lograr esto es asignar múltiples programadores al proyecto. Estos técnicos pueden trabajar en diferentes áreas del proyecto simultáneamente.

Paso 9. Prototipo

Una vez que se haya terminado el paso de desarrollo (con pruebas internas), debe enviar al cliente un enlace del prototipo para que pueda iniciar a probar y revisar el pagina web desde su lado. En el mismo email, es extremadamente importante tener opciones de instrucciones para que ellos sigan, tales como, pero no limitadas a: "Durante este tiempo el cliente necesita probar vigorosamente su sitio web para cualquier enlace roto, imágenes que no funcionan, errores de texto, páginas que no funcionan, etc." Como quien dice, que sólo busquen errores y cosas que estén rotas o no funcionen correctamente.

Consejo importante: En un segundo párrafo de apoyo, debe indicar claramente: "Durante este tiempo, el cliente NO estará agregando nuevas páginas, imágenes, cambiando la copia, agregando la programación, etc... esto constituye un TRABAJO NUEVO y será citado como una nueva pagina después de que el sitio web entre en funcionamiento. Hay que tener cuidado con este escenario ya que sucede todo el tiempo. Por alguna razón(es), a los clientes les gusta tratar de intercambiar copias, fotos, añadir páginas... ¡sólo tened cuidado! La mejor manera de mitigar el problema es enseñar al cliente de antemano sobre lo que está dentro y fuera del alcance.

También, recomendar al cliente que sólo una persona pruebe su sitio, y no un grupo de personas. ¿Por qué? Diferentes personas ven las cosas de manera diferente... y no quieres demasiados chefs en la cocina... ya sabes cómo resulta eso y siempre es malo. En el caso de que el cliente no se sienta bien con su capacidad personal para hacer pruebas, siempre puedes mostrarle tu documento interno de pruebas y normalmente eso obtendrá la aprobación que necesitas para seguir adelante.

Paso 10. Lanzamiento

Después de que el cliente apruebe el prototipo, debe comenzar la secuencia de lanzamiento. Algunos lo llaman salir al aire, etc., estos términos son principalemten la misma cosa. Debido a que este paso es de naturaleza técnica, a continuación se presentan algunas cosas principales que hay que hacer.

Proceso de desarrollo web en diez pasos de webminutos

Introducción a nuestro proceso de diseño web.

El propósito de esta publicacion es explicar nuestro proceso de diseño de una web básica e informativa. Hemos construido cientos de sitios web a lo largo de los años, hemos aprendido mucho en el viaje y nos gustaría dar a conocer algo de esta información con ustedes. Debido a que nos dedicamos al diseño web, este artículo ha sido escrita primeramente desde la perspectiva del desarrollador. Bien, quien sea debería ser capaz de entenderlo y seguramente podría aprender algo interesante, y mucho más

los diseñadores web necesitan seguir la documentación cuando construyen una pagina.

Recuerdas la historia de la biblia de la torre de babel? pasa que cuando el tamaño, el alcance y las expectativas no se entienden o se siguen. hay un dicho en el nicho de la informática: "Por cada hora de planificación adecuada, se ahorrarán seis horas de tiempo de desarrollo". Muy de acuerdo y es un factor importante en la rentabilidad (o no) de una sitio de desarrollo.

dejemos a un lado la parte filosófica, ahora viene lo divertido

Paso 1: Reunir los requisitos

En muchos casos, sobre todo para los que tienen nada de tiempo comercial, éste es el paso más relevante del proceso. El entendimiento de lo que se espera, el alcance y los recursos que se quieren puede alinear adecuadamente tanto al cliente como al diseñador para el éxito de mañana. Esto es necesario porque cualquier tipo de transacción comercial debe hacerse sólo en una situación de todos ganamos para todas las partes involucradas.

Paso 2: Propuesta

si necesitas formalizar algo, escríbelo. Puedes llamarlo contrato; el punto principal es realizar un documento que tanto el desarrollador como el cliente entiendan lo que se está dando, junto con las expectativas, el plazo y el costo. Una propuesta también ayuda a controlar hasta donde llega el proyecto o a establecer una valla alrededor de lo que se está pidiendo para que haya pocas o ninguna idea equivocada sobre el trabajo que se está haciendo.

La idea debe tener, como mínimo, estas secciones: Bienvenida, lo que se espera, resumen de navegación y funciones, tiempo de desarrollo con calendario integrado y costos. Un ejemplo de nuestra propuesta. por consiguiente, la propuesta debe ser una plantilla predefinida que se rellena con los requisitos del cliente.

Paso 3: Navegación

Hay muchos nombres para incluir en esto, pero no se limitan a: sitemap, estructura del sitio, mapa de navegación, enlaces, organigrama de la página web, etc... a menudo, este es el momento de organizar las páginas principales de la pagina y las subcategorias asociadas y también describir técnicamente cómo aparecerán. Por ejemplo, hay menus responsives, fly outs, hover overs, mega menús, navegación superior, navegación lateral... Ahora es el momento de explicar "cómo" va a suceder todo esto.

Paso 4: Wireframes

Los wireframes son planos en negro y blanco no a escala para mostrar cada página de la pagina web.

no hay cosa mas importante que los wireframes para la creación de un gran sitio web. No se construye una casa sin estructura, diseños pero muchos desarrolladores aficionados se saltan este etapa tan importante y pasan a la fase de diseño de wireframes. Esto se debe porque piensan que los wireframos son una pérdida de tiempo. En realidad son un gran ahorro de tiempo.

Los planos coinciden con las expectativas de los usuarios y los desarrolladores de lo que se está haciendo. por si fuera poco, cuando el usuario toma parte en el proceso de construccion de los planos, ve el profesionalismo del desarrollador y la atención a los detalles del proyecto. Enfocate que los wireframes sean buenos Qué crees? Más adelante en el proyecto, el usuario tiende a tener ya una visión favorable de su web ya que ha estado involucrado desde el inicio.

Paso 5: Recolección de contenido

Típicamente, esto suele representar algún lugar cercano al punto medio de un proyecto. es muy importante recalcar, esto es normalmente donde más del 60% de los proyectos se paralizan. ¿Por qué? La creacion de contenido es una laboral que depende mucho del cliente, ya que es importante reunir copias, imágenes, reviews, videos, biografías y otros tipos de contenido. Una de las formas de mitigar este problema es explicar este escenario al usuario por adelantado (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de tener toda información.

Proceso de desarrollo web en 10 pasos de webminutos

Intro a nuestro proceso de diseño web.

El objetivo de este artículo es explicar nuestro proceso de desarrollo de una pagina basica e que informa. Hemos construido cientos de paginas web a lo largo de los años, hemos aprendido demasiado en el proceso y nos gustaría compartir algo de esta información contigo. Debido a que somos desarrolladores, este publicacion está escrito primeramente desde la perspectiva del desarrollador. Bien, cualquiera debería ser capaz de seguirlo y con suerte podría aprender algo interesante, y mucho más

los diseñadores web necesitan seguir las instrucciones cuando construyen una pagina.

Recuerdas la historia de la biblia de la torre de babel? Esto es lo que sucede cuando la dimension, el alcance y las expectativas no se definen o se siguen. Tenemos un lema en el nicho de la informática: "Por cada hora de planificación adecuada, se ahorrarán seis horas de tiempo de desarrollo". Muy de acuerdo y es un factor relevante en la rentabilidad (o no) de una sitio de desarrollo.

dejemos a un lado la parte filosófica, ahora viene lo divertido

Paso 1: Reunir los requisitos

la mayoria de las veces, sobre todo para los que tienen poca años comercial, éste es el paso más de mayor importancia del proceso. El entendimiento de lo que se pretende, el alcance y los recursos necesarios podria alinear adecuadamente tanto al cliente como al desarrollador para el éxito futuro. Esto es necesario porque cualquier tipo de transacción comercial debe hacerse sólo en una situación de todos ganamos para todas las partes involucradas.

Paso 2: Propuesta

si necesitas formalizar algo, escríbelo. Puedes llamarlo contrato; el punto principal es realizar un documento que tanto el programador como el usuario comprendan lo que se está entregando, junto con las expectativas, el tiempo y el precio. Una propuesta también ayuda a controlar hasta donde llega el proyecto o a poner una valla alrededor de lo que se está solicitando para que haya pocas o ninguna idea equivocada sobre el trabajo que se está haciendo.

La idea debe incluir, como mínimo, estas secciones: Bienvenida, expectativas, resumen de navegación y funcionalidad, proceso de desarrollo con fechas y costos. Un ejemplo de la propuesta. Además, la propuesta debe ser una plantilla predefinida que se rellena con los requisitos del usuario.

Paso 3: Navegación

Hay muchos nombres para incluir en esto, pero no se limitan a: sitemap, estructura del sitio, arbol de navegacion, navegación del sitio, organigrama del sitio, etc... a menudo, aqui es tiempo de organizar las páginas principales de la pagina y las subcategorias asociadas y también describir técnicamente cómo se mostrarán. Por ejemplo, hay menus responsives, fly outs, hover overs, mega menús, navegación superior, navegación lateral... Ahora es el momento de explicar "cómo" se llevará acabo.

Paso 4: Wireframes

Los wireframes son planos en blanco y negro no a escala para mostrar cada página del sitio web.

No puedo exagerar lo importante que son los wireframes para la creación de un gran sitio web. Nadie construye una casa sin planos, pero muchos desarrolladores aficionados omiten este etapa tan importante y pasan a la fase de diseño de la maqueta. Lo hacen porque creen que los planos son una pérdida de tiempo. En realidad son un gran ahorro de tiempo.

Los wireframes coinciden con las expectativas de los clientes y los diseñadores de lo que se está construyendo. Además, cuando el usuario se involucra en la etapa de creación de los planos, se da cuenta de la experiencia del desarrollador y que se diseños toman en cuenta los detalles del proyecto. ¡Así que haz los wireframes tan detallados como sea posible! ¿Adivina qué? Después en el proyecto, el usuario suele a tener ya una visión excelente de su web ya que ha estado involucrado desde el inicio.

Paso 5: Recolección de contenido

Típicamente, esto suele representar algún lugar cercano al punto medio de una pagina. Más importante aún, esto es típicamente donde más del sesenta porciento de los paginas terminan. ¿Por qué? La recolección de contenido es una laboral que tiene que ver mucho del cliente, ya que es importante reunir copias, videos, reviews, imagenes, biografías y otros tipos de contenido. Una de las maneras de mitigar este problema es explicar este escenario al usuario al inicio (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de obtener esta información.