Lectura C211 - Navegación.

En la navegación, la transmisión de la información es importante para proporcionar las claves necesarias, y para ofrecer estructura y organización, además de un contexto para el usuario. Los links son muy importantes para permitir al usuario moverse libremente en las páginas mediante un menú fácil de usar y ubicar.

En el diseño del sitio se debe analizar a detalle cuál es la información prioritaria para el cliente dejando de lado información específica de la empresa, la cuál no le interesa a la gente. Para evitar este tipo de problemas se pueden seguir estos cinco pasos que resultan muy útiles:
1.- Dividir el contenido en unidades lógicas.
2.- Establecer una jerarquía de importancia entre las unidades.
3.- Utilizar una jerarquía para estructurar los vínculos entre unidades.
4.- Construir un sitio que siga de cerca la estructura de información propuesta.
5.- Analizar el éxito funcional y estético del sistema.

En cuanto a la estructura del sitio, se cuenta con secuencias para ir de lo general a lo específico con información lógicas y en orden cronológico. La retícula sirve para organizar manuales de procedimientos o listados universitarios. La jerarquía se organiza a partir de una página denominada "home" y de ahí se desplantan las páginas más específicas a manera de sub-páginas. La telaraña se refiere a como el mismos usuario va determinando como explora la página siguiendo sus intereses particulares, aunque es màs recomendable para páginas pequeñas para evitar confusiones a la hora de navegar.

Existen 13 componentes principales dentro de un sitio:
1.- Páginas principales: Todas las demás páginas dentro del sitio deben tener link de acceso a esta. Aquí se debe incluir la información más importante así como menús de enlaces y contenidos.
2.- Página principal orientada: Se expone la información más relevante que se puede dividir por intereses de los usuarios.
3.- Portada: Es la bienvenida de una página mediante el salpicado de pantalla, aunque el usuario puede prescindir de ella accesando directamente a la página principal.
4. Retícula base para el diseño de página: Es importante contar con ella para cambiar o reorganizar tu página.
5.- Menús y subwebs: Sirven para organizar y guiar a los usuarios mediante temas establecidos, aunque no se debe sobrecargar para evitar excesivo tiempo de carga de página.
6.- Indices de materias: Se refiere a contenidos y mapas del sitio, palabras claves e información reducida.
7.- Página novedades: Evita que la página se vuelva monótona mediante últimas novedades y actualizaciones dentro de la misma.
8.- Buscadores: Encuentra la información mediante palabras clave.
9.- Información del contacto: Sirve para proporcionar datos importantes y estar en contacto con el usuario mediante, mensajes, preguntas o sugerencias. Tambien se incluye direcciones, números de teléfono y fax, etc.
10.- Mapas: Instrucciones de como navegar o como acceder al lugar físico.
11.- Bibliografía o apéndices: Links de páginas web para ser consultadas.
12.- Páginas FAQ (Frequently Asked Questions): Se muestran las preguntas más frecuentes de los usuarios.
13.- Páginas de error de servidor: Explican el porque no se puede mostrar una página en ese momento.

Lectura C003 - Prototyping for tiny fingers

Los modelos denominados Lo-fi se refiere a prototipos con un perfil bajo que el diseñador gràfico utiliza para analizar cada aspecto de un proyecto tomando en cuenta el mismo diseño, funcionalidad y calidad. Todo esto puede ser muy util a partir de sketchboards a manera de bocetos o ideas iniciales para despuès comprobar la factibilidad del mismo y aplicar un lenguaje codificado en pruebas para usuarios potenciales. El mensaje final al usuario es el aspecto màs importante que se debe lograr dentro de este diseño. Este debe ser calificado por diferentes expertos para moldearlo poco a poco en busca del resultado final.

Este metodo es uno de los màs antiguos pero màs utilizados principalmente por empresas, al igual que Trojan meme, para comprobar la eficiencia y funcionalidad de diferentes modelos en situaciones reales. Segùn Retting la importancia de los bocetos radica en que se pueden evitar problemas antes de las primeras pruebas. Aquí resulta muy importante la retroalimentacíon con el fin de mejorar y llegar a un mejor resultado final. Es sumamente importante que el mismo diseñador no se considere como usuario.

Tarjeta de presentación.

Decidí tener un diseño por ambos lados por considerar que así se puede sacar el mejor provecho a un tarjeta de presentación en cuanto a diseño e información.

Espacio - Interiorismo & Consultoría de Imagen.

Este es el resultado final. Respetando todos los conceptos establecidos en la etapa inicial, representa el tipo de empresa que estoy ofreciendo en todos los sentidos: textura, color, forma, profundidad, movimiento. Espacio no solo ofrece proyectos y remodelaciones en interiorismo, sino además consultoría de imagen personalizada en el lugar en donde se piensa trabajar, vivir, o realizar diversas actividades, siempre buscando la completa satisfacción del cliente.

Puliendo los detalles.

