RESUMEN DE LECTURA WEB!!!!!

· Navegación:
Un usuario necesita generalmente situarse dentro de un contexto, encontrar su lugar dentro de una estructura de información. En los documentos en papel, esta percepción del “donde estoy”, es una mezcla de signos de estructura y gráficos proporcionados por el diseño grafico del libro, la organización del texto y la propia sensación física del libro como objeto.
Toda página Web debe proporcionar al usuario las claves necesarias para situarse en contexto y ofrecer pistas acerca de la estructura u organización de la información, pues solo una mínima parte de la Web es visible de una vez.
Si los botones estándar de los navegadores “Anterior” y “Siguiente”, se complementan con los botones “Página Anterior” y “Página siguiente” en la propia página Web, el usuario tendrá herramientas de navegación a través de los contenidos de la Web, ordenados según se hayan dispuesto. Una barra de botones puede además contener información de donde te encuentras, a la manera en que lo hacen los libros en papel con sus cabeceras. Estos enlaces son fijos dirigidos hacia documentos asociados.
Una barra de botones se puede construir con enlaces en formato de texto o con una serie de botones individuales en la parte de cada página.
· Diseño del sitio:
En esta fase del proyecto se tomaran las principales decisiones acerca de que es lo que quiere el público al que te diriges, que es lo que se quiere decir y como organizar los contenidos para satisfacer al usuario en la mayor medida posible.
*Organizando la información:
Pasos esenciales en la organización de la información:
1. Dividir el contenido en unidades lógicas
2. Establecer una jerarquía de importancia entre las unidades
3. Utilizar la 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
Un lector aprecia siempre los pedazos cortos de información que pueden ser localizados y visualizados de forma rápida. Trocear la información puede facilitar su organización y exposición de manera uniforme.
El concepto de trocear la información debe ser flexible y consistente con sentido común, con una organización lógica y conveniente. Una vez determinado un conjunto lógico del sitio permite al usuario prever eficazmente donde puede encontrar las cosas.
Se debe de conseguir una gradación de menús y páginas que un usuario medio perciba como natural, y que confunda o interfiera con el uso que haga del sitio.
Si la Web esta en continuo crecimiento, el equilibrio correcto entre menús y páginas de contenidos es un factor dinámico fundamental.
Una tabla de contenidos puede ser una herramienta fundamental para la navegación. Un sitio Web se construye alrededor de unos temas estructurales básicos. La forma más sencilla de organizar la información es colocarla secuencialmente. Una secuencia lineal es la organización más adecuada para sitios de formación o educativos.
Las retículas son la mejor manera de organiza muchos manuales de procedimiento, listados de cursos universitarios o descripciones de casos médicos. Las unidades individuales de la retícula deberán compartir una estructura de temas y subtemas extremadamente uniforme, haciendo comprensible al público la estructura general del producto.
Una jerarquía en la información es la mejor manera de organizar cuerpos de contenidos complejos. Se supone que para el constructor de la Web una eficaz disciplina en aras de una mayor aproximación analítica hacia los contenidos, pues solo funciona s el material está bien organizado.
Las estructuras organizadas en forma de telaraña suponen pocas restricciones en cuanto a patrones en el uso de la información, el fin es muchas veces imitar el pensamiento asociativo y el flujo libre de las ideas, permitiendo al usuario segur sus propios intereses y generar modelos únicos, heurísticos e idiosincrásicos, dificultan al usuario la predicción y comprensión de lo que se muestra.
· Temas en el diseño del sitio:
Las aplicaciones Web dirigidas a la instrucción en temas concretos tienden a presentar un diseño lineal. Una buena aplicación para la enseñanza se construye generalmente alrededor de una narrativa central fuerte, pero permite a menudo hacer paréntesis interesantes fuera del propio sitio Web. Los enlaces son el aspecto más potente de la Red, pero muchas veces puede constituir una distracción que desvía a los usuarios del curso propuesto.
El público que desee seguir un curso de autoformación puede llegar a irritarse si la estrategia de diseño es demasiado restrictiva o lineal. En este tipo, se conoce algo por lo general del tema por lo que se necesita un diseño de estructura flexible, no lineal e interactiva, pues es difícil predecir que temas son lo que más van a interesar. La opción de imprimir el material es un requisito indispensable para este tipo de usuario.
Un sitio Web de referencia bien diseñado permitirá al usuario acceder a encontrar lo que busca e imprimir o descargar fácilmente lo que ha encontrado. No se utilizan modelos lineales, los componentes gráficos deberán de ser mínimos y la estructura de contenidos y menús debe organizarse cuidadosamente para que se permita una gran agilidad en la búsqueda y recuperación de los resultados para facilitar la descarga de los archivos y su impresión a papel.
· Componentes del sitio.
Todo sitio Web se organiza a partir de una página principal o home que actúa como punto lógico de entrada a un sistema de páginas Web. La página principal interpreta una gran diversidad de funciones. Algunos diseños se aprovechan ante todo de su enorme grado de visibilidad pues, con seguridad, es la página más visitada de la Web, y por esta razón es la página ideal donde exponer noticias e informaciones de última hora.
Página principal como menú.
Un diseño sofisticado combinara los mapas de imagen con bloques de enlaces en formato de texto. Estos últimos tienen un menos impacto visual pero ofrecen una mayor agilidad ante repentinos cambios de última hora.
Página principal de noticias.
La información en vivo hace la página principal más interesante y probablemente, facilita que el usuario repita su visita. El usuario puede desorientarse si al estructura de la página principal, cambia con demasiada frecuencia.
Página principal orientada.
El usuario accede a un sitio Web, generalmente con unos intereses muy concretos, es muy ventajoso utilizar la página principal para dividir inmediatamente el público, en distinto grupos de interés, y así ofrecerles una información más completa y relevante, acorde con sus intereses y dispuesta en páginas, menú que lo dirigen, sin tantos preámbulos, a zonas más internas del sitio.
Las portadas o páginas de bienvenida de una página Web-splash screens o “salpicar” la pantalla- son probablemente el elemento más discutido de todo el diseño Web. La clave esta en evaluar el publico que se tiene y, en función de ello, escoger el tipo de entrada que se desea. Una portada elegante pero poco funcional, puede, resultar irritante.
El éxito de estas páginas de bienvenida depende mucho de las expectativas particulares del usuario que visite la Web.
Gráficos o texto: decidir la cantidad de elementos gráficos con que queremos “abarrotar” la página, una utilización vigorosa de elementos gráficos puede ser muy efectiva para captar la atención del navegante, imponen un elevado tiempo de descarga, refleja la necesidad de ajustarse a un público diversificado con distintas expectativas.
La mejor manera de satisfacer al mismo tiempo tanto las necesidades de usuario esporádico como las de uno muy específico, es que usa la Web frecuentemente, es ofrecer opciones alternativas y simultaneas, ofrecer dos tipos de página principal:
*Una más orientada al público en general, que sea atractiva visualmente y otra que ponga especial atención en un acceso rápido a los contenidos, con listas de enlaces en formato de texto.
*Utilizar un encabezamiento grafico en la parte superior de la página, seguido por una densa lista de enlaces en formato de texto.
Si se escoge depender exclusivamente de un mapa de imagen donde insertar los enlaces, es muy importante proporcionar listas de enlace en formato de texto, que permanezcan a la vista incluso si el usuario opta por desactivas la visualización de los elementos gráficos de su navegador.
Retícula base para el diseño de página: cuando diseñas un sitio Web de grandes dimensiones, es mucho más importante concentrarse en la retícula base que van a compartir la mayor parte del as páginas de la Web. El éxito global de la Web dependerá más de una estructura y retículas convincentes, que de una página principal muy atractiva.
Menús y subwebs: en sitios complejos con gran variedad de temas, no es muy conveniente cargar la página principal con docenas de enlaces. Crear una página de submenús para cada una de las temáticas de la Web generara una pequeña home para cada una de estas secciones.
Listas de recursos, páginas de enlaces: en una Web empresarial o institucional, una página con enlaces a “otros sitios interesantes”, bien editada y con un mantenimiento periódico, puede ser de gran valor, además de favorecer una considerable suma de visitas en busca de recursos. Los índices de materias y de palabras clave de la información de la Web son una manera relativamente sencilla de proporcionar una orientación clara del volumen, la organización y el contexto de los contenidos que se incluyen. Los mapas de sitio aportan al usuario una visión general de los contenidos.
*Los mapas del sitio de Web, complejas son, se debe de utilizar metáforas sencillas que esbozan los contornos entre los que se instalan los contenidos de una Web.
*Los mapas del sitio son: elementos gráficos, y por tanto, cuando se decide añadir u organizar la información, se necesita dedicar más tiempo y esfuerzo, para cambiarlos, que si fuera una lista en formato texto.
Página novedades
Si los artículos del menú de la página principal se actualizan, se puede colocar una imagen con la palabra “nuevo” al lado de cada nuevo apartado. Sin la fecha de la última actualización, el usuario no tienen ninguna pista para saber si lo que hay impreso es actual o ya esta caducado.
Buscadores
En sitios web de gran tamaño, las herramientas de búsqueda son una necesidad, e incluso es conveniente en los sitios que no son tan granes pero tienen documentos muy extensos. Las búsquedas por palabras clave ofrecen al usuario un listado de enlaces específicos para continuar la navegación, pero no aportan una visión global del carácter y la naturaleza de la información a la que nos lleva cada uno de ellos, ni tampoco de la estructura que se ha utilizado, los menús y los índices por material facilitan esa visión de conjunto global, pero si el usuario está buscando una información muy concreta, que no se menciona en los contenidos, puede perderse lo que se ofrece. Si el sitio es complejo ofrece un menú desplegable con las distintas secciones en las que limitar la búsqueda.
Información de contacto y relación con el usuario
Proporciona siempre, en un lugar destacado de la Web al menos un enlace a la dirección de correo electrónico, se puede incluso pedir información del visitante, o comentarios, a través de un formulario Web y luego utilizar una base de datos para almacenas y analizar la información que han aportado. Si no se dispone de un espacio suficiente o adecuado en la página principal para colocar dicha información, se debería al menos establecer un enlace hacia una página que la contenga. Para asegurarse de que se encuentra de manera eficaz y segura se puede utilizar un mapa grafico, direcciones en formato de texto, información acerca de los hoteles más cercanos, o incluso la distribución de cada una de las plantas del edificio.
Bibliografías o apéndices
Las bibliografías, glosarios de términos o apéndices que pueden abultar en demasía para esta inserto en cualquier informe empresarial, pueden integrarse fácilmente dentro de una Web para que puedan consultarse a discreción.
Paginas FAQ
+Exclusiva: la FAQ una página en donde se listan las preguntas más comunes de los usuarios, junto a sus respectivas respuestas, para facilitar apoyo e información a grupos de trabajo, dentro de una institución o un grupo profesional que depende de una oficina central de dirección, puede mejorar la comprensión de la información y de los sentidos que se ofrecen por parte del usuario y reduce el volumen de trabajo del personal de apoyo.
Paginas de error del servidor
Si deseamos una página de error bien diseñada, debería ser consecuente con la apariencia y filosofía generales de la Web, proporcionar algún tipo de explicación acerca de porque se ha producido el error, sugerir algunas alternativas y facilitar enlaces a la página principal local, al índice de la Web o a un pagina con un buscador.
· Diseño en internet frente a diseño de intranet
Los sitios Web de carácter extremo intentan captar a un público general el usuario tiene siempre una escasa motivación a quedarse, y por ello debe ser constantemente seducido y premiado con imágenes bonitas, o contenidos brillantes para que habiten el sitio durante más tiempo, una buena Web intranet reúne información útil, la organizan sistemas lógicos y la entrega eficazmente. Las empresas o universidades que antes adoptaron la red son las que sufren de una mayor desorganización, pues cada uno de los grupos o departamentos ha desarrollado por si mismo su propio lenguaje grafico, diseño de internas o su propia arquitectura de la información.

