RSS

5 Pasos para llegar a un mejor Diseño Web

Sab, Jul 4, 2009

Artículos

5 Pasos para llegar a un mejor Diseño Web

El proceso de desarrollo de un sitio web puede ser largo y tedioso, pero el resultado final debería ser gratificante. Como un diseñador de páginas web es muy fácil de identificar los sitios que fueron bien pensadas y otros que no lo eran. A continuación reunimos una compilación de los pasos mas relevantes al momento de realizar un diseño web.

1. Entrevista al cliente
He descubierto que la entrevista puede muy bien ser el paso más importante. Necesita saber toda la información posible acerca de su cliente y sus negocios. Si lo hace en persona, por teléfono o por correo electrónico que es importante tener un plan. Debe tener una lista de preguntas que necesita una respuesta. Cuanta menos información pueda llegar aquí más frustrante será para el proceso, lo será tanto para usted como para el cliente.

outlawdesignblog ofrece un fantástico punto de partida para este tipo de un cuestionario. Su pre-diseño de cuestionario puede ser fácilmente utilizado y ajustado a tus necesidades. Si puede conseguir que el cliente complete y responda a estos tipos de preguntas, entonces estará bien encaminado.

He encontrado a menudo la parte más difícil del proceso de diseño está contenido desde el cliente. Es una buena idea para animarles a escribir sus ideas. Muchas veces, a poner la pluma en el papel le ayudará a su cliente de reunir sus pensamientos. También, averigüe acerca de una buena oferta preexistente logotipos y comercialización que han hecho. Es el logotipo formato vectorial o de resolución lo suficientemente alta como para utilizar? ¿Tienen los colores, o un tema ya establecidos que les gusta? Infórmate sobre la empresa y los objetivos de la dirección.¿Qué quieren salir de un sitio web? ¿Necesitan de contenido dinámico? Un sistema de gestión de contenidos? Usted recibe la idea; personalizar un cuestionario como el que mencionamos anteriormente y puede evitar muchos de los errores más comunes.

2. Investigación
Usted ya sabe más acerca de sus deseos y necesidades de los clientes, ahora es el momento para que pueda sentarse y hacer la tarea. Trate de averiguar lo más que pueda acerca de la propia empresa.

Asegúrese de echar un vistazo a sus páginas web. De ninguna manera sugiero que copie su sitio, sino que se limita a buscar la inspiración y dirección. Usted puede aprender mucho sobre las necesidades de su cliente por mirar lo que otros en la industria ya lo han hecho.

En este punto debe saber del cliente sus gustos y disgustos, y debe tener una comprensión de lo que en sus negocios se trata. Puede empezar a reunir sus pensamientos y sus ideas de cómo aprovechar su sitio. Lo que nos lleva al siguiente paso.

3. Diseño Preliminar
Si no tiene organización, entonces su primera inclinación es ir derecho al ordenador y empezar a diseñar. Pero, por lo que perderá una parte importante del proceso creativo. Dibujar y escribir sus ideas en un bloc de notas es una gran manera de dejar correr su imaginación salvaje. La gente es generalmente más creativa cuando no están limitados por las dificultades de hacerlo en equipo.

Por lo tanto, coger cualquier portátil y empezar a moldear sus ideas. Luego esbozar el diseño de la concepción. La parte buena es que puede escribir notas a medida que ser tan desordenado y como tiene que ser. Después de todo, será el único que lo esta viendo. Yo prefiero casillas en las diferentes áreas del sitio: la cabecera, de navegación, el contenido, el número de columnas, pie de página, etc.

Este es un buen momento para experimentar con diferentes diseños y temas. Mantenga el dibujo hasta que haya algo que te gusta y sus ideas comienzan a tomar forma de verdad. Es en ese momento, puede encender el ordenador.

4. Maqueta
Es hora de abrir el programa de diseño que utiliza para maquetar el sitio web. Yo personalmente prefiero usar Photoshop. Es durante este paso que vosotros vais a reunir y sacar su esquema en alguno de estos programas.

Creo que es importante seguir una organizar. Guardo la mayoría de los componentes que se van a utilizar en diferentes divs en capas separadas y en carpetas separadas. Sin duda hay que tener en cuenta la forma en que el diseño funcionará cuando intente poner el código más tarde. Puede poner un contenido real en el diseño si tiene ya algunos, si no puede utilizar texto simple de relleno.

Cuando tenga un diseño que crea que el cliente y usted desean, guarde el archivo como un PDF. Muchas veces voy a utilizar diferentes composiciones en capas de Photoshop para mostrar un par de opciones para el cliente.

A continuación, enviar los archivos, generalmente por correo electrónico para su revisión. Estoy totalmente normal esperar a tener algunos cambios y por lo general escribir una segunda maqueta en el costo del diseño. En todo caso, continuar con este proceso de diseño hasta que el diseño final sea satisfactorio para ambas partes.

5. Código
Con el fin de evitar algunos de los errores comunes de relleno y los márgenes por defecto en los navegadores, es una buena idea usar algún tipo de visor CSS. También debe usar scripts PHP / ASP que extraiga los datos de una base de datos MySQL / SQL en mi sitio web. Para poner a prueba todo lo que he instalado localmente un simple servidor WAMP. ¿Cuál es el ahorro de tiempo?, bastante largo diría yo tratando de configurarlo de forma manual es mejor seguir los pasos automático que se realizas en poco tiempo. Si tienes un Mac o Linux estoy seguro de que hay opciones similares.

También es clave para verificar su diseño la vista en diferentes navegadores. Especialmente el IE, que puede causar un montón de cuestiones. BrowserCam proporciona una buena opción para hacer este tipo de cosas. Una vez que haya realizado todo esto en su sitio, es el momento de tomar las cosas en vivo.

Comprar el hosting, subir todo, luego de más pruebas. Una de las cosas que me gusta hacer es preguntarle a alguien de mi familia para que pueda navegar alrededor del sitio. Puede aprender mucho sobre la utilidad de ver a alguien más que use el sitio. Si son bastante analfabetos en computadora, tanto mejor. Usted realmente no puede asumir que la mayoría de las personas que utilizan el sitio tendrá la misma cantidad de experiencia que usted. En la mayoría de los casos no lo harán. Se centran en las áreas que necesitan mejorar, evitar conseguir que el usuario se pierda o este confundido. Revisar, modificar algunas cosas aquí o allá y pedir a sus clientes finales que lo prueben.

El punto principal es centrarse en romper los proyectos en partes más pequeñas. Los proyectos son mucho más manejables cuando se hacen dentro de unos trozos. Se puede tomar más tiempo al principio, pero a la larga, sus sitios se hará más rápido y más eficiente.

El equipo de x-web no se hace responsable de las versiones aquí expuestas. Las opiniones aquí vertidas pertenecen libremente al autor del Post.

Popularity: 3% [?]

Post Relacionados

, , , , , , , , , , , , , , , , , , , ,

Post escrito por:

Ubicaset - tiene escrito 22 posts en x-web.


Contactar con el autor

Deje un comentario