10 Signos de un Diseño Enfocado al Usuario...

Publicado a las 22:44:04 en Diseño (13)


Imagen de andrewcollinson

Traducción del artículo escrito por Steven Snell. Leer artículo original aquí.

Cuando contruimos un nuevo sitio web o rediseñamos uno existente, los diseñadores web nos enfrentamos a todo tipo de retos, incluyendo el de mantener contento al cliente, creando un sitio que de resultados, y atendiendo atendiendo a los clientes al mismo tiempo. Durante el proceso de diseño y desarrollo es fácil distraerse y pasar por alto la importancia de la usabilidad. Ya que nosotros somos los que creamos el sitio, lo conocemos mucho mejor que cualquier visitante lo hará, y a veces es fácil olvidar el impacto en los usuarios.

Construir un sitio web realmente utilizable requiere el tipo correcto de prioridades y pruebas. Con el énfasis sólo en crear un sitio que se vea muy bien o que genere ganancias efectivamente, la usabilidad puede estarse dejando de lado fácilmente. A través de los procesos de diseño y desarrollo, hagan un esfuerzo para ver el sitio como si fueran alguien que lo visita por primera vez y verán si cambia su opinión sobre los puntos fuertes y débiles del sitio.

Leer Más...

Escrito por Phillipe en lunes, 25 de mayo de 2009 | Comentarios (0)

Compartir: | | Más

10 Paradojas del Diseño Gráfico...

Publicado a las 20:30:21 en Diseño (13)

Traducción del artículo escrito por Adrian Shaughnessy. Leer artículo original aquí.

Recién he terminado de escribir un libro sobre diseño gráfico. Sí, justo lo que el mundo necesita -- otro libro de diseño gráfico. En mi defensa, el libro es acerca de las cosas de las que no se escriben demasiado. Trata con temas como el rechazo, envidia y plagio. Hay también algunas entradas sobre kerning, la sabiduría de utilizar sólo letras minúsculas, y los méritos del Univers. Pero mayormente es un libro sobre las cosas suaves -- las cosas con las lidiamos en nuestro día a día y tendemos a dar por sentado.

Escribiendo este libro descubrí que muchos aspectos del diseño gráfico son paradójicos. Estoy utilizando la palabra paradoja aquí como significado de una opinión o declaración contraria a lo que se acepta comúnmente. Y mientras existen otras, aquí estan mis diez paradojas de diseño gráfico del día a día.

Leer Más...

Escrito por Phillipe en lunes, 04 de mayo de 2009 | Comentarios (1)

Compartir: | | Más

Logo Of The Day: Galería Diaria de Buenos Logos...

Publicado a las 22:42:02 en Diseño (13)

Jacob Cass, juntamente con Jeff Fisher, han lanzado una nueva web que resulta de gran interés para todos los que nos dedicamos al diseño. Se trata de una web llamada Logo Of The Day, en donde diariamente van publicando un logo que realmente vale la pena mostrar.

Actualmente, considerando que la web es reciente, cuentan con pocos, pero de gran calidad, logos publicados, pero ya que la idea es publicar uno diariamente, en poco tiempo se podrá apreciar una gran cantidad.

Leer Más...

Escrito por Phillipe en viernes, 28 de noviembre de 2008 | Comentarios (0)

Compartir: | | Más

Los 10 Mandamientos del Diseño Web...

Publicado a las 14:49:25 en Diseño (13)

Traducción del artículo por Timothy Long. Leer artículo original aquí.

 

  1. No abusarás del Flash.
  2. No ocultarás contenido.
  3. No desordenarás.
  4. No abusarás del uso de reflejos vidriosos (glassy).
  5. No nombrarás a tu compañía Web 2.0 con excedente o escasez de vocales.
  6. Rendirás culto en el altar de la tipografía.
  7. Crearás experiencias de inmersión para los usuarios.
  8. Serás sociable.
  9. Acogerás tecnologías demostradas.
  10. Harás rey al contenido.

 

Escrito por Phillipe en miércoles, 02 de julio de 2008 | Comentarios (0)

Compartir: | | Más

Por qué un Diseño de Logo NO cuesta $5.00...

Publicado a las 23:46:15 en Diseño (13)