IDEA PARA SITIO WEB

Mi idea para realizar la pagina web es; desarrollar un sitio en el cual se muestren prendas de vestir para perros de todas las razas y temporadas o eventos, quiero utilizar mi logo como nombre de la empresa y enfocarme en mostrar algunos diseños de ropa, con la finalidad de que los clientes entren al portal y se empapen de toda la variedd que existe de vestidos para sus mascotas, incluir una ventana en la cual puedan contactarme, y me gustaria no se que tan factible seria, realizar un intro antes de ingresar a la pagina o ya dentro de la misma.
Quiero que el portal se vea elegante pero divertido, los colores por los cuales me inclino de entrada serian negro y azul, pues son los que predominan en mi logo, utilizaria imagenes y me gustaria hacer enfasis en la flor de loto para utilizarla como fondo en algunas ventanas y botones.
y como opcion tentativa quisiera que incluyera alguna pista musical para darle al portal un toque fresco y atractivo.

“PROTOTYPING FOR TINY FINGERS”

Building prototypes on paper and testing them with real users, is called low fidelity prototyping or “lo-ti” for short. Paper prototyping is potentially a breakthrough idea for organizations that had never tried it, since it allows you to demonstrate the behavior of an interface very early in development, and test designs with real users if quality is partially a function of the number of iterations and refinements a design undergoes before it hits the street, lo-fi prototyping is a technique that can dramatically increase quality.

