La autoestantería invisible

January 18th, 2010

autoestanteria

Una estantería per casa invisible, és increible i mira com es pot fer http://www.opendeco.es/estantes-invisibles-y-que-tus-libros-vuelen/ o si no la compres a dutch design. http://www.dutchbydesign.com/ukFurniture/Shelves/products-Selfshelf_443.htm

helvetica

December 30th, 2009

helvetica

usabilidad

October 28th, 2009

Usabilidad en 10 principios.

Muchas empresas piensan que la usabilidad web es caro, hasta hay multinacionales que se gastan bastante dinero en hacer tests de usabilidad e investigación, pero todo puede ser más simple, si usamos algunos de estos principios:

1. Incluir un lema

Es una declaración de principios: la filosofía y la misión de un sitio web. Este debe ser visible sólo entrar en la web y se debe resumir en una sola frase. Un sitio web tiene tan sólo 8 segundos para captar la atención del usuario. Con este podremos mantener al visitante más tiempo.

En pocas palabras, la usabilidad es fácil de hacer que su sitio web para sus usuarios a encontrar la información que necesitan cuando lo necesitan.

Un error común entre las empresas sobre la usabilidad web es que la usabilidad es caro. Sí, hay empresas multinacionales que gastan miles de dólares en pruebas de usabilidad y la investigación, pero para una empresa de utilidad diaria se puede lograr sin el conocimiento de expertos en usabilidad o sin equipo caro para la prueba.

Los diseñadores Web tienen un trabajo mucho más fácil de hacer, sólo mediante la lectura de artículos de uso que se puede acumular un conocimiento bastante bueno de aspectos básicos de usabilidad y cómo ponerlas en práctica en un sitio web.
1. Incluir un lema

Una frase es una declaración o un lema que representa una empresa, o en nuestro caso de un sitio web, la filosofía y misión. Debe ser el elemento más evidente en la primera página de un sitio web y se debe describir claramente el sitio web en una sola frase.

Las estadísticas muestran que un sitio web tiene sólo 8 segundos para captar la atención de un visitante para que puedan navegar por el sitio más. Sin un claro lema de un sitio web que tienen dificultades para mantener los visitantes el tiempo suficiente para navegar por las páginas interiores.

2. Aplicar búsqueda del sitio

Añador al sitio, el elemento búsqueda que nos permitirá buscar rápidamente que hacen en el sitio web. Según Jacob Nielsen - gurú de usabilidad - los campos de búsqueda deben ser de 27 caracteres para que el texto sea claramente visible y fácil de usar. Coloque el campo de búsqueda de texto en la parte superior de su página web, porque los usuarios tienden a buscar un sitio web con arreglo a la F, es decir desde la parte superior izquierda a la inferior derecha.

Incluye un botón de búsqueda y especificar claramente el texto de búsqueda.

3. No uso abusivo de gráficos

Con los elementos gráficos hay que usar el lema de Mies: menos es más.
4. Utiliza mapas de la web

Mapas del sitio web son una característica relativamente nueva que mejora la navegación web y optimización de motores de búsqueda (SEO). Son la representación estructural de las páginas de un sitio web y la arquitectura.

5. No romper el flujo de trabajo

El flujo de trabajo nos referimos a todas las operaciones que un usuario está haciendo en un sitio web. Por ejemplo, rellenar un formulario, registrarse en un sitio web, navegación por categorías, archivos, etc No rompa estos flujos de trabajo, permite al usuario cancelar cualquier operación. Al no dejar que el usuario cancela una operación, estamos obligándolos a terminarlo, incluso si no lo desea.

Otro error no es cambiar el color de los enlaces visitados, esto se traduce en la ruptura del diseño de la navegación. Haga saber a los usuarios dónde han estado y donde están en un sitio web.
6. Leer fácilmente páginas Web

La mayoría de los usuarios no leen las páginas web,  sinó que leen  títulos, negritas,  listas. … Según estudios el usuario lee el contenido en forma de H, lo que significa que la lectura se inicia desde la parte superior izquierda de la página web, al lado se mueve un poco a partir de la izquierda de nuevo.

Nielsen también señala las consecuencias de este patrón de lectura:

* Los usuarios no leerán una página de contenido web palabra por palabra, se va a extraer los puntos importantes, el texto en negrita, etc
* Los dos primeros párrafos son esenciales en una página web. Estos deben contener la información más importante que sus visitantes están buscando.
* Sub títulos y en las listas se destaca en los párrafos regular. Utilizar estos elementos para informar a los usuarios sobre la información importante.

7. No engañar al usuario con diseños de  controles de interfaz
Existen elementos gráficos que despistan al usuario como hacer elementos que parezcan un botón y no lo son, o ver que un texto se subraya y se parece a los vínculos, pero no se puede hacer clic. Esto hace que el usuario se desespere y finalmente se marche. Es muy importante ser coherentes en el diseño.

