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 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 camino y nos gustaría compartir algo de esta información contigo. Debido a que nos dedicamos al diseño web, este artículo ha sido escrita principalmente desde la perspectiva del desarrollador. Bien, quien sea debería ser capaz de entenderlo y con toda seguridad podría aprender de webs, ¡si no mucho más!
los diseñadores web necesitan seguir las instrucciones cuando elaboran 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 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". Esto es muy cierto y es un factor importante en la rentabilidad (o no) de una web 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 poca tiempo 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 podria alinear adecuadamente tanto al cliente como al programador para el éxito pronto. Esto es relevante porque cualquier tipo de transacción comercial debe hacerse sólo en una situación de "ganar-ganar" para todos.
Paso 2: Propuesta
Cuando necesites formalizar algo, escríbelo. Puedes llamarlo contrato; la idea es realizar un documento que tanto el diseñador como el usuario entiendan lo que se está entregando, 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á solicitando para que haya pocas o ninguna idea equivocada sobre el trabajo que se está haciendo.
La propuesta debe incluir, como mínimo, las siguientes secciones: Inicio, lo que se espera, resumen de navegación y funciones, tiempo de desarrollo con fechas y honorarios. Un ejemplo de la propuesta. por consiguiente, la propuesta debe ser un esquema 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, mapa de navegación, navegación del sitio, organigrama del sitio, etc... normalmente, aqui es tiempo de organizar las secciones 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... 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 que enseñan cada página del sitio web.
algo muy importante son los wireframes para el desarrollo de una pagina web grande. Nadie construye una casa sin planos, pero muchos desarrolladores aficionados omiten este etapa muy importante y pasan a la fase de diseño de la maqueta. Lo hacen porque piensan que los wireframos son una pérdida de tiempo. En realidad son un gran ahorro de tiempo.
Los wireframes diseño paginas web coinciden con las expectativas de los usuarios y los programadores de lo que se está construyendo. por si fuera poco, cuando el cliente toma parte en la etapa de creación de los wireframes, ve el profesionalismo del desarrollador y la atención a los detalles del proyecto. Enfocate que los wireframes sean buenos ¿Adivina qué? Después en el proyecto, el cliente suele a tener ya una visión favorable de su pagina ya que ha estado involucrado desde el principio.
Paso 5: Recolección de contenido
usualmente, 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 terminan. ¿Por qué? La creacion de contenido es una laboral que depende mucho del cliente, ya que es importante reunir copias, videos, testimonios, videos, 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 "compre" y entienda la importancia de tener toda información.