¶ The problems with HI FI
*Hi-fi prototypes take too long to build an change; you can’t evaluate an interaction design until after it is built, but after building, changes to the design are difficult.
*Reviewers and testers tend to coniment on “fil and finish” issues; with a slick software prototype, you are just as likely to hear criticism about your choice of fonts, color combination and button sizes.
*Developers resist changes; they are attached to they work because it was so hard to implement.
*A prototype in software can set expectations that will be hard to change.
*A single bug in a hi-fi prototype can bring a test to a complete hall; to test effectively, your prototype need to be complete and robust enough for someone to try to do something useful with it.

¶ A tojan meme
It did more than reproduce itself through the department. It serves as a vehicle for spreading a general appreciation of the value of usability design: developers saw first-hand the difference in people reactions to successive refinements in their designs.
The interface design community as “Formative evaluation” meaning that you are evaluating your design while it is still in its formative stages. Testing is used as a kind of natural selection for ideas, helping your design evolve toward a form that will survive in the wilds of the user community.
With summary evaluation you find out how well you did, but you find out too late to make substantial changes.
The prototyping effort needs to be carefully planned and follow by adequate testing and evaluation.

¶ Building a Lo-Fi prototype.
1. Assemble a hit: it may be hard to get all the materials you need by rummaging through the supply closet in the copy room. Lo-fi designers sometimes find inspiration in the materials at hand.
2. Set a deadline: no matter how hard you think about it you aren’t going to start getting it right until you put something in front of actual users and start refining your idea based on their experience with your design.
3. Construct models. Not illustrations: make what you need to simulate menus dropping down, dialogs popping put, selection highlights and so forth.

