Clase I

Transversalización de Medios

El Diseñador en la actualidad debe trabajar a través de varios formas de hacer diseño:

Trabajar con medios digitales involucra --- Diseño de Servicios ---->Diseño de Experiencia --- trascender al objeto físico.

- Diseño de Servicio-Experiencia
Cuestionamiento de cómo tratar a los clientes .

El medio físico (bancos, libros, revistas, restaurantes, etc.) establecen un paradigma. La irrupción de los medios digitales establecen un cambio ¿Cómo comunicar al usuario a través de distintos dispositivos? El diseñador debe establecer esa comunicación entre el medio físico y el usurario a través de los medios digitales.

Una forma en que el diseñador establece esta conexión es a través de la construcción de metáforas.

La metáfora es resultado de la observación tanto del hardware y del software, de la observación del objeto y su uso.

la metáfora debe establecer una relación ludica con el usuraio, utilizar los detalles posibles del relato (retórica).

Cuando se entiende la diferencia entre Representación(gráficos) y Presentación(modo) se logra el compromiso del usuario.

Experiencia de Usuario

Los nuevos paradigmas de comunicación se centran en la experiencia de usuario.

Los medios digitales toman su relevancia a través del Verbo. Los medios digitales a diferencia de los medios físicos sobresalen por su capacidad de Hacer cosas--->Interacción con el Usuario. El medio debe establecer un diálogo con el usuario.

Interacción ---> Diálogo: El humano debe saber que el objeto funciona.

Interacción ---> Relato: Para construir nuevas formas de interacción, se debe construir una historia elocuente entre el medio físico y el digital, la construcción de metáforas hace que el producto sea más valioso.

El Relato en el Mundo Digital

El Relato como forma narrativa es terminada de construir por medio de la imaginación, esto lleva a que cada persona termine con una imagen distinta del relato. El diseñador debe especificar el relato haciendo uso de los distintos medios que tiene a su alcance y que convergen en los medios digitales: gráficos, vídeos, fotografías, etc. La experiencia enfatiza las cosas que uno quiere decir.

Existen distintas maneras de comunicar.

Relato: Representación, Presentación, Interacción y Comunicación.

La calidad de la comunicación reside a través de la metáfora del relato y habla de la calidad del servicio. En cuanto mejor y mayor sea la calidad de la experiencia de usuario mejor habla de la calidad de la obra.

La experiencia construye lo memorable...¿cómo construir lo memorable? difícil, la experiencia es efímera.

Debemos Humanizar los objetos de diseño. Representar lo imperfecto del ser humano: lo perfecto de lo imperfecto ---> Belleza --->Hace que algo valga más ---> Belleza del relato.

Enfoque en el Usuario

Para diseñar en los medios digitales hay que saber 'escuchar al cliente. Importa conocer: grupos humanos, público objetivo, para construir la experiencia de usuario.

Ver espacios de uso y simular cómo podrían usarlo.( ej. Cómo utilizan las ventanas y navegan por Internet usuarios para construir una intranet)

Las decisiones de diseño se toman cuando uno observa y anota: observar escenarios de uso ( ponerse en el lugar del usuario). Hay que ser realistas para diseñar para dispositivos digitales.

Interaction & Service Design

Paradigma de la interacción

Experince Cycle

Frog Design

Design Thinkg

Clase 2

Etapa 1: Análisis Heurístico, FODA y resultados

Introducción

Se estudia distintas metodologías para analizar el funcionamiento y buen desarrollo del sitio web PUCV. Se escogen las que generan buenos resultados a largo plazo y se pueden aplicar en cualquier etapa del proyecto.

Los Criterios para evaluar son:

Generales
Identidad e información
Lenguaje y redacción
Rotulado
Estructura y navegación
Lay-out de la página
Búsqueda
Elementos multimedia
Ayuda
Accesibilidad
Control y retroalimentación

Bibliografía

Márquez Correa, Joaquín. “Guía para evaluación experta”. Information architect. Icon medialab.
Hassan Montero, Yusef. Martín Fernández, Francisco J. “Guía de Evaluación Heurística de Sitios Web”. 2003
Nielsen, Jakob. "Ten Usability Heuristics". 1995
Instone, Keith. "Site Usability Heuristics for the Web". 1997
Krug, Steve. "Don't Make Me Think". 2010

Metodologías Aplicadas

Análisis Heurístico (estudio cuantitativo)

