Recursos digitales Sergio Zavalza Caro Padilla Eduardo Ortega Paco Téllez Sergio Gaytán.

Slides:



Advertisements
Presentaciones similares
Support.ebsco.com Historical Digital Archives Tutorial.
Advertisements

Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
Decisiones de diseño de bajo nivel
Curso de Microsoft® Access® 2010
Curso de Microsoft® Word 2010
AB TUTOR Manual básico.
PORTAL WEB Manual de Usuario Perfil Autorizador
GUÍA DEL POSTULANTE Esta Guía le proporcionará ayuda para realizar de manera efectiva, postulaciones a Concursos de Alta Dirección Pública.
POWER POINT.
La vida útil de un sitio Web
Aprendizaje de Microsoft® Access® 2010
SISTEMA DE NACIMIENTOS MANUAL DEL USUARIO. El objetivo del presente manual es servir de guía al usuario final para interactuar con el Sistema, permitiéndole.
Webquest Diseño IU: Wix.com permite un control total del diseño de la web, pudiendo elegir en cualquier momento que punto modificar o que.
1. Lea el problema. (1) Los Siete Pasos de Dibujando Modelos 2. Identifique las variables, que son el quien (who) y el que (what). Escríbalas en el orden.
Qué es una ventana En informática, una ventana es un área visual, normalmente de forma rectangular, que contiene algún tipo de interfaz de usuario, mostrando.
DE LAS CUENTAS DE USUARIO Y OPCIONES DE CARPETA
GESTOR DE BASES DE DATOS RELACIONALES
En esta presentación se llevara acabo una explicación en la cual, se define que es la WEBNODE, con el fin de dar un entendimiento claro de este sitio.
CURSO DE OFIMATICA BASICA
Mariel Berrones Daniel Martínez Rafael López Antonio Ayala ‘’¿Qué es lo que hay que tener en cuenta si quiero que mi sitio web sea fácil de usar?’’ me.
HERRAMIENTAS DEL SISTEMA
Requerimientos para producir
Paso 1 de 6 Entrar a Gmail Dar clic a crear una cuenta Paso 2 de 6.
PAQUETES COMPUTACIONALES POWER POINT. Arrancar PowerPoint.
Departamento de Referencia CPICM_C [Hoja Informativa No. 8; 2012]
Actualización del perfil y de la configuración de privacidad j presione F5 o haga clic en Presentación con diapositivas > Desde el principio para comenzar.
SpringerLink The new SpringerLink interface has been designed based on the results of one of the largest usability studies. Features have been added and.
Es una herramienta que nos permite automatizar tareas de tipo rutinario de nuestro sistema. Por medio de una página de diseño tipo Web, Webmin nos permite.
Grupo N° 5 Integrantes: Kathia Mariela Carrillo William Alexis Mendoza
© 2012 Microsoft Corporation. Todos los derechos reservados. Programar una reunión de Lync Si utiliza Outlook, puede programar una reunión de Lync mediante.
Internet 2 José Eduardo Ponce Sánchez. Tema: Picasa de Google.
SITIO, BITÁCORA Y AULA VIRTUAL Trabajo sobre el espacio de Aula Virtual. Trabajo sobre aula virtual de prueba y elaboración de aula virtual de asignatura.
3. Espacios de trabajo. Manual de formación 2 3. Espacios de trabajo 3.1 Introducción … ……pág.45.
LA ANSIEDAD EN LOS EXÁMENES.
Si usted visita el sitio directamente usted podrá ver la página a continuación. Si usted sigue el vínculo desde.
Diseño de Interfaces Humanas Corrección del software EasyCleaner.
Introducción a Windows Después de realizar esta practica ud. sabrá hacer lo siguiente: Abrir un programa Entender el funcionamiento del Explorador de Windows.
Herramientas y Técnicas para la Gestión del Conocimiento Encontrar a las personas adecuadas Chris Colllison – Geoff Parcell.
NUEVO DISEÑO SITIO WEB EXPLORA REGIÓN METROPOLITANA Resultados en cuanto a tráfico, posicionamiento y nuevas herramientas.
Un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios.
¿Qué es Badoo? Badoo es un sitio Web de redes sociales. Es una de las 300 webs más visitadas del mundo. Está disponible en 16 idiomas y cuenta con usuarios.
Nombre: Josselyn Peña Curso: 1° “D”. Este manual de introducción a Wordpress ha sido elaborado con la intención de ofrecer la información necesaria para.
Cómo crear un blog con Laura Imaz. 1. CREAR UNA CUENTA GMAIL Para crear una cuenta Gmail tenemos que situarnos en la ventana de Google, veremos como arriba.
Generalidades de Windows
INTRODUCCIÒN MICROSOFT WORD 1 eencasts/shared/player_776x600.aspx?scre enCast=wd07_overview.
DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.
DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.
DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.
MANUAL DE USUARIO DE WORDPRESS. 1. CREAR EL BLOG  En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos.
Unidad 7 Escritorio de Windows.
En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos el formulario con el nombre de usuario (sólo.
RECURSOS DIGITALES “NO ME HAGAS PENSAR”. ¿? Si visita un sitio y no puede encontrar lo que busca ni tampoco averiguar cómo está organizado, es muy probable.
Estructuras web De navegación Y Visual. Investigación de requerimientos ¿Qué es lo que quiere el cliente? – ¿Qué desea comunicar?, y ¿Cómo? – ¿Qué información.
Support.ebsco.com Búsqueda avanzada guiada de EBSCOhost Tutorial.
Microsoft Office Word 2010.
Una Red Sociales un sitio en internet donde compartir información, mensajes, ideas, fotos, etc., con amigos, conocidos y desconocidos. Para acceder a.
PRÁCTICA 3: DISEÑO CENTRADO EN EL USUARIO Pedro Rivero Barrera Gonzalo Serrano Espada.
Guía de uso de e-Libro.
Manual de uso de wordpress.  1: Abrir una cuenta:  2: Crear perfil de usuario: Nombre de usuario Contraseña, confirmación de.
Uso de los programas: Screengrab Youtube Redes Sociales (Facebook) Firebug.
En la barra de direcciones WEB escribir: blogspot.com Lo primero que pide para entrar es una cuenta de correo de google.com o de gmail.com. Si no tienes.
Capitulo 3 Diseño de rótulos. Creación de una jerarquía visual clara Uno de nuestros mejores métodos para que nuestra pagina retenga atención es asegurándonos.
Diseño de rótulos Para hojear, no leer. Capitulo 3.
Como usar Power point.
WORD PRESS NOMBRE: BANNY CUENCA. Crear el blog En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos.
Arquitectura de la Información Sitemap
MANUAL DE USO WORDPRESS. 1. CREAR EL BLOG En la página Wordpress.com elegimos comenzar un blog y vamos siguiendo los pasos de registro: Rellenamos el.
¿Qué ES UNA BD?  Una base de datos es como un almacén en el que se guarda y organiza diferente tipo de información, pero en el computador. Las bases.
Conectarse En una computadora que tenga conexión a Internet, buscamos el icono de un “navegador”. Puede ser cualquiera de estos:
Escuela Superior Politécnica de Chimborazo Facultad de Administración de Empresas Escuela de Ingeniería en Marketing Jonathan Yamasca Tercero 2.
Transcripción de la presentación:

Recursos digitales Sergio Zavalza Caro Padilla Eduardo Ortega Paco Téllez Sergio Gaytán

Capítulo 5

Suprimir las palabras que no van a leerse tiene diversos efectos beneficiosos:  Reduce el nivel de ruido de la página.  Realza el contenido verdaderamente práctico.  Se acortan las páginas permitiendo ver al usuario más de cada una con sólo un vistazo y sin avanzar o retroceder.

EL DISCURSO INNECESARIO TIENE QUE DESAPARECER  El discurso innecesario es como una pequeña charla (de contenido libre y, fundamentalmente, expansivo y afable), pero, que el usuario, carece del tiempo para leerlo: prefiere ir directamente al grano.  Habría que eliminar tanto discurso innecesario como fuera posible.

HAY QUE ELIMINAR INSTRUCCIONES  La otra fuente principal de palabras innecesarias son las instrucciones.  NADIE las va a leer. El objetivo:  Eliminar completamente toda instrucción y ponerlo todo claro.  Si las instrucciones son absolutamente necesarias, redúzcalas a lo estrictamente esencial.

ANTES: 103 PALABRAS  El siguiente cuestionario se ha diseñado para proporcionarnos la información necesaria que nos ayudará a mejorar el sitio y hacerlo más adecuado a sus necesidades.  Por favor, seleccione sus respuestas en los menús desplegables y en los botones de radio inferiores.  El cuestionario ha de completarse en tan sólo 2-3 minutos.  En la parte inferior de este formulario puede dejar, si lo desea, su nombre, su dirección y número de teléfono. De hacerlo, condecoremos con usted en un futuro para que participe en una encuesta que nos ayude a mejorar este sitio.  Si tiene comentarios o preguntas que hacer y que requieran una respuesta, por favor, contacte con el Servicio al cliente.  La primera frase es sólo un discurso. innecesario introductorio. Sabemos lo que es un estudio encuesta); lo único que necesito son las palabras "nos ayudará" para que me muestren que entienden que les estoy haciendo un favor cumplimentándolo.  La mayoría de los usuarios no necesitan que se les diga cómo rellenar un formulario web y los que necesitan saberlo desconocen lo que es un "menú desplegable" y "un botón de radio".  En este punto aún trato de decidirme si me molesto con el cuestionario, pero saber que es corto me dice que la información es útil.  Esta instrucción carece de utilidad para mí en este punto. Sería, al final del cuestionario, cuando podría hacer algo con él. El único efecto que produce es que las instrucciones parezcan más desalentadoras.  El hecho de no utilizar este formulario en caso de necesitar una respuesta es una información importante y práctica. Desgraciadamente, sin embargo, no se molestan en indicarme cómo contactar con el departamento de Servicio al cliente (o aún mejor, en facilitarme un vínculo con el que poder hacerlo desde aquí mismo). DESPUÉS: 43 PALABRAS Ayúdenos, por favor, a mejorar este sitio contestando a las siguientes preguntas. Sólo tardará 2-3 minutos en completar este cuestionario. ADVERTENCIA: Si tiene alguna pregunta o comentario que requiera respuesta no use este formulario. Contacte entonces, por favor, con nuestro Servicio al cliente.