¶ Preparing for a test.
Select your users
Prepare test scenarios: write a set of scenarios, preferably drawn from task analysis describing the product during use in a typical work situation.
Practice

¶ Conducting a test
*Greeter: welcomes users and tries to put them at case.
*Facilitator: takes the lead, and is the only team member who is allowed to speak freely during the test. Giving the users instructions, encouraging the user to express his or her thoughts during the test, and making sure everything gets done on time.
*Computer: if the user touches control, the computer arranges, taking care not to explain anything other than the behavior of the interface.
*Observers: The interface is on trial, not you, if you fail to understand something or can’t complete one of the tasks, that’s a sign of trouble with the design, not a lack of intelligence on your part.

¶ Evaluation results
Lo-fi or hi-ti, prototyping is worthless unless information is gathered and the product is refined based on your findings.

DESCRIPCION 3er: PROYECTO!!!!!!

El proyecto a desarrollar para este parcial es la creacion de un sitio Web, en que se pueda utilizar el logotiopo diseñado el parcial pasado, ademas de que el software que se utilizara para la realizacion de esta actividad es Flash y Dream weaver, se utilizaran animacines realizadas por mi relacionadas con el tema de la pagina, creacion de botones con links a tres ventanas minimo de la misma pagina.

ELEMENTOS SELECCIONADOS PARA EL DISEÑO