8. Retroalimentación

Este es el canal de comunicación entre el sitio y los usuarios, con la ayuda de comentarios que dejan los usuarios podemos saber qué está pasando en el sitio. En el caso de un error en su página web, invite al usuario a indicarle que ha salido mal.
A su vez cuando un usuario rellena un formulario, no haga que los usuarios tienen que rellenar la misma información dos veces. Por ejemplo, si un usuario se ha registrado en un sitio web y necesita rellenar un formulario en algún momento, no le pregunte por su nombre o cualquier otra información que éstas hayan facilitado ya, porque estos datos ya existen en algún lugar de un archivo o base de datos. Por el simple hecho de estos datos automáticamente estamos simplificando todo el proceso.
9. No Abuse Javascript

Con la llegada de Javascript y la técnica AJAX, diseñadores y desarrolladores web pueden crear sensible, transparente, sitios web, pero como en todas las nuevas tecnologías hay un coste. En nuestro caso, el coste es la inconsistencia del navegador web, por ejemplo no todos los usuarios tienen activado Javascript por defecto…

Mediante el uso de JavaScript en un sitio web ampliamente que bloquear estos usuarios. Utilizar en su lugar Javascript discreta y la degradación de agraciado.
10. Evite CAPTCHAs

El problema con CAPTCHAs son que cada tipo de método de verificación humana desencadena un proceso complejo en el cerebro de los usuarios (por ejemplo, averiguar el texto distorsionado, sumar dos números, etc.)

Otro problema con CAPTCHAs son las incoherencias en relación con las diferentes culturas. Por ejemplo, los símbolos de China, las cifras son diferentes de las cartas de la mayoría de los occidentales y los números arábigos. Los chinos tienen un tiempo mucho más difícil el uso permitido de letras cifradas formularios en línea.

Artículo traducido de http://www.webdesignerdepot.com/2008/12/10-usability-tips-for-web-designers/

billy

October 23rd, 2009

les estanteries billy ja tenen el seu propi llibre, per celebrar els seus 30 anys.

Més a: http://www.stilsucht.de/10/2009/30-jahre-billy/

You Are The CSS To My HTML

October 13th, 2009

disseny expandible

October 5th, 2009

em sona?

September 29th, 2009

i (love) pati núñez

September 22nd, 2009

Per la simplicitat, per els mínims….

Més info a: http://www.patinunez.com/

diseño web a la wikipedia

September 6th, 2009

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del Diseño Multimedial.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

Més a http://es.wikipedia.org/wiki/Dise%C3%B1o_web

13 Signs You’re A Bad Graphic Designer

August 23rd, 2009


Del blog d’un dissenyador australià: Just Creative Design, he trobat 13 signes que denoten que és un mal dissenyador i m’he rigut moltíssim. Així que aprofitant faré una traducció “cutre-salchichera” per a tots.

I tot comença amb aquesta imatge: comic sans+degradat de colors+ombres+”bisel y relieve” que crec que ja ho diu tot. [un altre dia parlarem del grup anticomics sans]

1. Helvetica
No fa gaire aquesta tipografía ha fet 50 anys i sabem que molts de nosaltres recurrim a ella. Fins i tot quan la reconeguis la veuràs per tot arreu on vagis. Ens recomana altres fonts (però no la Comic ehh!!!)

2. Cometes correctes i incorrectes, l’ús incorrecte de les “cometes o ´´ cometes….

3. Cometes volant, això passa amb alguns editors d’imatge….

4. Doble “Enter”

Cal que separem dos paràgrafs amb un enter

No se perquè?

A més sembla que els textos vagin separats un de l’altre.
No val la pena i crea desconnexió.

5. Dobles espais després d’un punt
Sembla una xorrada però això passa i molt! No calen dos espais amb un és suficient.

A més que guanyes amb això? Agraïm als copys que no es tornin bojos amb el word i els seus espais.

6. Capses de colors darrera els textos Una manera de donar importància als textos és posar color, però perquè no disfrutar del blanc?

7. Centrar textos
La veritat és que centrar textos no és una gran solució ja que moltes vegades el resultat és desastròs. Sempre es recomana els textos alineats a l’esquerra.

8. Bordes
Si tot ho bordejes potser és que no estàs segur amb el color blanc. Plantejate’l!

I Jacob Cass segueix amb més….
9. Sangrats
10. Guions
11.Relleus i ombres
12. 12 punts de tamany text
13.Subrallar
14. MAJUSCULES?

Podeu llegir més a
http://justcreativedesign.com/2007/12/06/bad-graphic-design/


© 2009 ebavs