sirve para identificar rápidamente y con claridad el tipo de error más común que se repite en proyectos web (Internet, Extranet o Intranet). La experiencia de los investigadores en arquitectura de información y usabilidad demuestra que las deficiencias en este ámbito tienden a reiterarse. La prueba heurística, permite, a través de una metodología muy sencilla y directa, descartar este tipo de fallas o corregirlas, si es el caso, antes de entrar a un análisis más detallado.

ver más datos en:

FODA (estudio cualitativo)

El Análisis DAFO, también conocido como Matriz o Análisis DOFA o FODA, es una metodología de estudio de la situación de una empresa o un proyecto, analizando sus características internas (Debilidades y Fortalezas) y su situación externa (Amenazas y Oportunidades) en una matriz cuadrada. Proviene de las siglas en inglés SWOT (Strengths, Weaknesses, Opportunities y Threats).

Es una herramienta para conocer la situación real en que se encuentra una organización, empresa o proyecto, y planificar una estrategia de futuro.

Durante la etapa de planificación estratégica y a partir del análisis DAFO se debe poder contestar cada una de las siguientes preguntas:

¿Cómo se puede destacar cada fortaleza?
¿Cómo se puede disfrutar cada oportunidad?
¿Cómo se puede defender cada debilidad?
¿Cómo se puede detener cada amenaza?

Este recurso fue creado a principios de la década de los setenta y produjo una revolución en el campo de la estrategia empresarial. El objetivo del análisis DAFO es determinar las ventajas competitivas de la empresa bajo análisis y la estrategia genérica a emplear por la misma que más le convenga en función de sus características propias y de las del mercado en que se mueve.

El análisis consta de cuatro pasos:

Análisis Externo (conocido como "Modelo de las cinco fuerzas de Porter")
Análisis Interno
Confección de la matriz DAFO
Determinación de la estrategia a emplear

ver más datos en:

Matriz FODA

Análisis Heurístico

Pauta de evaluación heurística y resultados

Screenshots

Generales

PUCV G1
PUCV G2
PUCV G3

Identidad e Información

PUCV Id 1
PUCV Id 2
PUCV Id 3

Lenguaje y redacción

PUCV L1
PUCV L2
PUCV L3

Rotulado

PUCV R1
PUCV R2
PUCV R3

Estructura

PUCV-estructura y organización.jpg

PUCV E1
PUCV-acción impredecible 3.jpg

PUCV E1

Navegación

PUCV-acción impredecible 1.jpg

PUCV N1
PUCV-acción impredecible 2.jpg

PUCV N2
PUCV-acción impredecible 4.jpg

PUCV N3

Lay-out

PUCV LO 1
PUCV LO 2

Accesibilidad

PUCV-acción impredecible 4.jpg

PUCV A1
PUCV-acción impredecible 4.jpg

PUCV A2
PUCV-acción impredecible 4.jpg

PUCV A3

Gráficos del Análisis Heurístico

Gráfico del Análisis Heurístico

FODA

Fortalezas

Hay un esfuerzo por crear una interfaz limpia
Existe una representatividad del logo en todas sus páginas
Hay un esfuerzo de comunicar de forma clara, amena y precisa sus contenidos en la redacción.

Oportunidades

Tomando en cuenta que la universidad posee un Programa Internacional de Intercambio, se podría posibilitar al sitio como bilingüe
Adoptar un diseño responsive, para así hacer más grata la navegación sin importar la plataforma.

Debilidades

No utiliza apropiadamente el espacio visual del sitio
Dificulta la navegación al abrir varias ventanas distintas sin retorno a la home
Hay disparidad en el diseño de las páginas de los servicios que ofrece.

Amenazas

El usuario tiende a perderse, por ende, tratará de evitar utilizar el sitio nuevamente
Al no poseer un diseño responsive, en muy incómodo visitar el sitio en otros medios como los tablets y, en especial, los celulares
Existen sitios que ofrecen los mismos servicios de mejor manera al usuario

Conclusiones

El diseño del sitio no aprovecha el espacio, lo que provoca que se vea muy condensado.
La estructura no está bien determinada en el sitio.
No existe un motor de búsqueda en la página de inicio que ayude a los usuarios.

Propuestas