Capítulo 6

 Si visita un sitio y no puede encontrar lo que busca ni tampoco averiguar cómo está organizado, es muy probable que no aguante mucho allí. Entonces, ¿cómo se crea la consabida navegación "clara, sencilla y coherente"?

NAVEGACIÓN WEB 101  Decide si preguntar o buscar por su cuenta primero. La diferencia estriba en que en un sitio web no hay nadie a su alrededor que le indique dónde están las cosas.  El equivalente en la Web a preguntar por ciertas indicaciones es la búsqueda.

 Si se inclina por echar un vistazo, se verá siguiendo una jerarquía con las indicaciones que le muestran el camino.

LA INSOPORTABLE LIGEREZA DE ECHAR UN VISTAZO  Falta de sensación de escalas: Incluso después de haber usado exhaustivamente un sitio web, y a menos que sea un sitio muy pequeño, carecemos del menor sentido del tamaño que puede llegar a alcanzar.  Ausencia de sensación de dirección: En un sitio web no hay izquierda o derecha, arriba o abajo. Podemos hablar de movimientos hacia arriba y hacia abajo, pero se refieren a la jerarquía

 Ausencia de la sensación de ubicación: En los espacios físicos, a medida que nos desplazamos, vamos conociéndolos. Desarrollamos un sentido del lugar donde están las cosas y podemos, incluso, atajar para conseguirlas.