Traducción del artículo escrito por Jacob Cass. Leer el artículo original aquí.

El diseño de logos está subestimado en el mundo de hoy. Las personas no comprenden la importancia de un buen logo y qué tan valioso es para sus negocios y es por eso que voy a esbozar algunos hechos muy importantes qué mostrarán exactamente por qué el diseño de un logo no debe costar $5 y por qué un logo no es algo para tomar a la ligera.

En términos generales, lo haré comparando el "diseño barato de logos" con el "diseño profesional de logos" y esbozaré las razones por las que diseñadores profesionales de logos no cobran esos precios tan bajos y por qué se debe invertir en un diseño profesional de logo.

¿Qué es un Logo?

Para comprender lo que un logo debe hacer, debemos saber primero lo que es un logo. Wikipedia explica que "un diseño de logo es para reconocimiento inmediato, inspira confianza, admiración, lealtad e implica superioridad. El logo es un aspecto de la marca comercial de una compañía, o entidad económica, y sus formas, colores, tipos de letra, e imágenes usualmente son diferentes de otros en un mercado similar. Los logos también son utilizados para identificar organizaciones y entidades no comerciales."

Leer Más...

Escrito por Phillipe en jueves, 29 de mayo de 2008 | Comentarios (5)

Compartir: | | Más

5 preguntas a evaluar al diseñar un sitio web...

Publicado a las 18:02:59 en Diseño (13)

Traducción del artículo escrito por Joshua Clanton. Leer artículo original aquí.

Es muy común el escuchar a los diseñadores web quejarse de que los clientes no entienden un buen diseño. A veces estas quejas están justificadas. Pero muchas veces el problema no es el cliente, sino que el diseñador ha fallado en educarlos sobre qué constituye un buen diseño web.

E incluso hay veces en que, a pesar de todos los pronósticos, el diseñador puede simplemente estar mal.

En todas estas situaciones, es importante contar con una serie de preguntas claras para que tanto cliente como diseñador puedan evaluar un diseño de manera objetiva. He aquí dichas preguntas:

Leer Más...

Escrito por Phillipe en lunes, 31 de marzo de 2008 | Comentarios (3)

Compartir: | | Más

Desktopography: Exhibición de Wallpapers...

Publicado a las 21:08:43 en Diseño (13)

Buscando un buen wallpaper (papel tapiz) para el escritorio del Windows, encontré un sitio web que sirve como exhibición de unos wallpapers realmente impresionantes.

Se trata de Desktopography, y desde el año 2005, vienen realizando una recopilación de trabajos de diseñadores muy buenos, y desde entonces, cada año se presentan más trabajos (en el 2005 sólo se presentaron 10, en el 2006 fueron 25, y en el 2007 fueron 40).

Leer Más...

Escrito por Phillipe en jueves, 03 de enero de 2008 | Comentarios (1)

Compartir: | | Más

¿Qué tipos de letra utilizar?

Publicado a las 18:00:40 en Diseño (13)

Muchas veces, al diseñar un sitio web, uno prepara el diseño con las imágenes, colores y tipos de letra, pero si bien en la pantalla del diseñador se ve perfecto, en la del usuario final puede no verse así, ya que puede no tener el tipo de letra utilizado instalado en su sistema.

La propiedad font-family de CSS nos permite especificar qué tipos de letra utilizar, e incluso nos permite dar alternativas en caso de no encontrarse instaladas en el sistema en el que se muestra la web. De no encontrar la primera, buscará la segunda; de no encontrar la segunda, buscará la tercera, etc.

p {font-family: "Franklin Gothic Medium", Arial, sans-serif;}

Aún así, es difícil saber qué tipos de letra puedan tener instalados los usuarios, sobre todo considerando los diferentes sistemas operativos.

Leer Más...

Escrito por Phillipe en martes, 18 de diciembre de 2007 | Comentarios (3)

Compartir: | | Más

phillipecw en Mojizu...

Publicado a las 12:34:23 en Diseño (13)

Desde el 22 de Mayo del año 2006, pertenezco también a la comunidad de Mojizu, que es una comunidad que se dedica a desarrollar personajes caricaturescos (por decirlo de alguna forma).