Estas son algunas imagenes que encontre para utilizar en mi diseño

PRIMEROS BOCETOS DE LOGO!!!!!

Estos son algunos de los primeros bocetos que realice para el diseño del logo.

PROYECTO DE LOGO!!!!!

Finalmente, termine el diseño de mi marca corporativa, que me definiera como persona, durante la realizacion, se fueron complementando mucho mejor los elementos que queria utilizar, como lo mencione desde un principio el nombre que utilice fue: YATIS, ya que es una palabra con la cual muchas personas me conocen, el elemento que utilice para resaltar un poco mas algunos atributos fue una flor de loto, ya que me parece algo muy delicado, femenino y sobre tod expresivo, desde un principio la idea que tenia acerca de la tipografia fue casi la misma, ya que queria representar la palabra por medio de elementos entrelazados diseñados por mi, debido a que no se distinguian correctamente preferi utilizar, atendiendo al consejo de Alex, una tipografia similar pero preestablecida.

El tono que utilice fue azul, pues es un color que me gusta mucho y significa claridad, algo que tambien queria plasmar en el diseño.

RESUMEN DE LECTURA: logo"

“RESUMEN DE LECTURA”
La composición se entiende como el paso más importante en la solución de problema visual. Es precisamente en esta etapa en la cual el comunicador tiene mayor control de su trabajo para poder expresar el estado de ánimo que desea par la obra. Se sabe que en este tema no existen reglas absolutas más bien se tiene comprensión de lo que puede ocurrir en términos de significado para obtener una organización y armonía de los medios visuales.
Percepción y comunicación visual.
Para confeccionar un mensaje visual se puede decir que creamos un diseño a partir de los elementos básicos que se explican más adelante, el resultado de esta composición es la intención del artista. El siguiente paso es proceso de absorber la información del mensaje que resulta a través de los ojos. La interpretación que cada persona le da a este mensaje es la percepción. Hoy que recalcar que el elemento más importante dentro de la experiencia visual es el carácter tonal, quedando los demás elementos como secundarios.Se pueden percibir algunas variables dentro de la declaración visual las cuales consisten en hacer énfasis de algunos elementos a favor de otros y también la manipulación de esos elementos utilizando las técnicas de manera estratégica.
· Equilibrio
El hombre encuentra el equilibrio hasta en la forma de pararse en la que se para, es por esto que el constructo horizontal-vertical es la forma básica entre el hombre y su entorno.
· Tensión:
Hay figuras como el círculo que no parecen tener estabilidad, es por eso que el hombre para suplir esa necesidad de equilibrio impone un eje vertical en el centro y una base horizontal y los utiliza como referencia a esto se le conoce como tención visual. Este es el medio que no sirve para crear un efecto que tenga potencial económico y directo en la transmisión de la información. También es importante tener en cuenta al analizar los elementos que hay muchos otros aspectos sobre la misma que deberían ampliarse y que esta no es lo único que domina al ojo.
· Nivelación y aguzamiento
En un campo visual con forma rectangular la nivelación se lograría colocando un punto en el centro geométrico de un mapa estructural sobre este cuadro y esto nos ofrecería sorpresa visual, por otro lado el aguzamiento seria colocar el punto en un lugar excéntrico por ejemplo en la esquina derecha del cuadro. Cuando el punto no está claramente en el centro de la imagen ni en una esquina sucede lo que se conoce como una situación de ambigüedad.
· Preferencia por el ángulo inferior izquierdo
Entre las formas en las que la tención visual puede maximizarse esta en aprovechar el hecho de que el ojo favorece la zona inferior izquierda, esto se puede atribuir a la forma de leer occidental en la que vamos de derecha a izquierda.
· Atracción y agrupamiento
Un punto aislado en un campo se relaciona con todo, cuando existen dos puntos significativamente separados luchan por atraer la atención y dan la impresión de que se repelen. Mientras más cercanos están los puntos se va creando la impresión de que se armonizan y por lo tanto se atraen y así se va agudizando el efecto mientras los puntos son más cercanos.
· Positivo y negativo
La significancia de este elemento se explica tomando en cuenta que hay elementos separados que están unificados en los acontecimientos visuales. Un ejemplo claro de esto sería la introducción de un punto dentro de un cuadrado, el punto absorbe la atención alejándola del cuadro, a esta situación se le denomina significancia de lo positivo y lo negativo.
Elementos básicos de la comunicación visual.
Los elementos básicos de la comunicación visual son: punto, línea, contorno, dirección, tono, color, textura, dimensión, escala y movimiento. Estos elementos son la materia prima de la comunicación visual que está formada por selecciones y combinaciones selectivas. Para poder comprender la estructura del lenguaje visual primero que nada debemos conocer los elementos visuales.
· El punto
Es la unidad más simple, por lo tanto es la más pequeña de la comunicación visual. La utilidad del mismo además de ser la base es que sirve como referencia o como un marcador del espacio. La capacidad única de los puntos para guiar la mirada se hace más fuerte cuando estos se aproximan más.
· La línea
Se forma cuando los puntos están tan cercanos entre si que no se pueden distinguir individualmente, también se llega a definir como un punto en movimiento. La línea es precisa y siempre tiene una dirección y un propósito, nunca es estática y es el elemento visual principal para los bocetos.
· El contorno
La línea describe el contorno y articula su complejidad. Los contornos básicos son el cuadrado, el triangulo y el circulo. Estas son figuras planas y simples de fácil descripción y construcción.
· La dirección
Existen tres direcciones básicas que son expresadas por los contornos, estas son: horizontal y vertical, diagonal y curva. La horizontal y vertical son las más importantes ya que sirven como referencia como ya lo mencionamos si no que facilita el equilibrio no solo del hombre si no de todas las cosas que se construyen y diseñan. La diagonal es la más provocadora y la curva remite a la repetición y el calor.
· Tono
Los bordes en que se usa la línea aparecen en diferentes intensidades de oscuridad o claridad del objeto visto, a esto se le llama tono. Las variaciones de luz son el medio mediante el cual distinguimos de manera visual la información del entorno. Dentro del grafismo, la pintura, la fotografía y el cine la tonalidad es una clase de pigmento o pintura que se utiliza para simular un tono natural.
· Color
Este componente tiene una relación intensa con las emociones y es necesario para la creación del mensaje visual. Existen mucha teorías sobre el color sin embargo no existe un sistema unificado y definitivo de las relaciones de los colores.
Dimensiones del color:El matiz, existen tres matices primarios que son amarillo, rojo y azul.La dimensión, se refiere a la pureza de un color con respecto al gris.La acromática, se refiera al brillo.
Cundo elegimos un color estamos expresando muchas cosas ya que este es la parte más emotiva y tiene una gran fuerza para expresar y reforzar l información visual.
· Textura
Este elemento visual sirve de doble de las cualidades del sentido del tacto, es decir que podemos reconocerla bien sea con el sentido de la vista o del tacto. Se relaciona a través de variaciones diminutas en la superficie del material y sirve como ayudante de la experiencia sensitiva.
· Escala
Los elementos visuales tienen la capacidad de modificarte y definirse los unos a los otros. Partiendo de esto podemos concluir que no existe lo grande sin lo pequeño. Una aplicación de esta en la comunicación visual es que se puede usar en planos y mapas para representar una medición proporcional real. Existen muchos sistemas para establecer escalas.
· Dimensión
Se define como la representación volumétrica de formas visuales bidimensionales, esta existe en el mundo real, cuando se usa en dibujos, pinturas, fotografías o películas existe un volumen real más bien este es implícito.
· Movimiento
Este es una de las fuerzas visuales predominantes de la experiencia humana, en la comunicación visual se pueden usar técnicas capaces de engañar al ojo como la ilusión de la textura y la dimensión. El medio visual que más se aproxima a este elemento es el cinematográfico.