Sketch para diseño Web y prototipado, desterrando Photoshop

post - - leave a reply - share
Interfaz de Sketch

Después de 13 añacos! usando Photoshop para diseño Web (sí, sí para diseño web) y muchísimos intentos por pasarme a otras alternativas, ahora por fin puedo gritar a los 4 vientos el cambio por Sketch.

Así como la versión 1 apenas le dedique media hora, la 2 volví a intentarlo pero nada, finalmente la versión 3 me ha convencido. Tiene una interfaz muy bien trabajada, muy intuitiva, fácil de comprender y hacerse con sus entrañas. Y no solo es perfecta para diseño Web, sino también muy eficaz para prototipar en fase de wireframes. Por último destacaría la brutal cantidad de recursos y su creciente comunidad, esto le asegura una buena evolución.

Dejo por aquí algunos links que me parecieron interesantes cuando me sumergí en Sketch.

Tutoriales

Recursos

Prototipado

Un tanden estupendo para la fase de wireframes inVision + Sketch.
Screenshot 2016-04-15 12.25.12

Acerca del significado del color blanco

quote - - 2 replies - share

El significado del color blanco me encaja a la perfección con esta descripción:

El blanco no es una mera ausencia del color; es algo brillante y afirmativo, tan orgulloso como el rojo, tan definido como el negro… Dios pinta con muchos colores, pero nunca pinta de forma tan maravillosa, casi diría con tanta ostentación, como cuando pinta en blanco.

G.K. Chesterton

En internet el blanco se percibe como: objetividad y funcionalidad. Y tiene una fuerte connotación de recuerdo a los medios impresos.

Mis colores favoritos ya se saben 🙂 se aprecian bien en aurea.es: blanco, azul y rosa.

¿El diseño aburrido es usabilidad?

post - - 2 replies - share
levmano

Retomando a Lev Manovich, descubro que habló sobre la usabilidad en una entrevista publicada por ArtNodes de UOC: Definitivamente, creo que estamos en el principio.

En una de las preguntas Manovich comenta que no le gustan los defensores de la usabilidad web, pues cree que no tienen ningún criterio estético y están proponiendo algo que resulta extremadamente aburrido.

En mi opinión, no puedo estar más en desacuerdo con esta postura.
El primer pensamiento que puede tener tanto un diseñador como un usuario es que la usabilidad puede mermar la creatividad y que las convenciones de diseño que a su vez favorecen al campo de la usabilidad van en detrimento de las posibilidades creativas. Se puede llegar a pensar que incluso si seguimos todas las convenciones favorables en usabilidad acabaríamos con un diseño global homogéneo y aburrido.

Nada más lejos de la realidad. Los diseñadores siempre han estado expuestos a convenciones y también a restricciones en todos los medios de expresión, desde la pintura en lienzo al diseño web. De hecho el diseño web es diseño de interacción por lo tanto estamos expuestos a tener en cuenta la conducta humana en este medio.

Las convenciones de usabilidad y las restricciones impuestas por el diseño de interacción más que minar nuestra creatividad la agudiza, haciendo que sigamos siendo creativos pero teniendo en cuenta dichos factores.

Recuerdo una cita que lo ilustra perfectamente:

Diseño es arte optimizado para conseguir objetivos. Shimon Shmueli

Inconsistencia en el diseño web

post - - leave a reply - share

Los sitios web deberían de ser coherentes con su diseño e identidad. Es bueno que el diseño siga una guía de estilo y no varié esos patrones de una página a otra. Probablemente la home sea la única página “con licencia” para variar un poco la navegación y organización de los contenidos, pero nunca debería romper con la guía de estilo adoptada.

Read more

Rediseño de aurea.es 2008

post - - 2 replies - share

Tercera versión de aurea.es en 3 años de vida que ya tiene este sitio web (y parece que fue ayer…).
Hasta aquí todo normal sino fuese porque las últimos 2 rediseños se hicieron este mismo año.

No hay nada más difícil que ser tu propio jefe y más si eres meticuloso y le das un millón de vueltas a mil tonterías, con una inversión en tiempo exagerada. Pero bueno a base de esas mil tonterías uno cree que evoluciona. El tiempo me dará la razón o me hará caer del árbol…

La lista de novedades ocupa varios folios y como es más aburrido leerlas que descubrirlas os invito a navegar por el nuevo sitio web.

Enlaces relacionados:

Principios del diseño universal