Adoptar un diseño responsive, para así hacer más grata la navegación sin importar la plataforma.
Debe enfocarse el diseño del sitio en generar una mejor experiencia para los usuarios.
Tomando en cuenta que la universidad posee un Programa Internacional de Intercambio, se podría posibilitar al sitio como bilingüe y la opción debería estar disponible en todas sus páginas enlazadas.

Presentación 1

Clase 3

Etapa 2: Mapas de Navegación, Personas y Escenarios, Propuestas

Metodologías Aplicadas

Mapa de Navegación(actual sitio web PUCV)
Personas y Escenarios
Caso de estudio: University of Cambridge
Generación de Propuesta: análisis, observaciones y propuesta.

Mapa de Navegación

Mapa de navegación del sitio web PUCV

Personas y Escenarios

Alumno escolar

Nombre: Juan Esteban Ramírez Rodríguez
Edad: 17
Ocupación: estudiante escolar
Nivel de usuario: medio

Descripción: Estudia en una escuela particular subvencionada de la V región. Pertenece a la clase media baja, tiene como objetivo ser el primero en su familia en ingresar a la universidad, por lo cual se esfuerza estudiando para obtener un buen puntaje. Como no tienen dinero para largos viajes y no quiere separase de su familia decide buscar una carrera en una universidad dentro de la región.

Escenario: Para mejorar la calidad de vida de su familia busca una carrera que obtenga buenos ingresos luego de egresar pero no está seguro qué carrera debe elegir. Va hacia un ciber, se conecta a un computador de escritorio y buscando una carrera en una universidad de la región da con el portal de la PUCV y quiere saber cómo es la universidad, qué carreras ofrece, cuáles son los aranceles y si tiene beneficios o becas. Por sobre todo que estas sean de buena calidad.

Recorrido: Facultades y carreras, Admisión, Asuntos estudiantiles

Facultades y carreras

Facultades y carreras
Facultad de Ingenería
Ingenería Comercial > Puntajes de selección
Puntajes de selección

Admisión

Admisión
Becas de apoyo PUCV
Tipos de becas de apoyo
Becas de arancel PUCV
Calendario becas y créditos ministeriales

Asuntos estudiantiles

Asuntos estudiantiles
Tarjeta de alimentación Junaeb
Bajar archivos
Preguntas frecuentes
Instructivo de uso

Estudiante PUCV

Nombre: Macarena Palacios Aguirre
Edad: 22
Ocupación: estudiante universitaria
Nivel de usuario: avanzado

Descripción: Es una estudiante de cuarto año de la carrera Ingeniería Civil. Vive en una situación de clase media en una casa en el Cerro Placeres sola con su madre, ya que sus padres están divorciados.

Escenario: Desea irse de intercambio el año siguiente a otro país, con idioma de preferencia español o inglés, ya que esos son los que domina a la perfección. Visita el sitio de la PUCV para informarse con respecto a las postulaciones utilizando su computador.

Recorrido: Relaciones Internacionales, proceso de postulación y formulario

Relaciones Internacionales

Relaciones Internacionales
Destinos para alumnos pucv
Convenios bilaterales

Proceso de postulación

Estudiar en el extranjero > proceso de postulación
Proceso de postulación
Avisos importantes
Zoom avisos importantes

Formulario

Estudiar en el extranjero > formulario de postulación
Formulario de postulación
Beneficios
Requisitos

Egresado PUCV

Nombre: Eduardo Rojas Riquelme
Edad: 24
Ocupación: estudiante universitario / trabajador
Nivel de usuario: avanzado

Descripción: Es un joven emprendedor, bueno en los estudios, esforzado. Decide trabajar mientras estudia para valerse por sí mismo pagando el apartamento en el que vive con unos amigos. Además le gusta adelantar su currículo realizando proyectos por cuenta propia.

Escenario: Como trabaja mientras cursa la carrera debe poder administrar bien su tiempo. Así que cuenta con pocas horas al día para navegar por internet y cuando lo hace es por las noches reunido con sus amigos conectándose a su laptop. Por ello necesita estar pendiente de los horarios de las clases, eventos relevantes que alteren los horarios, facilidades para estudiantes que trabajen, cambios de sedes, proyectos concursables, capacitaciones, etc.

Recorrido: Asuntos estudiantiles, Portal de noticias y Agenda

Asuntos estudiantiles, Portal de noticias y Agenda

Portal de noticias
Agenda
Asuntos estudiantiles
Noticias destacadas 1
Noticias destacadas 2
Pide plugins para ver noticias