Análisis de forma - función - look and feel

Basado en texto de Bosse Westerlund /

Tomaremos prestados algunos métodos que usa el diseño industrial y veremos si son aplicables al diseño de interfaces. Desde una perspectiva humana la interacción del software en muchos modos se asemeja a la interacción con productos físicos.

Métodos del diseño industrial

Form is Function / 2002

El usuario tiene que comprender

+ lo que el producto puede hacer por él, + como interactuar con éste, maniobrarlo y + cómo interpretar la reacción.

Por un lado este enfoque es bastante simple: describir lo que el producto debería hacer y luego chequear si la forma sostiene esa funcionalidad con sus signos.

Primero necesitamos describir el producto como un todo, no dividirlo en diferentes especificaciones. Necesitamos un concepto que cubra todos los aspectos de lo que el producto ofrecerá y hará por los usuarios.

Los diseñadores industriales usan el concepto de "función". Gedenryd escribe:

"La función del artefacto es igual al rol que jugará en esta situación cambiada, futura. Este rol será usualmente bastante complejo, como el artefacto tendrá aspectos en muchas dimensiones: social, organizacional y otros tantos como el ámbito físico." [Gedenryd 1998, p.156]

Análisis funcional

Este es un buen método para describir un artefacto con la ayuda de sus funciones previstas. Describir las funciones previstas al usar sólo un verbo y un sustantivo para cada función.

Las funciones diferentes son entonces clasificadas en 3 categorías.+ función principal (head function)+ funciones necesarias+ funciones deseables

Función principalgirar tornillos

Funciones necesarias

Funciones deseables

ajustarse a las manos

permitir palancamientominimizar dañoscuidar el medio ambiente

ajustar tornillos

Un análisis funcional de un artefacto trata de describir cada aspecto de su uso, en su sentido más amplio.

Análisis funcional

Cubre todos los aspectos del producto:

+ Aspectos técnicos + Aspectos legales + Aspectos estéticos

Por otro lado, se describen las , no las. Se plantea qué quiere que haga el producto,

no cómo.

funciones soluciones

Análisis semántico / semiótico

Signos

El concepto de un signo es esencial para el diseño. Tomaremos el modelo es desarrollado por Charles Sanders Peirce.

"Un signo... [en la forma de un representamen] es cualquier cosa que existe para alguien en lugar de otra cosa, sea cual fuere su acepción o ámbito. El signo va dirigido a álguien y crea en la mente de esta persona otro signo equivalente, o quizás más desarrollado. El signo que se crea lo llamamos interpretante del primer signo. Este signo existe por alguna razón, el propio objeto. Tiene sentido por ese objeto, no en todas sus acepciones, sino enfocado en una clase de idea particular a la que alguna vez me he referido como el terreno (ground) de la representación". [Peirce 2.228]

interpretante(el sentido que produce el signo)

representamen(el vehículo del signo)

objeto(lo que el significa el signo)

La linea punteada significa que puede no haber ninguna relación directa entre la forma del signo y lo que significa

La interpretación de los signos siempre depende de la experiencia del interpretante, edad, género, etnia, etc.

OBJETO

REPRESENTAMEN

INTERPRETANTESentido que le da

el intérprete

OBJETO

REPRESENTAMEN

INTERPRETANTESentido que le da

el intérprete

En este ejemplo hay una conexión directa entre el objeto (zapato) y el representamen (las "dentadas"), pero esto no es necesario para todos los signos.

Peirce identificó 3 categorías diferentes de signos:

En un índice el objeto ha afectado realmente el vehículo del signo. Ejemplo de indice son los registros (fotos, video), la huella del ejemplo anterior.

En un ícono el representamen (vehículo del signo) es percibido como asemejándose o imitando al objeto, como un retrato, caricatura o maqueta.

En un símbolo la conexión entre el objeto y el vehículo del signo es arbitraria y debe ser aprendida, por ejemplo las luces del tráfico, los alfabetos.

INDICE ICONO

SIMBOLO

Susann Vihma hizo una subdivisión de estos tres y concretizó a estos en 20 "modos de funciones de signo". Estos aspectos pueden ser usados como una checklist al analizar productos de diseño típicos. Como toda checklist puede ser muy útil pero debe al mismo tiempo ser usada con gran precaución ya que no cubre todos los aspectos de interés.

Índices relacionados a productos industriales:Una forma de apuntamiento, las flechas y punteros son a menudo encontrados en los botones de operación de las máquinas; a veces el producto mismo tiene tal forma.