Desde entonces, he publicado 3 de mis "creaciones":


"elFlip" © phillipecw 2006

"Annoyed Rabbit" © phillipecw 2006


"Bird's Band" © phillipecw 2007

 Actualizado:  también pueden ver "Bird's Band" desde deviantART

 

Escrito por Phillipe en viernes, 28 de septiembre de 2007 | Comentarios (0)

Compartir: | | Más

Prueba tu web en diferentes navegadores...

Publicado a las 20:28:56 en Diseño (13)

Si bien hace un tiempo publiqué sobre un programa que permitía instalar Múltiples Versiones de IE a la vez, a veces uno necesita probar en más navegadores si es que se ve bien.

Para lograrlo, uno puede comenzar a instalar cada uno de los navegadores existentes, pero siempre llega a un punto en el cual no puede instalar los que son exclusivos de uno u otro sistema operativo.

Para ello, existe la web Browsershots, que permite visualizar cómo se ve una web en diferentes navegadores, ya sean para Windows, Mac OSX o Linux.

Es muy sencillo de utilizar. Lo que se debe hacer es ingresar la URL de la web que se desea y luego seleccionar los navegadores en los cuales quiere uno visualizar dicha web.

Como opciones adicionales, se pueden especificar resolución de pantalla, cantidad de colores, si se desea Javascript, Java y/o Flash activado.

Luego de enviar la solicitud, puede tomar varios minutos el obtener los resultados, pero pueden resultar útiles.

 

Escrito por Phillipe en martes, 11 de septiembre de 2007 | Comentarios (1)

Compartir: | | Más

Combinaciones de Colores...

Publicado a las 14:18:57 en Diseño (13)

Si siempre que haces un diseño tienes problemas al momento de elegir una buena combinación de colores (que es algo que me sucede a menudo), he aquí algunas herramientas que te pueden ayudar.

Color Schemer Studio ($49.99)

La primera es la web de Color Schemer, en la cual se puede encontrar el programa Color Schemer Studio, el cual es de gran ayuda al momento de combinar colores.

Lo interesante de este programa es que te permite extraer combinaciones de colores únicas a partir de imágenes, lo cual resulta de gran utilidad.

El programa no es gratuito, teniendo un precio de $49.99.

Además, permite imprimir tus combinaciones de colores. Pero no solo eso. En la web del programa también podemos encontrar una gran galería de combinaciones de colores listas para descargar para utilizar en el programa, aunque también sirven como referencia para tus propios proyectos, en caso de no querer adquirir el programa.

Color Scheme Generator 2 (gratuito)

Pero si lo que deseas es una herramienta gratuita que te ayude con tu elección de combinación de colores, puedes hacerlo en línea desde el Color Scheme Generator 2.

Esta herramienta te permitirá elegir tu combinación de colores, otorgándote los códigos HTML de los colores resultantes, listos para utilizarse en tu proyecto.

Espero que estas herramientas les sean de utilidad. Aunque recomendaría el uso del Color Scheme Studio por las opciones que ofrece, como obtener combinaciones únicas a partir de imágenes, el Color Scheme Generator 2 resulta ser una muy buena alternativa al ser gratuita.

 

Escrito por Phillipe en domingo, 09 de septiembre de 2007 | Comentarios (3)

Compartir: | | Más

Clean CSS: Optimiza tu código CSS...

Publicado a las 12:39:41 en Diseño (13)

He aquí una herramienta para diseñadores web... Sobre todo si tu codificación en CSS no es muy ordenada, o sientes que puede ser ordenado de una mejor forma...

¿Para qué optimizar? dirán ustedes... Pues para obtener archivos CSS de menor tamaño y con código mejor escrito y ordenado... Espero que les sea de utilidad...

Escrito por Phillipe en lunes, 06 de agosto de 2007 | Comentarios (0)

Compartir: | | Más

El significado de los colores...

Publicado a las 14:05:17 en Diseño (13)

En WebUsable.com publicaron un artículo muy interesante sobre los colores y sus significados.

Enlace: El significado de los colores

Muy recomendable para todos los que nos dedicamos al diseño.

Escrito por Phillipe en sábado, 04 de agosto de 2007 | Comentarios (3)

Compartir: | | Más