Publicado el Abril 12, 2009 por coerulea
[...] Las buenas interfaces dan soporte a los objetivos de los visitantes (y clientes), respondiendo visual y estructuralmente a dos cuestiones apremiantes:
¿Qué es esto? ¿Qué clase de sitio es este? ¿Cuál es su finalidad? ¿Qué mensajes se están transmitiendo o qué servicios se ofrecen? ¿A quienes va dirigido este sitio? Si está dirigido a mí [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Julio 31, 2008 por coerulea
Propuesto por Mayhew, consta de tres fases:
Análisis de requisitos.
Diseño, evaluación y desarrollo.
Instalación.
Análisis de requisitos
Establecimiento del perfil del usuario.
Análisis conceptual de las tareas.
Definición de las restricciones y necesidades de la plataforma de uso.
Principios de diseño a aplicar.
Diseño, evaluación y desarrollo
Se definen tres niveles:
Diseño conceptual. Construcción de maquetas que representan la interacción con el sistema.
Diseño de las [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Julio 5, 2008 por coerulea
De acuerdo con Marcus [1992] existen 5 niveles en el diseño de iconos agregando semiótica:
Cualidades léxicas. Marcas generadas por computadora [silueta de pixels, color, brillo, parpadeo]
Sintaxis. Apariencia y movimiento [líneas, patrones, partes modulares, tamaño, forma]
Semántica. Objetos representados [concreto frente abstracto, parte frente todo]
Pragmática. Legibilidad, utilidad, facilidad para identificarlo, facilidad para memorizarlo y agradabilidad a nivel [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Junio 26, 2008 por coerulea
Diseño de la página principal
Algunas cosas que debe tener una página principal:
Identidad y misión del sitio. La página principal tiene que decirnos qué es este sitio y para qué es, y si es posible, por qué deberíamos estar aquí y no en otro sitio.
Jerarquía del sitio. La página principal tiene que dar una visión conjunta [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Junio 25, 2008 por coerulea
Diseño de la navegación
Convenciones de la navegación web
Las convenciones especifican, la apariencia y la ubicación de los elementos de navegación, de manera que nos permiten saber en todo momento lo que buscamos y dónde encontrarlo cuando lo necesitamos.
Navegación coherente o global. Conjunto de elementos de navegación que aparecen en todas las páginas del sitio.
Jerarquía visual [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Junio 25, 2008 por coerulea
… innecesarias, el arte de no escribir en la Web
17. Omítanse las palabras innecesarias.
La escritura vigoroso es concisa. Una frase no debe tener palabras innecesarias y un párrafo debe omitir las frases superfluas por el mismo motivo que el dibujo debe prescindir de las líneas innecesarias y cualquier aparato de las partes inútiles.
E.B. White en [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Junio 24, 2008 por coerulea
Diseño de páginas para hojear, no para leer
Para asegurar que ven los usuarios:
Creación de una jerarquía cisual clara en cada página.
División de las páginas en zonas claramente definidas.
Dejar bien claro sobre lo que se puede hacer clic.
Creación de una jerarquía visual clara
Qué cosas están relacionadas entre sí y cuáles son parte de otras.
Las páginas con una [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Junio 23, 2008 por coerulea
Ojear, ser suficiente y arreglárselas
No leemos las páginas; las hojeamos.
¿Por qué?
Normalmente tenemos prisa.
Sabemos que ho hay que leerlo todo.
Somos buenos en ello.
No tomamos decisiones óptimas. Nos es suficiente.
En el diseño de las páginas tendemos a contar con que el usuario hojea una página, considera opciones disponibles y elige la mejor.
No obstante, en realidad, la mayor [...]
Archivado bajo: Notas | Deja un Comentario »
Publicado el Junio 22, 2008 por coerulea
Primera norma de la usabilidad de Krug
Todo lo que con ello quiero decir es que, hasta lo humanamente es posible, cuando se mire una página web ésta ha de ser obvia, evidente, clara y fácil de entender.
‘Entender’ = qué es y cómo usarla.
Lo que nos hace pensar
Vínculos
Botones
Nos hacen dudar si podemos o no pulsarlos.
Lo que [...]
Archivado bajo: Diseño, Notas | Deja un Comentario »
Publicado el Mayo 28, 2008 por coerulea
Los menús desplegables definitivamente ahorran espacio. Desafortunadamente, sufren de algunos problemas:
Tiene que buscarlos.
Son difíciles de consultar.
Resultan incómodos.
Los desplegables son más eficaces para listas de elementos conocidos ordenados alfabéticamente.
La solución…
¿Supone este desplegable con estos elementos y estos términos dentro de este contexto particular una buena experiencia para la mayoría de las personas que probablemente utilicen este sitio?
Archivado bajo: Diseño, Notas | Deja un Comentario »