Proceso de diseño web en 10 pasos de webminutos
Introducción a nuestro proceso de diseño web.
El propósito de esta publicacion es dar a conocer nuestro proceso de desarrollo de una pagina basica e que informa. Hemos construido cientos de sitios web a lo largo de los años, hemos aprendido demasiado en el viaje y nos gustaría dar a conocer algo de esta información contigo. Debido a que nos dedicamos al diseño web, este artículo está escrito principalmente desde la perspectiva del desarrollador. Bien, cualquiera debería ser capaz de entenderlo y seguramente podría aprender de diseño, y mucho más
los diseñadores web deben seguir la documentación cuando construyen una pagina.
Conoces la Torre de Babel? pasa que cuando el páginas, web tamaño, 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". Esto es muy cierto y es un factor relevante en la rentabilidad (o no) de una web de desarrollo.
Ahora que hemos dejado de lado las cosas filosóficas, es tiempo de lo divertido
Paso 1: Reunir los requisitos
la mayoria de las veces, sobre todo para los que tienen nada de tiempo comercial, éste es el paso más de mayor relevencia del proceso. El entendimiento de lo que se espera, el alcance y los recursos que se quieren podria alinear adecuadamente tanto al cliente como al programador para el éxito pronto. Esto es importante porque cualquier tipo de transacción comercial se puede hacer sólo en una situación de "ganar-ganar" para todas las partes involucradas.
Paso 2: Propuesta
si necesitas formalizar algo, escríbelo. Puedes llamarlo contrato; el objetivo es tener un documento que tanto el desarrollador como el usuario entiendan lo que se está entregando, junto con las expectativas, el tiempo y el costo. Una propuesta también ayuda a controlar hasta donde llega el proyecto o a establecer un limite alrededor de lo que se está pidiendo para que haya pocas o ninguna idea equivocada sobre el trabajo que se está haciendo.
La propuesta debe tener, como mínimo, estas secciones: Inicio, lo que se espera, resumen de navegación y funciones, tiempo de desarrollo con fechas y costos. Un idea de nuestra propuesta. Además, 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: Mapa del sitio, estructura del sitio, mapa de navegación, enlaces, organigrama del sitio, etc... Esencialmente, 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 menús desplegables, 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 que enseñan cada página de la pagina web.
no hay cosa mas importante que los wireframes para la creación de una pagina web grande. nadie construye sobre la arena, pero muchos desarrolladores inexpertos se saltan este paso muy importante y pasan a la fase de diseño de wireframes. Esto se debe porque creen que los planos No ayudan en nada. Sinceramente te ayudarán a ahorrar tiempo.
Los planos coinciden con las expectativas de los usuarios y los programadores de lo que se está haciendo. por si fuera poco, cuando el cliente se involucra 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 ¿Adivina qué? Más adelante en el proyecto, el cliente tiende a tener ya una visión excelente de su pagina ya que ha estado involucrado desde el principio.
Paso 5: Recolección de contenido
Típicamente, 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 sesenta porciento de los paginas terminan. ¿Por qué? La creacion de contenido es una laboral que tiene que ver 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 evitar este problema es explicar este escenario al cliente por adelantado (sin asustarlo) y asegurarse de que se "compre" y entienda la importancia de obtener esta información.