PROPÓSITOS DE NAVEGACIÓN PASADOS POR ALTO Nos ofrece un lugar donde no nos perdamos. ( sentirse perdido no es habitualmente agradable, se tiene que hacer bien la navegación para poder entender y retener claramente la información) Nos dice lo que hay en cada lugar. ( cada sitio nos revela el contenido, y descubrir el sitio puede ser muy importante ya que nos ayudara a guiarnos o situarnos) Nos enseña a usar el sitio. (un buen trabajo de navegación, nos mostrara implícitamente, el lugar por done empezar y las opciones que hay.) Nos permite confiar en las personas que la han creado. (una navegación clara y bien desarrollada, es una de las mejores oportunidades con las que cuenta un sitio para dar una buena impresión)

Las convenciones para la Web han aparecido de forma muy rápida, en su mayoría adaptadas de las convenciones ya existentes. Aunque sigan desarrollándose, aquí se exponen algunos elementos básicos.

Los diseñadores generalizan el termino coherente, para describir el conjunto de opciones de navegación que aparecen en todas las paginas del sitio. Solamente el hecho de tener la navegación en el mismo lugar en todas las paginas y tener un aspecto coherente confirma de forma inmediata, que aun se encuentra en el mismo sitio.

HAY DOS EXCEPCIONES PARA LA REGLA DEL “SÍGAME A TODAS PARTES” Pagina principal: NO es como las otras paginas, esta tiene que soportar un peso diferente y también ha de cumplir con unos cometidos diferentes. Formularios: En las paginas donde hay que rellenar un formulario, la navegación coherente puede ser una distracción innecesaria. Para estas paginas resulta muy practico tener una versión mínima de la navegación coherente que cuente solo con la identificación del sitio.

