La segunda clase incia conversando sobre los principios básicos del diseño, diferenciando el diseño gráfico del diseño UX/UI la cual es que el diseño UX/UI es interactivo mientras que su contraparte es estático.
Para los usuarios UX se refiere a la experiencia que tenga el usuario y, el lado UI se refiere al diseño de todos los componentes que existen en una interfaz.
Conceptos clave!!!
Interfaz
Es el conjunto de elementos de la pantalla que permiten al usuario realizar acciones sobre el Sitio Web que está visitando. Por lo mismo, se considera parte de la interfaz a sus elementos de identificación, de navegación, de contenidos y de acción.
Diseño responsivo
Es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos. Desde pc a tablets y móviles, y por su puesto, en efectoVisual la utilizamos.
La psicología
Es una disciplina muy cercana al diseño, como diseñadores tratamos con la percepción, las emociones, y las necesidades que la gente experimenta cuando tiene cercanía con el diseño. Para desarrollar Diseño UX / UI podemos apoyarnos en los principios psicológicos de Gestalt. Analizaremos algunos datos sobre este asunto a continucación:
La psicología de la Gestalt (también psicología de la forma o psicología de la configuración) es una corriente de la psicología moderna, surgida en Alemania a principios del siglo XX.
El término Gestalt proviene del alemán, fue introducido por primera vez por Christian von Ehrenfels y puede traducirse, aquí, como «forma», «figura», «configuración» o «estructura»
Las leyes de la Gestalt, son una serie de reglas que explican el origen de las percepciones a partir de los estímulos. Existen múltiples reglas particulares, que se fundamentan en dos reglas generales:
La ley de figura y fondo
La figura es la zona de la percepción en la que se centra la conciencia y el fondo es el resto de la percepción. La ley establece que no es posible percibir simultáneamente la misma zona como figura y fondo, por lo que siempre existen elementos en los que la conciencia se centra y elementos que esta ignora. Cuando no existe dicha oposición de un modo literal, la mente la provoca, mediante el contenido del inconsciente. La percepción subliminal es la percepción del fondo que no llega a hacerse figura y, por lo tanto, no llega a la conciencia, pero influye, de todas maneras, en el inconsciente.
Ley de pregnancia o buena forma
Uno de los principios fundamentales de la percepción para los gestaltistas es la llamada ley de la prägnanz (traducido generalmente del alemán como pregnancia o, mejor aún, como principio de la buena forma), que afirma la tendencia de la experiencia perceptiva a adoptar las formas más simples posibles. Las partes de una figura que tiene «buena forma» o que indican una dirección o destino común forman con claridad unidades autónomas en el conjunto. Esta ley permite la fácil lectura de figuras que se interfieren formando aparentes confusiones, pero en donde prevalecen sus propiedades de «buena forma» o destino común, se ven como desglosadas del conjunto.
Leyes particulares
Principio de similitud
La mente agrupa los elementos similares en una entidad. La semejanza depende de la forma, del tamaño, del color y de otros aspectos visuales de los elementos. Además semeja las agrupaciones existentes en nuestra realidad a partir de la experiencia o praxis vivencial de nuestra memoria icónica.
Principio de proximidad
Habla del agrupamiento parcial o secuencial de elementos que lleva a cabo la mente, con base en la distancia. Los objetos adjuntos tienden a ser vistos como una unidad. Los estímulos que están próximos tienden a percibirse como parte de la misma unidad.
Principio de simetría
Las imágenes simétricas son percibidas como iguales, como un solo elemento, en la distancia. Este principio tiene tal trascendencia que va más allá del campo de la percepción de las formas y constituye uno de los principios o fenómenos fundamentales de la naturaleza. La biología, la matemática, la química y la física, incluso la misma estética, se organizan siguiendo las leyes especulares, simples o múltiples, de la simetría.
Principio de continuidad
Los detalles que mantienen un patrón o dirección tienden a agruparse juntos, como parte de un modelo. Es decir, percibimos elementos continuos aunque estén interrumpidos entre sí. Tiene elementos de cierre porque las partículas independientes tratan de formar figuras, partiendo de la ley de cierre. De igual modo, toma propiedades de la ley de buena figura o destino común, al generar la elección de las formas más simples y rotundas. También toma elementos de la ley de experiencia, pues se decide por aquellas formas que tienen figuras reconocibles o son más familiares para la persona que percibe (llamado perceptor). Este principio tiene como caracteres propios la manera de presentarnos las formas. Estas se nos muestran de manera incompleta, inconclusas, como abreviaturas o como esquemas de fácil interpretación.
Principio de dirección común
Implica que los elementos que parecen construir un patrón o un flujo en la misma dirección se perciben como una figura. Por ejemplo, las bandadas de pájaros que vuelan como un todo, es decir, como si se tratara de un organismo único.
Principio de simplicidad
Afirma que el individuo organiza sus campos perceptuales con rasgos simples, regulares y tiende a formas buenas.
Principio de igualdad o equivalencia
Dice que, cuando concurren varios elementos de diferentes clases, hay una tendencia a constituir grupos con los que son iguales. Esta experiencia la presentamos aislada, para evitar la influencia de otras leyes y por ello están equidistantes todos los elementos integrantes. Si las desigualdades se basan en el color, el efecto es más sorprendente que en la forma. Ahondando en las desigualdades, si se potencian las formas iguales, con un color común, se establecen condicionantes potenciadores, para el fenómeno agrupador de la percepción. En el caso de que el color no sea común en ambas figuras, acceden ampliamente a ser vistas como experiencia visionaria.
Principio del cerramiento o del cierre
Las líneas que circundan una superficie se captan, en igualdad de circunstancias, más fácilmente como unidad o como figura, en comparación con aquellas otras que se unen entre sí. Las circunferencias, cuadriláteros o triángulos producen el efecto de cerramiento. Esta nueva ley parece ser operativa porque señala el hecho de que las líneas rectas paralelas forman grupos más definidos y estables que los puntos, que delimitan un espacio con más dificultad. Al igual que esto las manzanas son rojas tan claro como que existen diferentes colores así mismo existen diferentes personalidades.
La clase finaliza con la tarde de identificar los principios de la Gestalt en plataformas y sitios web.
Para concluir quiero recordar un poco mas sobre Diseño:
Experiencia de Usuario UX
La experiencia usuario es un conjunto de factores y componentes asociados a la interacción del usuario con un entorno o dispositivo concreto, que le dará una perspectiva positiva ó negativa del producto, dispositivo, servicio.
Diseño de Interfaces UI
Se refiere a todo aquello con lo que los usuarios interactúan directamente, es lo que ve y toca en una página web, una aplicación o un dispositivo cualquiera. Cabe destacar que, UI es la parte visible de la interface, mientras que UX es la parte oculta, conceptos que muchas veces prestan a confusión.