Huellas de herramientas, usadas al fabricar.

Marcas de uso, abrasión, abolladuras, defectos, suciedad, etc.

Otras marcas, por ejemplo óxido y corrosión. Gotas de agua sobre la superficie de las botellas indican bebida fría.

Señales de luz y sonido, a menudo indican funciones técnicas de los aparatos y las computadoras.

Ruido, sonido de uso de un producto.

Olor, de un producto. Si el olor original es desagradable, puede estar alterado.

Toque/Tacto, del material puede indicar calidad. Al levantar un contenedor podés encontrar si está vacío o no.

Figuras gráficas, si son partes integrales del producto. Un ejemplo es la norma con escala y números. Hoy, la mayoría de los gráficos sobre los productos son realmente símbolos.

Íconos relacionados a los productos industriales:

La tradición de la forma, es normalmente usada como una referencia para el producto nuevo. La conformidad con la tradición y especialmente cualquier divergencia con ésta será notada y puede funcionar como un signo.

Color, puede a menudo referir a una cualidad: por ejemplo, blanco puede referir a limpieza. Material, por ejemplo dorado indica riqueza; - hormigón, frialdad emocional.

Metáfora, la semejanza de forma a un objeto no diseñado. Por ejemplo, el frente de un auto puede tener rasgos de un rostro.

Estilo, por ejemplo los estilos de períodos como el art nouveau; además las clasificaciones geométricas como estilo "esférico" vs. "cuadrado". Aquí de nuevo, la conformidad y la divergencia de los estilos conocidos (si hay alguno) será destacado.

Entorno, algunos productos industriales son diseñados para un entorno específico, por ejemplo la cocina; otros pueden tener la (falsa) apariencia de ser más diseñados, por ejemplo la apariencia de un auto deportivo.

Símbolos relacionados a los productos industriales:

Símbolos gráficos, por ejemplo logotipos, botones on-off, instrucciones de lavado en textiles.

Color simbólico, por ejemplo la alfombra roja.

Forma simbólica, por ejemplo los uniformes.

Posición y postura, cercanía, arriba o abajo.

Material, por ejemplo de un vestido indica status social y el carácter del evento social. [Vihma, comentarios del sitio web]

Análisis funcional y semántico combinados

Análisis funcional

Facilitar visitas (físicas)

Suministrar información (horarios de apertura, direcciones)

Alentar las visitas

Tener carácter (divertido, simple y serio)

Tener expresión (juguetón, carnavalesco)

Análisis semiótico

Íconos

Forma tradicional: menú arriba, símbolo de la empresa arriba a la izquierda.

Color: el color verde se asocia a la naturaleza, parques.

Estilo: circense, parque de diversiones, los títulos en las tres cajas a la izquierda tienen letreros que podrían remitir a los letreros de madera en los vagones del circo.

Análisis semiótico

Índices

Una forma de apuntamiento: flechas en el frente de los menús.

Huellas de las herramientas: radio buttons, campos de formulario, menus drop-down.

Señales de luz y sonido: hay señales de sonidos y luces en algunos campos. Se pueden escuchar avisos de radio grabados.

Análisis semiótico

Símbolos

Símbolos gráficos: Logotipo de Gröna Lund, logotipo de Tyrol, botón de enviar, estrella de "venta", banderas de inglés y finlandés.

Color simbólico: colores brillantes pueden significar juego, niños.

Análisis semiótico

Símbolos

Posición y postura: la ilustración animada de los parques es bastante grande, en el centro a la izquierda y por lo tanto atrae el interés.La forma y la posición de "botones" y "links" están diseñados de modo tal que guian a las personas a la información que está después. Los diferentes elementos tienen un estilo similar y ayudan al usuario a construir un carácter del sitio web que asemeja al carácter del parque real en muchos modos.

El sitio inspira y hace más facil para la gente visitar Gröna Lund. La conclusión es que los diferentes elementos sostienen las funciones deseadas del sitio web.

Para hacer un artefacto útil necesitamos mostrar sus funciones al usuario.

El significado que un usuario construye de interactuar con un artefacto depende tanto de su forma, el contexto y de la experiencia del usuario, bagaje, etc. La forma del artefacto es una función clave que puede ayudar al usuario a encontrar, entender y usar las otras funciones que un artefacto ofrece, es decir la forma es una función. La forma o los signos ayudan al usuario tanto a encontrar contenido como a entender el carácter del artefacto, especialmente cuáles podrían ser las expectativas relevantes.