ARTEgami

Fases del diseño de un sitio web

En Inclusión.es nos ofrecen un interesante artículo con las fases del correcto diseño de una web, que todos los que planeamos trabajar en esto deberíamos tener en cuenta e implementar.

1- Planificación: Objetivos, requisitos y el análisis de las necesidades.
2- Análisis: Arquitectura de la información y estudio de procesos específicos y críticos.
3- Prototipo: Tecnología y diseño de imagen.
4- Pruebas de usuarios y heurísticas
5- Implementación.
6- Arte Final
7- Pruebas de usuarios
8- Entrega y puesta en funcionamiento
9- Mantenimiento
10- Análisis de la consecución de los objetivos.

¿Ustedes utilizan estas fases a la hora de crear una web?

Tags: consejos, Diseño Web, planeacion

Posted in Artículos, Destacados | No Comments »

Crear un portafolio en nueve pasos

En el sitio FreelanceWitch publicaron una serie de nueve pasos para crear un portafolio exitoso en el cual mostrar tus trabajos de la forma adecuada.

1- Responder la pregunta: ¿Que tan bien nuestro sitio responde las preguntas del potencial cliente?
2- Concentrarnos en la simplicidad: A diferencia de otros sitios no hay que saturar de información. Simplemente brindemos los datos que respondan la pregunta anterior, de forma sencilla.
3- Optimizar la página de “acerca”: En un portafolio tiene mucha mas importancia que en un blog. El cliente entra esperando saber quien es el autor, que estudios tiene, que herramientas maneja, etc.
4- Provee medios claros de contacto: Lo ideal es crear solo una página exclusiva para informar los medios que el cliente tiene de contactarnos.
5- Crear página de “Contratarme”: Una forma ideal de ubicar que puedes hacer para el cliente y quizás un medio para enviarte un mensaje.
6- Muestra solo lo que vendes: Por ahí el portafolio muestra variados trabajos pero sólo quieres trabajar en un estilo. Esto es un error común, solo muestra aquello para lo que quieras que te contraten.
7- Di lo que se quiere oír: Sin mentir obviamente, cuenta que historias reales tienes, que hiciste, en que benefició a un cliente, etc.
8- Construye tráfico para convertirlo en posibles clientes: Consigue tráfico, causa una buena impresión en el campo y eso se transformará en mas clientela.
9- Algo de SEO: Como siempre, el SEO ayuda bastante.

Fuente: TuMenteCrea

Tags: Artículos, consejos, Portafolios

Posted in Artículos, Destacados, Freelance | No Comments »

9 Principios para crear un buen diseño

La gente de PsdTuts nos ofrece un interesante artículo (en inglés) que nos muestra nueve principios importantes para crear un diseño exitoso. Son varios los factores a tener en cuenta, pero la lista repasa los mas interesantes y es por eso quedeberían pasar a verlo.

1- Precedencia (guiando el ojo): Uno de los mas importantes. Lograr que el lector mire a donde deseamos. Un simple ejemplo es que cuando entramos a una web lo primero que vemos en general es el logo.

2- Espacio: Pensar que el espacio es lugar perdido es un error. El espacio muchas veces hace que todo se vea ordenado y claro y por ende, mas atractivo.

3- Navegación: Planear bien a donde el lector podrá dirigirse por medio del menú de navegación, donde ubicarlo, y demás detalles a tener en cuenta para que cumpla su tarea.

4- Diseñar para construir: Cuando creamos el diseño en Photoshop es importantísimo tener en cuenta cosas como si lo que creamos es posible de codificar, que pasaría en otras resoluciones, etc.

5- Tipografía: La elección de la letra, sus tamaños, espacio, color, etc.

6- Usabilidad: Hacer el sitio cómodamente accesible para nuestros lectores, pensar donde ubicar los elementos teniendo en cuenta a que va a reaccionar es algo importante si queremos que se sienta cómodo y lo recorra completo.

7- Alineación: Lo ideal es no mezclar varios tipos de alineación para mantener un orden coherente en el diseño.

8- Claridad: Hay que prestar atención y que nuestras imágenes no se vean pixeladas, las fuentes se vean bien definidas, etc.

9- Consistencia: Que todo combine. Las tipografías, los colores, los formatos. Todo se ve mejor cuando se encuentra dentro de un ordenasí que por que no buscarlo.

Fuente: BlogVecindad

Tags: Artículos, Diseño Web, tutoriales

Posted in Artículos, Destacados, HTML, Plantillas | No Comments »

22 sitios de ayuda para crear plantillas CSS

Como bien nos comentan en Vandelay Design, un diseñador siempre esta atento a encontrar nuevas herramientas que nos ayuden gratuitamente a ahorrar tiempo (sobre todo cuando la fecha de entrega de un proyecto nos apura) y simplificar el proceso de diseño. Actualmente con la cantidad de sitios que nos ayudan crear un template básico no debería llevar mucho tiempo.

Así es que listaron un grupo de 22 herramientas para crear templates CSS, mas bien “esqueletos” de plantillas, una base excelente para arrancar desde ahí con nuestro diseño y poder dedicarle mas tiempo. Se incluyen sitios para descargar plantillas con estructuras listas, otros para generar themes de Wordpress, y varios que podremos recorrer en busca de la ubicación que deseamos que los elementos tengan en nuestro proyecto.

Tags: herramientas, plantillas CSS, Recursos

Posted in CSS, Destacados, Recursos | 1 Comment »

Galería de sitios web

DarkEye es una galería de sitios web con algunos puntos que la hacen diferente a las demás. Para empezar, a diferencia de la mayoría de estos sitios en los que mandamos la dirección web y debemos esperar a que sea aceptada, aquí la inscripción es automática. Uno agrega laUrl, espera alrededor de 20 segundos (contador incluido) y ya lo veremos en “Today Design” (diseños de hoy). Solo deberemos agregar la dirección del sitio, el nombre, el nombre del diseñador si lo deseamos y listo.

Por otro lado para quienes entren solo a buscar inspiración y recorrer diseños, tendremos la posibilidad de buscar por colores. ¿Planeas un sitio en tonos verdes? Que forma mas fácil de encontrar inspiración que solo recorriendo sitios en este color.

Por último tenemos una sección de “Top 100″ con los cien diseños mas atractivos y la posibilidad de crear (mediante suscripción) nuestra propia selección de sitios, para crear una galería personal con nuestros ejemplos favoritos y poder votar por ellos.

Tags: Creatividad, Diseño Web, galeria

Posted in Creatividad, Curiosidades, Destacados | No Comments »