Proceso de diseño web en diez pasos de webminutos
Intro 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 cientos de paginas web a lo largo diseño de paginas web en mérida de los años, hemos aprendido un poco en el proceso y nos gustaría compartir algo de esta información con ustedes. Debido a que somos desarrolladores, este artículo ha sido escrita primeramente desde la perspectiva del desarrollador. Sin embargo, cualquiera debería ser capaz de entenderlo y con toda seguridad podría aprender algo interesante, y mucho más
Los desarrolladores deben aplicar las instrucciones cuando construyen una pagina.
Recuerdas la historia de la biblia de la torre de babel? pasa que cuando la dimension, el alcance y las expectativas no se definen o se siguen. Tenemos 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 importante en la rentabilidad (o no) de una pagina de desarrollo.
Ahora que hemos dejado de lado las cosas filosóficas, ahora viene lo divertido
Paso 1: Reunir los requisitos
la mayoria de las veces, sobre todo para los que tienen nada de experiencia comercial, éste es la etapa 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 programador para el éxito futuro. Esto es importante porque cualquier tipo de transacción comercial se puede hacer sólo en una situación de todos ganamos por parte del cliente y del desarrollador.
Paso 2: Propuesta
si necesitas formalizar algo, escríbelo. Puedes llamarlo presupuesto; la idea es tener un documento que tanto el desarrollador como el cliente entiendan lo que se está dando, junto con las expectativas, el plazo y el precio. 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 incluir, como mínimo, estas secciones: Introducción, expectativas, resumen de navegación y funciones, tiempo de desarrollo con calendario integrado y costos. Un idea de nuestra propuesta. por consiguiente, 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: Mapa del sitio, estructura de la página, arbol de navegacion, enlaces, organigrama de la página web, etc... normalmente, aqui es tiempo 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" va a suceder todo esto.
Paso 4: Wireframes
Los wireframes son planos en blanco y negro no a escala que enseñan cada página del sitio web.
No puedo exagerar lo importante que son los wireframes para la creación de una pagina web grande. No se construye una casa sin estructura, 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 wireframos no ofrecen ningun beneficio. 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. Además, cuando el usuario se involucra en la etapa de construccion de los planos, se da cuenta de la experiencia del desarrollador y la atención a los detalles del proyecto. Haz los wireframes que valgan la pena. ¿Adivina qué? Después en el proyecto, el usuario suele a tener ya una visión favorable de su web 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 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 tiene que ver mucho del cliente, ya que es importante reunir copias, imágenes, testimonios, videos, biografías y otros tipos de contenido. Una de las formas de mitigar este problema es explicar este escenario al cliente al inicio (sin asustarlo) y asegurarse de que se comprenda y entienda la importancia de obtener esta información.