Proceso de desarrollo web en 10 pasos de webminutos
Introducción a nuestro proceso de diseño web.
El objetivo de esta publicacion es dar a conocer nuestro proceso de diseño de una web básica e que informa. Hemos construido 100tos de sitios web a lo largo de los años, hemos aprendido mucho en yucatán el camino y nos gustaría compartir algo de esta información contigo. Debido a que nos dedicamos al diseño web, este publicacion está escrito primeramente desde la perspectiva del desarrollador. Sin embargo, quien sea debería ser capaz de entenderlo y con toda seguridad podría aprender de diseño, ¡si no mucho más!
los diseñadores web necesitan seguir la documentación cuando diseñan 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 entienden o se siguen. hay un dicho en el campo 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 pagina de desarrollo.
Ahora que hemos dejado de lado las cosas filosóficas, ¡divirtámonos un poco!
Paso 1: Reunir los requisitos
la mayoria de las veces, sobre todo para los que tienen pequeña tiempo comercial, éste es el paso más de mayor importancia del proceso. La comprensión de lo que se pretende, el alcance y los recursos que se quieren podria alinear adecuadamente tanto al cliente como al diseñador para el éxito futuro. Esto es necesario porque cualquier tipo de transacción comercial debe hacerse sólo en una situación de "ganar-ganar" para todas las partes involucradas.
Paso 2: Propuesta
Cuando necesites formalizar algo, escríbelo. Puedes llamarlo contrato; la idea es tener un documento que tanto el diseñador como el usuario comprendan lo que se está dando, junto con las expectativas, el tiempo y el costo. Una propuesta también ayuda a controlar el alcance el proyecto o a poner 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 incluir, como mínimo, estas secciones: Introducción, expectativas, resumen de navegación y funcionalidad, proceso de desarrollo con fechas y honorarios. Un idea de nuestra propuesta. por consiguiente, la propuesta debe ser un esquema 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 de la página, arbol de navegacion, navegación del sitio, estructura de la página web, etc... a menudo, este es el momento de organizar las páginas principales del sitio web 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... Este 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 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, pero muchos desarrolladores inexpertos se saltan este etapa tan importante y pasan a la fase de diseño de wireframes. Esto se debe porque creen que los wireframos son una pérdida de tiempo. Sinceramente son un gran ahorro de tiempo.
Los wireframes coinciden con las expectativas de los clientes y los programadores de lo que se está construyendo. por si fuera poco, cuando el usuario se involucra en el proceso de creación de los planos, se da cuenta de la experiencia del desarrollador y la atención a los detalles del proyecto. Enfocate que los wireframes sean buenos Qué crees? Después en el proyecto, el cliente tiende a tener ya una visión favorable de su proyecto ya que ha estado involucrado desde el inicio.
Paso 5: Recolección de contenido
usualmente, esto suele representar algún lugar cercano al punto medio de una pagina. es muy importante recalcar, esto es típicamente donde más del 60% de los paginas se paralizan. ¿Por qué? La creacion de contenido es una tarea que tiene que ver mucho del cliente, ya que es necesario reunir copias, videos, testimonios, imagenes, biografías y otros tipos de contenido. Una de las maneras de evitar este problema es explicar este escenario al cliente por adelantado (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de obtener esta información.