En el caso de un sitio web, su identificación es como el nombre de un edificio. Pero en la Web, se tiene que ver en todas las paginas. Esperamos ver el identificador del sitio en la parte superior de la pagina, normalmente en la esquina superior izquierda, o, al menos cerca.

Las Secciones Las secciones, son los vínculos a las secciones principales del sitio; el nivel superior en la jerarquía del sitio. En la mayoría de los casos, la navegación coherente dispondrá, además, de un espacio para visualizar la navegación secundaria, la lista de subsecciones de la sección actual. Las Utilidades Son los vínculos a los elementos importantes del sitio que realmente no forman parte de la jerarquía de contenidos. Son cosas que nos pueden ayudar a usar el sitio, ( como Ayuda, Mapa del sitio o Carrito de la compra ) nos pueden proporcionar información sobre su editor ( como Acerca de nosotros y Contacte con nosotros )

 Uno de los elementos mas cruciales en la navegación coherente es el botón o vinculo que nos lleva a la pagina principal del sitio.  Tener el botón Inicio a la vista constantemente tranquiliza en caso de perderse. Siempre se puede volver a empezar, como si pulsara el botón Restaurar.  Pero por ahora, es bueno incluir a la pagina principal, en Secciones o Utilidades o añadir con discreción la palabra “Inicio” al identificador del sitio en todas partes, para que el usuario sepa donde puede hacer clic, en caso d perderse.

Uno de los elementos más cruciales en la navegación coherente es el botón o vínculo que me lleva a la página principal del sitio. Tener el botón Inicio a la vista constantemente tranquiliza en caso de perderse. Siempre puedo volver a empezar, como si pulsara el botón Restaurar o utilizara la carta.

¿CÓMO REGRESO?

Dada la capacidad potencial de la búsqueda' y el número de personas que prefiere buscar en lugar de echar un vistazo rápido, a menos que el sitio sea muy pequeño y esté muy bien organizado.

No olvide que un gran porcentaje de usuarios en su primer acto oficial de investigación de un nuevo sitio, echarán un vistazo rápido a la página en busca de algo que coincida con uno de estos tres modelos:

 Opciones: Si existe cualquier posibilidad de confusión sobre el ámbito de la búsqueda (dónde se está buscando: en el sitio, en parte del mismo o en la Web entera), inclúyalo todo.

 Prevea, igualmente, el ofrecer opciones distintas para poder especificar lo que se busca (por ejemplo, búsqueda por título o autor, o búsqueda por el número de una pieza o por el nombre del producto).

 Todas las páginas necesitan un nombre. Al igual que cada esquina ha de tener su propia señal en la calle, todas las páginas deben tener un nombre.

* El nombre ha de estar en el lugar adecuado. En la jerarquía visual de la página, el nombre de ésta debería aparecer enmarcando el contenido que es único para esa página.

“USTED ESTA AQUÍ”  Una buena forma de para las personas para evitar que se pierdan en una pagina web (“perdido en el espacio”),es mostrándole en un esquema tal como en los centros comerciales en el indicador “usted esta aquí”

SEÑALES EN LA CALLE Y MIGAS  En la web esto se resuelve realizando mi situación actual en cualquier barra de navegación,lista o menú que aparezca en la pagina.

LOS INDICADORES  El defecto más común de los indicadores usted esta aquí es que son demasiado sutiles. Tienen que resaltarse o, de lo contrario, pierden su valor de clave visual y terminan añadiendo más ruido a la página.

BREADCRUMS (MIGAS) A diferencia de los indicadores "Usted está aquí", que le indican su situación en el contexto de la jerarquía del sitio, las migas de pan sólo muestran el camino desde la página principal al lugar donde se encuentra.

COMO USAR LAS “MIGAS DE PAN”  Póngalas en la parte superior. Las migas pueden funcionar mejor si están en la parte  superior de la página, encima de todo.  Utilice el signo > entre los distintos niveles. Por el método de prueba y error se ha demostrado que el mejor separador entre los distintos niveles es el carácter "mayor que" (>).  Utilice un tipo de letra pequeño. Una vez más, para señalar que sólo se trata de un accesorio  Utilice las palabras "Usted está aquí'. La mayoría de los usuarios entiende lo que son las migas. pero aunque esté en letra5 pequeñas no afecta a su claridad.  Ponga en negrita el último término. El último nombre de la lista debería ser el de la página actual y resaltándolo en negrita le otorgará el relieve que se merece.