post - - leave a reply - share

La accesibilidad se sustenta en una serie de principios que componen lo que se conoce como diseño universal.

  1. Igualdad: El producto/servicio ha de ser útil para cualquier persona independientemente de sus capacidades.
  2. Flexibilidad: Se debería poder adaptar a las preferencias y capacidades individuales de cada usuario.
  3. Simplicidad: Fácil de utilizar y sin tener en cuenta la experiencia, conocimientos, habilidades o concentración del usuario. En este punto juega un papel crucial la usabilidad.
  4. Información: El usuario tendría que poder interactuar con la información de forma eficiente y sin importar sus capacidades sensoriales o las condiciones ambientales que le rodeen.
  5. Tolerancia: Es positivo evitar o minimizar las consecuencias negativas derivadas de acciones fortuitas o accidentales por parte del usuario.
  6. Esfuerzo: Su uso tiene que ser eficiente y requerir el menor esfuerzo posible.
  7. Dimensión: Se debe facilitar el espacio apropiado para el uso, independientemente del tamaño, posición, y movilidad del usuario.

Diseño universal aplicado a la web

De toda esta teoría saco en conclusión que lo importante es comprender (o tener siempre presente) que la web es usada:

  1. De modo diferente.
  2. Por personas diferentes.
  3. Y bajo entornos diferentes.

De tal forma que el contenido web sea accesible independientemente:

  1. Del modo en que se use la plataforma y el agente de navegación.
  2. De la diversidad de personas y discapacidades que puedan presentar.
  3. De cuál sea el software, hardware y entorno con el que se va acceder a la información.

La muerte del icono “disquete” como “guardar”

post - - 6 replies - share

Al hilo del anterior post “Reconocer o memorizar en un sitio web“, me parece interesante comentar el problema que puede darse con el icono “disquete” como opción para “guardar”.

Actualmente es normal reconocer ese icono para la acción de “guardar”, creo que de ser sustituido por otro icono puede provocar serias confusiones al usuario, y es que este icono se ha convertido en un estándar de facto.

¿Cuál es entonces el problema? Hoy en día las disqueteras están desapareciendo, seguro que ya nadie o muy pocos usan disquetes como sistema de almacenamiento, incluso creo que ya pocos conservamos algunos disquetes, más por un recuerdo que por otra cosa. En las generaciones venideras lo normal es que el usuario se pregunte ¿qué es ese icono que tiene esa forma tan rara?. Y es normal, porqué puede que solo usen ‘pen drives’, DVDs, etc.

Inteligentemente Google Docs usa el típico disquete en la posición de siempre y también un botón “Guardar” (sin icono), en un lugar privilegiado y con un tamaño adecuado para realizar esta acción (la más importante ante un fichero recien creado).

Reconocer o memorizar en un sitio web

post - - leave a reply - share

Los usuarios tienden a reconocer (rastrear) la información, opciones y funcionalidades de un sitio web antes que intentar predecirlas y posteriormente memorizarlas. Esto es debido a que el reconocimiento resulta más sencillo que la memorización.

Como postula Jakob Nielsen, los usuarios pasan la mayor parte de su tiempo visitando otros sitios web, cada uno de ellos con sus características, diseño y funcionalidades. ¿Qué razón tiene el usuario para memorizar concretamente el nuestro?.

Read more

Diseño VS. Usabilidad

post - - 1 reply - share

En algunas ocasiones puede parecernos que la usabilidad merma nuestra creatividad y que las convenciones de diseño que  a su vez favorecen al campo de la usabilidad van en detrimento de nuestras posibilidades como diseñadores. Se puede llegar a pensar que incluso si seguimos todas las convenciones favorables en usabilidad nuestros diseños serían todos iguales.

Nada más lejos de la realidad. Los diseñadores siempre hemos estado expuestos a convenciones y también a restricciones en todos los medios de expresión, desde la pintura en lienzo al diseño web. De hecho el diseño web es diseño de interacción por lo tanto estamos expuestos a tener en cuenta la conducta humana en este medio.

Las convenciones de usabilidad y las restricciones impuestas por el diseño de interacción más que minar nuestra creatividad la agudiza, haciendo que sigamos siendo creativos pero teniendo en cuenta dichos factores.

El diseño puramente gráfico debe servir a unos propósitos. Recuerdo una cita que lo ilustra perfectamente.

Diseño es arte optimizado para conseguir objetivos Shimon Shmueli