webminutos paginas web

Proceso de diseño web en 10 pasos de webminutos

Bienvenida a nuestro proceso de diseño web.

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

los diseñadores web necesitan aplicar las instrucciones cuando diseñan una pagina.

Recuerdas la historia de la mérida biblia de la torre de babel? Esto es lo que sucede cuando el tamaño, el alcance y las expectativas no se entienden o se siguen. hay un lema 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 sitio de desarrollo.

Ahora que hemos dejado de lado las cosas filosóficas, ¡divirtámonos un poco!

Paso 1: Reunir los requisitos

En muchos casos, sobre todo para los que tienen nada de años comercial, éste es la etapa más de mayor importancia del proceso. El entendimiento de lo que se pretende, el alcance y los recursos necesarios puede alinear adecuadamente tanto al cliente como al programador 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 por parte del cliente y del desarrollador.

Paso 2: Propuesta

Cuando necesites formalizar algo, escríbelo. Puedes llamarlo contrato; la idea es tener un documento que tanto el desarrollador como el usuario comprendan 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 poner 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 idea debe incluir, como mínimo, estas secciones: Introducción, expectativas, resumen de navegación y funciones, proceso de desarrollo con fechas y honorarios. Un ejemplo de la 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: sitemap, estructura de la página, arbol de navegacion, navegación del sitio, estructura del sitio, 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 aparecerá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" se llevará acabo.

Paso 4: Wireframes

Los wireframes son planos en negro y blanco no a escala que enseñan cada página del sitio web.

algo muy importante son los wireframes para el desarrollo de un gran sitio web. Nadie construye una casa sin planos, pero muchos desarrolladores aficionados omiten este paso tan importante y pasan a la fase de diseño de la maqueta. Lo hacen porque creen que los wireframos no ofrecen ningun beneficio. En realidad te ayudarán a ahorrar tiempo.

Los planos coinciden con las expectativas de los clientes y los desarrolladores de lo que se está haciendo. Además, cuando el usuario se involucra en el proceso de construccion de los planos, se da cuenta de la experiencia del desarrollador y que se toman en cuenta los detalles del proyecto. Haz los wireframes que valgan la pena. Qué crees? 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 inicio.

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 normalmente donde más del sesenta porciento de los paginas se paralizan. ¿Por qué? La recolección de contenido es una laboral 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.