Ahora ya se empieza a ver la sensación de profundidad al utilizar las tres dimensiones, dando la sensación de movimiento a través del espacio que se genera en cada una de sus líneas. El siguiente problema a enfrentar fue el color. Decidí utilizar una sola paleta de colores para darle continuidad en cada una de sus fases. Primero utilice el azul, pero me pareció demasiado técnico y no representativo de mi concepto. Después decidía pasar al verde pero tomando una sola tonalidad, pero esto le restaba movimiento, por lo que opté por utilizar la paleta de color de los verdes en orden descendiente partiendo del color 62 para lograr el efecto deseado.

Boceto final.

- 1 sola paleta de colores.
- Tipografía Gulim.
- Profundidad.
- Movimiento.
- Forma

A partir de este boceto se dará el prototipo final ya que cumple con los requerimientos y especificaciones establecidos anteriormente. Aunque todavía necesita pulirse y tomar forma, ya se empiezan a ver los detalles de la conceptualización y el nombre, el cual será Espacio.

Diseño y desarrollo.

- Primeros bocetos.
- Ideas iniciales.
- Trabajo en Illustrator y AUTOCAD.
- Colores.
- Formas.
- Tipografías.
- Profundidad.
- Movimiento.

Análisis de requerimientos.

- Usuario: aquellas personas que requieran una consultoría de imagen para un lugar específico.
- Técnicos: Adobe Illustrator, AUTOCAD, Microsoft Word y Power Point.
- Contenido: Información necesaria acerca de mi empresa.
- Estéticos: Colores representativos y fuertes.
- Conceptuales: Profundidad, movimiento, que te atrape, espacio.
- Desarrollador: Congruencia, fuerza, confianza, trabajo, esfuerzo.

Inicio, conceptualización.

- Algo divertido pero serio.
- Colores llamativos que muestren el perfil de la empresa.
- Un slogan que me identifique.
- Sensación de movimiento.
- Sensación de profundidad.
- Que llame la atención a primera vista.

Lectura C004 - Composición.

El proceso de composición es el paso más importante en la resolución del problema visual. Los resultados marcan el propósito y el significado de la declaración visual. Es aquí donde el comunicador ejerce el control más fuerte sobre su trabajo. En el lenguaje, la sintaxis significa la disposición ordenada de palabras en una forma apropiada. En el contexto, esto solo puede significar la disposición ordenada de partes.

Percepción y comunicación visual: En la confección de mensajes visuales, el significado no estriba sólo en los efectos de la disposión de elementos básicos, sino en los macanismos perceptivos humanos: creamos un diseño a partir de colores, contornos, texturas y tonos. El resultado es una composición, intención. Los dos pasos están enfocados para servir a un propósito. El elemento más importante de la experiencia visual es el carácter tonal. Es a partir de la luz que se dientifican los demás elementos visuales. Las variantes a estas declaraciones visuales son infinitas. El resultado final es la verdadera declaración del artista.

Según la psicología Gestalt, en conjunto, lo físico y lo psicológico son términos relativos, nunca absolutos. Ambas crean la percepción de un diseño. Los acontecimientos visuales incorporan una reacción. El significado inherente a la expresión abstracta es intenso.

Equilibrio: La influencia psicológica y física más importante sobre la percepción humana es la necesidad de equilibrio del hombre. El equilibrio es la referencia visual más fuerte y firme del hombre. No hay un método de cálculo tan rápido, exacto y automático. Es tan fundamental en la naturaleza del hombre. Es el estado opuesto al colapso. Es una estabilización entre un eje principal vertical y uno secundario horizontal

Tensión: Muchas cosas del entorno no parecen tener estabilidad, como el cìrculo. Tanto para el emisor como el receptor de la información visual, la falta de equilibrio y regularidad es un factor desorientador. La conexión entre la tensión relativa y el equilibrio rlativo se pone de manifiesto en cualquier forma regular. La tensión no es ni buena ni mala, depende de la comunicación visual. Es el factor principal en la busqueda de la alfabetividad visual, aunque no es lo único que domina al ojo.

Nivelación y aguzamiento: Armonía y estabilidad son polos que generan tensiones en la composición. Se denominan nivelación y aguzamiento. A través de nuestras percepciones automáticas podemos establecer un equilibrio o una falta de equilibrio, podemos reconocer fácilmente las condiciones visuales abstractas. La vista es el sentido que menos energía gasta.

Preferencia por el ángulo inferior izquierdo: El ojo favorece la zona inferior izquierda de cualquier campo visual. Esto se debe principalmente a que el lado izquierdo tiene un riego sanguíneo mayor que el derecho.

La complejidad , la inestabilidad y la irregularidad incrementan la tensión visual. Existen dos categorias fundamentales de la composición: la composición equilibrada, racional y armoniosa, y la composición exagerada, distorsionada y emocional. Resulta excepcional encontrar en la naturaleza o en las obras del hombre ejemplos de estado de equilibrio ideal.

Atracción y agrupamiento: La fuerza de atracción en las relaciones visuales constituye la ley del agrupamiento. Crea una circunstancia de toma y daca de la interacción relativa. Los opuestos se repelen y los semejantes se atraen.

Positivo y negativo: Lo positivo o lo negativo no equivalen a oscuridad, luminosidad o imagen especular. Lo que domina la mirada en la experiencia visual se considera elemento positivo, y elemento negativo aquello que actúa con mayor pasividad.