Diseño de Interface

Ejercicio 21.1
Que es lo que yo evaluo?
-Información que tengo
Dentro de las ideas primarias yo evaluo el diseño que se emplee en la interfaz grafica que el técnico nos otorga, desde una perspectiva de navegación , aprendizaje y satisfacción del lado del cliente.
-Ideas primarias acerca de la evaluación
Determino si es facil de entener para un usuario o si falta conectar una idea con otra.
-Preguntas que hago al diseñador
Saber si tiene o no un diseño alterno o si se puede modificar ciertos contenidos.

Cuales aspectos son concernientes o usables en lo que yo exploro?
-Información que tengo
Los requerimientos a nivel técnico, grupo objetivo, para que sera usado y como y cuando lo usaran.
-Ideas primarias acerca de la evaluación.
Si la orientacion corresponde a las necesidades que el usuario espera satisfacer dentro e un marco e direccionamiento respecto a un ojetivo o navegación.
-Preguntas que hago al diseñador
Saber si ciertos componentes pueden o no quitarse o talvez ser añadidos en un futuro inmediato

Que tipo e datos yo recolecto?
-Información que tengo
Si la interaccion entre la interfaz de usuario se cumple o no.
-Ideas primarias acerca de la evaluación
Secamente, saber si funciona o no.
-Preguntas que hago al diseñador
Por que tal o cual interfaz no es clara y si se puede mejorar o reemplazar.

Por que yo evaluo?
-Información que tengo
Es una parte de mi responsabiliad gerencial o e jefatura saber que avances o alcances tiene un proyecto de interfaces.
-Ideas primarias acerca de la evaluación
Cuestionario de preguntas basicas como porque para que con que y donde.
-Preguntas que hago al diseñador
Que dificultades tiene, saber si requiere mas información.

Ejercicio 21.2

La capacidad de dicernimiento a nivel e interfaces es determinante para saber cuan factible puede ser una interfaz que involucre la interaccion del usuario con Textos, dibujos, guardar información, dado que es necesario este conocimiento en la actualidad no se puede prescindir e ello por que simplemente debe existir alguien que logre manipular un medio como la interfaz para logra que el usuario pueda manejar mas datos.

Ejercicio en Clase – Ejercicio 17,1 – Homerun
High quality content: Se necesita que tenga información precisa de dónde, el tiempo y en qué condiciones se da el voluntariado. Por esto es importan que la información sea concisa y clara. Los voluntariados generalmente no es algo de todos los días, sino que se crean grandes brigadas para brindar ayuda.

Often Updated: Por el mismo hecho que es una sistema de voluntariado, se necesita que la información se esté actualizando constantemente y se borre la información desactualizada para no crear confusión en el usuario.

Minimal Download Time: Sea de lo que sea una página siempre debe pensar en el tiempo de carga. Este es un punto que siempre se aplica, sobre todo en este medio que generalmente no se dispone de una conexión rápida a internet.

Ease of Use: Hay que tener claro que tener una alta calidad en contenido no significa tener grandes cantidades de información, al contrario, alta calidad se referiere a cómo esta información se distribuye. Al tener esto en cuenta, el uso de la página será amigable. En este caso, al ser una página que busca voluntarios, si se la hace complicada y difícil de entender el voluntario preferirá buscar otras alternativas más simples.

Relevant to Users Need: Esto aplica, porque seguramente esta página existirá gracias a los auspicios que esta disponga, por lo que se necesita crear un equilibrio entre la información que quieren mostrar los auspicios y de la información que quiere ver el usuario. Se debe dar más importancia a la información que trata sobre el voluntariado y mostrar ingeniosamente la información de los auspicios.

Unique to Online Medium: Lo que se debe pensar en esta página es que el internet se pueden crear vínculos sin importar la distancia. Se debería aprovechar esto creando foros o discusiones e incluso vincular la página con redes sociales para tener un mayor alcance.

Net Centered Corporate Culture: Básicamente, el éxito de la página se debe a esto. Si la página sabe promocionarse y tener cierta relevancia en la web, tendrán más visitas y por lo tanto más voluntarios. El tener una imagen corporativa ayuda a que la gente te relacione y tenga una imagen de ti, para así crear vínculos profesionales a largo plazo que pueden ayudar al desarrollo y éxito de la página.
Publicado por Felipe Bolanos en 12:07 0 comentarios

Prototipos avanzados del Banner USFQ

usfq

usfq


usfq

usfq


USFQ

USFQ

System information Banner USFQ

system USFQ

system USFQ



LogOut System Banner USFQ

logout USFQ

logout USFQ

comparar ventana de impresión de word en MAC y PC
La interfaz de Mac desde mi perspectiva personal me parece excelente, la informacion presentada es forma resumida asumiento que se trata de que el usuario no lee sino escanea.

De esta interfaz de Word para PC y MAc, existe una diferencia bastante evidente en cuanto a la información de impresión que es mostrada en el cuadro de diálogo, por un lado en la pc muestra nombre estatus de impresora un tanto más de información que hasta cierto punto es un tanto excesiva y por ende para el usuario irrelevante, existen muchas cajas de muchos selectores hay mucha informacón de texto y el usuario no se detiene a leer esta información.

comandos word
botones de comando
de derecha a izquierda por cada segmento
pegar, cortar, copiar, goma
fuente, tamaño, negrilla, italica, subrayado, tachado subpeso, exponente, resaltador, color de text,
sangría, sangria con numero, espacio izquierda, espacio derecha, orientación texto, verificador de espacios, alineacion izquierda, alineacion derecha, centrado, justificado, interlineado,

wordcomands

wordcomands

diseñar control remoto básico

control TV ancianos

control TV ancianos

11 noviembre 2010
popup

word&popup

word&popup

cascade

word&cascade

word&cascade

SEccion

word&seccion

word&seccion

Error

word&error

word&error


impresión
word&impresion

word&impresion

Análisis de interfaces tecnológicas.

Word200Mac

wordmac

wordmac


el usuario mira lo que espera ver
la interfaz corresponde a un programa de word 2000 para el sistema operativo de MAC, el comportamiento que habitualmente se esperaría para poder usar programa bajo mi propia percepcion es muy claro y simplificadoasí tambien las imagenes son correspondientes a las acciones que se quieren llevar a cabo como poder realizar una carata nueva en la interfaz de hoja en blanco.
usuario no puede hacer mas de dos tareas
Generalmente en este programa la existencia de dos tareas no es posible, es posible observar diferentes inconos para poder llevar a cabo ediciones dentro del texto y la carta pero nada que pueda ser considerado doble tarea, son mas bien aisladas.
es mas fácil percibir estructuras
el programa de word tiene una estructura sencilla es la simulacion de un hoja en blanco
es más fácil reconocer algo que recordar
La interfaz para realizar una carta es sencilla y clara y se recuerda un estilo de escritura sobre una hoja de papel

Uso del color en los botones
no tiene botonen el programa sino mas bien incorpora pestañas e iconos

Dispositivos de estrada y salida
El disposito de entrada para el programa corresponden tan solo al raton y al mouse
animmación
Para la tarearealizacio de escritura no pude evidenciar ningun tipo de animación, tan solo por parte del asistente de wor que es personaje de ayuda por que creo que es en cierto punto inecesario dado que las intrucciones una vez ejecutadas se inician rapidamente.
imagen
dentro de la interfas gráfica era posible ver una cantidad de imagenes muy reducida y básica hasta cierto punto, pero si era una ayuda significativa dentro de la tarea a cumplirse que era la realizacion de la carta.

fotocopiadora Xerox

fotocopiadora

fotocopiadora

el usuario mira lo que espera ver
la interfaz corresponde a una fotocopiadora, el comportamiento que habitualmente se esperaría para poder usar el teclado no es del todo compresible, así tambien las imagenes cuando se presionan las teclas no parecerian estar en el orden de numeros y letras.
usuario no puede hacer mas de dos tareas
Generalmente en este máquina la existencia de dos tareas no es posible, se pueden varias ventanas con secciones algo confusas, en este sentido es mas complicado salir del usuario.
es mas fácil percibir estructuras
la copiadora tiene una estructura de bloque todo permanece en un orden pero no es es facil reconocer que elementos son primero y cuales son los últimos.
es más fácil reconocer algo que recordar
La interfaz para realizar un copia primero llama a elementos ajenos como el usuario? y luego nos tenemos que salir del sistema? aca se recuerdadn estos elementos

Uso del color en los botones
El uso del color es más bien de tipo no estandar son negros y blancos y de otros colores, esto en cierta medida desmejora mucho la interaccion de usuario con la máquina, parece ser que existe una especie de perdida

El texto usado detro de los botones
representa acciones referentes a tareas para lograr una impresion son cortos y visibles lo que evidencia un buena investigación, opción de apagado, inicio impresion, pero apesar de todo esto es algo confuso.

Dispositivos de estrada y salida
El disposito de entrada para la fotocopiadora es el teclado y la pantalla tactil.
animmación
Para la tarea de impresión parece que no pued evidenciar ningun tipo de animación, por que creo que es en cierto punto inecesario dado que las intrucciones una vez ejecutadas se inician rapidamente.
imagen
dentro de la interfas gráfica era posible ver una cantidad de imagenes muy reducida y básica hasta cierto punto, pero si era una ayuda significativa dentro de la tarea a cumplirse que era la impresión.


Télefono Celular
SonyEricson w302

sony-ericsson-w302

sony-ericsson-w302


el usuario mira lo que espera ver
la interfaz corresponde a un comportamiento que habitualmente se esperaría para poder usa el teclado del telefono, así tambien las imagenes cuando se presionan las teclas estan en el orden de numeros y letras.
usuario no puede hacer mas de dos tareas
Generalmente en este teléfono la existencia de dos tareas si es posible, cuando se activa la radio y cuando en forma simultánea se recibe una llamada se puede atender la llamada y escuchar la radio activa en una emisora de fondo.
es mas fácil percibir estructuras
El teléfono tiene una estructura de bloque con bordes suavidados como interfaz fisica todo permanece en un orden de tal manera que es facil reconocer que elementos son primero y cuales son los ultimos.
es más fácil reconocer algo que recordar
La interfaz de inicio de llamada y finalizar llamada son dos tipo de iconos por decirlo asi para poder reconocer algo que para recordarlo.

Obejtivo de los botones
Cada botón tiene un objetivo especifico dentro de la interfaz de impresión, a nivel de propiedades, opciones de impresionn, acpetación de la impresión actual o cancelación de la misma.

Uso del color en los botones
El uso del color es más bien de tipo estandar son negro y los graficos impresos corresponden a las letras del alfabeto con numeros pero funciona en forma muy eficazdado que lleva al usuario en un sentido connotativo a un area especifica para una tarea X.

El texto usado detro de los botones
representa el alfabeto son cortos y visibles lo que evidencia un buena investigación, opción de apagado, inicio llamada, reproductor de música.

Dispositivos de estrada y salida
El disposito de entrada para el celular es el teclado el micrófono y la antena para receptar señales y tambien la antena Bluetooth

animmación
las animaciones dentro de este aparato, son muy bien logradas y dentro de este marco se ubican los juegos que trae incorporados este celular, pero para las acciones basicas como envia mensajes hacer llamadas y demas no son tan complejas por que no requiere de ello tampoco.
imagen
las graficas en el sistema operativo del celular son diferentes y cumplen tambien tareas especificas a una acción por ejemplo para poder hacer una llamada, primero se presiona las teclas de llamada y luego en forma estatica aparece una lista de contactos para las cuales se quieres hacer una llamada, una vez localizado se puede hacer la llamada seleccionandolo.

Ejercicio 16.5

Ejecicio 16.3

futbolinformation

futbolinformation


futbolinformation

futbolinformation

futbolinformation

futbolinformation

Ejercicio 16.2

merbership

merbership

Que tipo información el usuario requiere para poder ingresar?
La información que se requiere por parte de usuario, variará de una caso a otro por que cada segmento de la información que el usuario puede proveer es especifica para cada caso:
Cuando se es miembro de una agencia de futbol
la información que se requiere por parte de usuario no seria la misma informacion que se requiera en comparacion de la información que se necesita de un coronel para poder ascender al grado de general.
En este caso concreto la información que se requier del jugador de futbol es:
Club perteneciente.
Años juagando para un club.
su tabla de goles.
sus puntajes.
Sanciones.

needinformation

needinformation

http://www.librosweb.es/xhtml/capitulo8/formularios_avanzados.html

Ejercicio 16.1
Realizar comentarios acerca de:
Obejtivo de los botones
Cada botón tiene un objetivo especifico dentro de la interfaz de impresión, a nivel de propiedades, opciones de impresionn, acpetación de la impresión actual o cancelación de la misma.
Uso del color en los botones
El uso del color es más bien de tipo estandar pero funciona en forma muy eficazdado que lleva al usuario en un sentido connotativo a un area distinta sin salir de la aplicacion, centrando al usuario en la impresion.
Las capas de los bonotes
Existe bajo mi criterio solo dos capas donde se puede apreciar niveles de capas, con esto me refiero al relieve visual y la idea de volumen que estos botones tienes respecto de la información mostrada en la pantalla de impresión.
El posicionamiento de los botones
Distribución de secciones pertinente, según mi propia forma de pensar corresponde a areas determinadas para un efecto especifico 5 areas bien diferenciadas en el grafico siguiente hay tres areas que destacan cada una en relación a la impresión.
El texto usado detro de los botones
Son bastante cortos de ambos gráficos lo que evidencia un buena investigación, opción de cancelación, ok, print, ontions, preview, fax, Save as PDF.

botones comando

botones comando


barra de progreso:
05/11/2010

progressbar

progressbar



Las lineas de comandos actuales permiten retroalimentar al usuario en relación a la validez de los comandos ingresados
Ejercicio 13.4
La interfaz que pretendo utilizar hace una ditribución equitativa de la información que esta contenida en una página web de ejemplo, la información mostrada es video clips, images, y sound. la ventaja de este tipo de interfaz es que el usuario puede ver y discriminar en forma más sencilla la categorización de la información mostrada en fila, otra ventaja es que el usuario una vez que hace click dentro de un area osea videos o sonidos la información se muestra en la parte inferior sin ningúna otra información mas que la que se solicitó por parte de usuario.

Solicitud de informacion de Video:

Entrar en el sistema:

1.www.kiosko.com
2.click en el area de video pertinente.
3.verificar que la información sea correspondiente.
4.Esperar que la información detallada se muestre.

Talvez otra forma más eficiente de mostrar información respecto de elementos multimedia contenidos en una aplicación como un kiosko virtual sería poder trabajar con cada elemmento de forma aislada, sección por sección para que un video se muestre una vez que se ha solicitado.
ejercicio 13.2
ejercicio con calculadora

calculadora

calculadora

saber si esta bien distribuido el color en la calculadora
existen 4 colores usados en esta calcuradora.
Existen dos tonos de color para poder comunicarse con las personas que tienen deficiencia en percepción de colores.
cada segmento de la calculadora esta bien delimitado con bordes negros del color.
Las funciones y segmentos básicos de la calculadora estan segmentadas con tonos de color.

http://www.google.com.ec/images?client=firefox-a&rls=org.mozilla:es-ES:official&channel=s&hl=es&q=calculadora%20windows&um=1&ie=UTF-8&source=og&sa=N&tab=wi&biw=924&bih=859

Ejercicio 13.1

conotaciones buenas y negativas del color

color-cromatico

color-cromatico

http://www.desarrollomultimedia.es/articulos/colores.html

Cada color contribuye en cierto aspecto de la vida y

ejemplo
rojo es pasion
rojo es violencia
azul es frescura
azul es error dentro de un sistema operativo
Ejercicio clase de 5 noviembre 2010

comand-line

comand-line

Uso concreto de una acción

Prueba de interfaz en papel


Critica a giftcuy.com

El diseño es mas bien estandar
Estructura:, muy bien constituido y bastante claro.
Su uso es muy eficiente, pero podría ser mejorado e implementar modelos de estructuras que den paso al dinamismo.
Sencillez: La sencillez es muy evidente, contiene elementos que muestran complejidad básica, aunque esta sencilles tiende a caer en lo obsoleto.
Consistencia: La apriencia es uniforme, la posicion de los elementos esta cautelosamente distribuido, no se evudencia la reutilización de algun diseño.

Ejercicio 10-4


Acerca de valores altos y mas económicos

REquerimientos

Usuario: un joven de 19 años de edad necesita usar la aplicacion Banner de la USFQ para poder registrarse en sus nuevas materias para un semestre actual.
-Es necesario que la persona sepa leer y escribir.
-Sepa manejar tecnología.
-Use internet.
-Use fomularios y selectores.
-conocimientos muy basicos de matemáticas.
Tarea
-joven selecciona una máquina encendida con acceso a internet para poder llevar a cabo el registro.
-ejecuta la alpicación para tener acceso a internet.
-tipea en la barra de direcciones la URL de la USFQ.
-Direcciona a través de direferentes clicks hasta poder llegar al sistema de registros de la universidad.
-Ingresa a mi USFQ
-teclea su nombre de usuario y la contraseña + un enter.
-se ingresa al vínculo de area académica con un click.
-click en inscripción.
-agregar clase.
-seleccionar semestre.
-Selecciona por area de conocimiento.
-ubica las materias necessarias.
-envia cambios.
-click en terminar.
-salir de sisema
Usabilidad
-selección de semestre, selección de materias, selccion de curso, elminación de materias, enviar cambio y salir del sistema.
Tecnica

Todo el Proceso se lleva a cabo a travez de click sobre areas determinadas para el cada efecto.
Tiempo
12:15 pm inicion 12:47 termino de actualización
Ejercicio 10.8


Si estos iconos se usaran en una pagina web de un supermarket, en verdad no podrían cumplir su función por la deficiencia icónica de estos, no logran comunicar lo que realmente quieren decir, es así como la interacción con los usarios se vería muy afectada.

Ejercicio 10.4
El sistema que pienso simular es una Waflera.

El ambiente es el siguiente, Usualmente seleccionamos el pan

1. Cortamos los panes.
2. Untamos un poco queso o jamon o mortadela.
3. Cortar los panes en triangulos esto optativo.
4. Colocamos los panes dentro de la waflera.
5. Prendemos y la concetamos la Waflera.
6. Iniciamos la tarea de la waflera con el boton de encendido.
7. Cerrarmos la tapa de waflera.
8. Pasado un tiempo, verificamos si esta lista abriendo la tapa.
9. Cuando el producto final esta terminado apagamos el aparato.

EL unico boton de la Waflera seria el de encendido, pero si se va a realizar tipos diferentes de sanduches talvez si seria conveniente usar mas botones para definir un tiempo de cocción.

Ejercicio 2 en clase 28 septiembre 2010

Cuantas ventanas tiene tu casa?

Mi casa tiene 6 ventanitas.
El ejerncio tiene por objetivo verificar si se acerto o no con la cantidad de ventanas.

Ejercicio 1 en clase 28 septiembre 2010

Analisis Cognitivo de Tareas
1. Analisa que pasos se toman para hacer una tarea
2. Y lo que el usuario
3. Por ejemplo: imaginemos que queremos programar un Vhs para que grabe un programa de television desde las 9:00 pm hasta las 11:00 pm, canal 4 de la noche de 1 de Octubre del 2010.

Accion del usuario Responsabilidades del sistema
1. seleccionar la cassete VhS. 

2. encender el VHS y la TV.

3. insertar el cassette de VHS en el artefacto.

4. Verificar que el canal especifico este en sintonía para poder realizar la grabación

5. Seleccionar las opciones pertinentees para poder tener la mejor grabacion.

6.navegar por el menu de opciones hasta presionar Rec.

7. Si se desea parar la grabacion presionar Stop.

8. Constatar que la grabacion se este ejecutando con exito absoluto.

9. Cuando finaliza la grabación presionar Stop en el menu.

1. Decodificar la señal de televisión . 

2. Transferir la señal digital a una analoga, sobre la cinta del Cassette.

3. Rodar con los cabezales adecuadamente la cinta.

4. Grabar sobre la cinta.

La última accion no es evidente para el usuario, 

1. Verificar si la grabación ha sido completada por el tiempo que el usuario requería.

2. Navegar por la interfaz para detener la grabacion.

3. Presionar Stop.

4. Presionar el botón u opción para expulsar el Vhs.

5.Tomar el Vhs.

Ejercicio 9.2
Seleccionar el tipo de reporte de rol de pagos.
En un software determinado el usuario es capaz de poder seleccionar a manera de guia el tipo de datos que se mostraran en su rol de pagos impreso, quiero decir los datos mas relevantes para el o para otros usuarios.
Como las horas extras que ha trabajado, cuanto recibiria por trabajar esas horas, cantidades debidas a la empresa y aspectos que variaran de un usario a otro.
referencia http://www.infoelect.com.ec/Latinium/Nomina.aspx

Ejercicio 9.1
Technical Management

http://www.iso.org/iso/standards_development/governance_of_technical_work/technical_management_board.htm

Pienso que una forma de usar o aplicar los estandares ISO para una interfaz real seria en el registro de entrada y salida de personas que trabajan en una empresa.

Entonces el proceso sería el siguiente.
escenario 1

1- La persona que llega al trabajo.
2- selecciona la tarjeta que le pertenece.
3- verifica que el reloj o aparato registrador de horas de ingreso este funcionando.
4- con la tarjeta seleccionada, lo inserta dentro de la ranura para lograr la impresión.
5- Espera que la tarjeta sea leida o acopdata.
6- Presiona el botón asignado para iniciarla impresion.
7-saca la tarjeta de la ranura.
8- Check de la impresion sobre el papel.
9- Fin de la tarea.

Escenario 2
STANDARDS AND REGULATIONS

http://www.iso.org/iso/standards_development/governance_of_technical_work.htm

Horas extras, el proceso seria el mismo que el anterior pero esta vez tendira que esperar que pasen las horas suficientes para poder completar sus horas extras y el reloj registrador haria el resto.
1- La persona que llega al trabajo.
2- selecciona la tarjeta que le pertenece.
3- verifica que el reloj o aparato registrador de horas de ingreso este funcionando.
4- con la tarjeta seleccionada, lo inserta dentro de la ranura para lograr la impresión.
5- Espera que la tarjeta sea leida o aceptada.
6- Presiona el botón asignado para iniciarla impresion.
7-saca la tarjeta de la ranura.
8- Check de la impresion sobre el papel.
9- Fin de la tarea.

Escenario 3
Salida sin permiso oficia o no formal
Eel proceso seria el mismo que el anterior pero esta vez la seleccion seria de horas de ausencia, lo cual el registro prodria imprimir sin problemas, solo que deberia repetir el proceso dos veces.
1- La persona que llega al trabajo.
2- selecciona la tarjeta que le pertenece.
3- verifica que el reloj o aparato registrador de horas de ingreso este funcionando.
4- con la tarjeta seleccionada, lo inserta dentro de la ranura para lograr la impresión.
5- Espera que la tarjeta sea leida o aceptada.
6- Presiona el botón asignado para iniciarla impresion.
7-saca la tarjeta de la ranura.
8- Check de la impresion sobre el papel.
9- Fin de la tarea.

Ejerciocio 5.6

Analizar una pagina web con los principios de diseño.
WWW.facebook.com
Principio de similitud, a modo de ver propio creo que los elementos que constituyen el index de Facebook si tienen formas similares como el contenedor de de la fotografía, o el contenedor de información personal, contenedor de información relevante y evetntos actuales todo esto junto con colores y delimitadores exactos.
Principio de proximidad, cada elmento esta especificamente ubicado para poder ejecutar una tarea, y la cercania de estos elementos como los post, comentarios, likes estan en relacion directa con una tarea especifica.
Principio de continuidad, el diseño si tiene un patrón pero es más bien geométrico, y la continuidad se asemeja a una estructura jeraquizada, de los más importante o lo más usual, por ejemplo del logo, pasamdo por la foto de perfil y termina en los derechos de autor.
Principio de Semejanza, dentro de facebook las semejanzas mas notorias parten del color la cantidad de iconos solo corresponde a acciones mas complejas como el chat o enviar mensajes o configuraciones especiales dentro de la interfaz.
Principio de Cierre, Cada elemento esta diseñado no a una manera de cierre sino en una forma que cada segmmento se aisla uno del otro, el chat esta separado de la interfaz total de facebook, la publicidad, y la información corresponden a las columnas.

Ejercicio 5.3

Word es una aplicación que cuando se guarda un documento envia un cuadro flotante que informa que el documento ha sido guardado, o el mismo caso de la impresión permite saber con un mesaje pequeño que la impresión ha concluido o tiene problemas para concretarlo.

Excel tiene similitudes respecto a uso de las formulas, cuando una formula de cálculo se encuentra mal escrita o no corresponde a la sintaxis establecida nos permite saber que esta mal escrito o mal ingresado el color cambia

Ejercicio5.3

Escenario de Tarea

****Enviar dinero al exterior(EEUU) para las tres de la tarde.***
1)ingresar a la página Web de Banner
2)Ir a la sección de cuenta bancaria
3)escribir el nombre y la contraseña
4)Una vez Dentro del sistema---
5)Sellecionar el tipo de transacción en este caso envio de dinero
6)Verificar la cantidad de dinero a transferirse
7)El número de cuenta y nombre de la persona que recibe.
8)Click en el boton enviar.
9)Menu emergente de transacción exitosa o fallida

10)Salir del sistema

Artefactos de casa

Pistola de silicona, quiero pegar objetos rotos
Coloco la barra de silicona en la pistola espero 10 minutos para que el material se caliente, con la pistola unto cierta cantidad de silicona sobre los objeto rotos y los pego.

TRabajo de pintura, uso la paleta para mezclar colores y poder pintar.

Horario de clases, sobre las clases que tengo anoto las fechas importantes que no debo olvidar

Maquina tragamonedas para tickets

El desgaste de una parte de la máquina que traga monedas para poder dar tickets a cambio se debe a mi criterio por que la moneda no cabe dentro de la ranura asignada para receptar las monedas y el usuario raspa las monedas, para solucionar esto es necesario seguir los movimientos del usuario y determinar cono exactitud el porque los usuarios raspa a la superficie de la máquina y asi lograr desarollar una interfaz mas robusta para evitar daños en la interfaz .

DISEÑO DE INTERFACES ADC 300


1 Descripción del problema real o área de aplicación que trabajará su programa.

El área en el que se desenvolverá mi aplicación será en el sistema Banner de la Universidad San Francisco de Quito. El sistema de la univerdad es uno de los mejores de su tipo, es muy eficiente, rápido y se adecua perfectamente a las necesidades de los estudiantes y el personal docente, ahora bien si todo esta perfecto no estoy tan de acuerdo con la presentación del sistema de datos, quiero decir carece de Gráficos que permitan una visualización de datos más enriquecida y como consecuencia de ello las permanencia en ese sistema se torna un tanto aburrida. Mi objetivo central es lograr que este sistema que hasta ahora funciona bien pueda tener una interfaz más actual y acorde a los estándares de interfaces modernas, aunque de inicio develará grandes trabas respecto a su forma de solución de presentación de imágenes, estoy seguro que la implementación de nuevos conceptos en su entorno gráfico logrará una mayor aceptación entre los usuarios estudiantes y personal docente de la USFQ

2 Identificación del tipo de usuarios que van a utilizar el programa y los retos en el diseño de la interfaz esperados al diseñar para este grupo.

Caracteristicas del usuario en características:

Los usuarios que utilizaran mi aplicación serán estudiantes que se encuentren entre 17 y 27 años de edad, pero también personal docente a partir de los 30 años hasta los 50 aproximadamente. Seran de ambos sexos y la tendencia cultural sera de status académicos con dominio de tecnologia del internet.

Entorno Físico, la interfaz tratará en lo posible de disminuir el ruido.

Entorno Social, disminución de stress en lo posible.

Entorno de Organización,

El desafío inicial se centra en la abstracción adecuada de gráficos que logren transmitir Enlace Sistema de Evaluación Docente

Dentro de información personal.

  1. Ver direcciones y teléfonos

2. Actualizar direcciones y teléfonos

3. Ver direcciones de correo-e

4. Actualizar direcciones de correo-e

5. Ver Contactos de Emergencia

6. Actualizar Contactos de Emergencia

7. Actualizar Estado Civil

10. Cambiar su NIP (Clave)
¿Requiere actualizar su NIP (Clave de Acceso)?

11. Cambiar pregunta de seguridad

Dentro de información académica.

1. Inscripción
Verifique su status de inscripción, horario de clase y agregar o eliminar clases.

2. Registro Académico
Ver retenciones, calificaciones y Kárdex Registro Graduación Febrero 2011 Encuesta Graduados 2011
Encuesta para los graduados 2011

Otro de los desafíos también se centra en mostrar con gráficos los siguientes.

Para Inscripción

1. Seleccionar Semestre

2. Estatus de Inscripción

3. Actualizar Datos de Carrera

4. Buscar Clases

5. Agregar o Eliminar Clases

6. Semana de un Vistazo

7. Vista Imprimible de Horario

8. Detalle de Horario

9. Historial de Inscripción

11. Inscripción Activa

Para registro Académico

1. Ver Retenciones

2. Calificaciones Parciales

3. Calificaciones Finales

5. Kárdex Académico

6. Kárdex Académico Ordenado por Materia

9. Catálogo de Curso

10. Ver Información de Alumno

11. Horario de Clase

3 Explicar al menos tres ejemplos de tareas típicas interactivas por las que sus usuarios utilizan su programa

Verificación de calificaciones actuales y compararlas con puntos de calidad alcanzados con anterioridad mediante gráficos enriquecidos.

Mostrar tiempo de estudio y tiempo libre en porcentajes.

Consulta de Kardex académico y el nivel de materias que se están tomando

4 Descripción a la solución de software propuesta al problema real o el área de aplicación.

◦ Identificación de los problemas que el programa puede presentar en la mayoría de casos y el tipo de problemas que no se va a presentar.

Interfaz grafica al inicio puede no ser muy clara, los gráficos podrían estar fuera de contexto y no tener relación con los datos mostrados o a mostrarse.

◦ Para reducir el tiempo o el conocimiento requerido para implementar tu prototipo, identifica las principales características que se incluirán en el prototipo.

Una de las características principales que incluiré será el contraste simultáneo dentro de los gráficos para no saturación de colores ni gráficos.

5 Discutir cualquier dificultad o problema y prever las estrategias para enfrentarlos.

Los colores serán sometidos a encuesta para poder alcanzar un estándar basado en aceptación de los usuarios.

LA distribución de espacios en lo posible será optima de acuerdo con los requerimientos de la tarea asignada por el usuario.

Ejercicio 3,2 diseño de interfaces

Lisa, estudiante de 18 años de edad como está en la universidad requiere dinero para continuar sus estudios en la universidad, su padre un ingeniero de sistemas le extendio una tarjeta de credito para que pudiese adquirir lo que necesite para sus estudio y poder mantener un control sobre sus transacciones bancarias y cuidar que ella no desfalque dinero, pero resulta que Lisa tiene gustos muy caros respecto de sus bienes materiales lo que implica que sus gastos no escatiman esfuerzos de ninguna indole cuando quiere adquirir algo aunque sea por estudio, el problema creo que puede solucionarse de la siguiente forma:

Establecer un balance de los ultimos semestres cursados y basado en esta informacion crear una cuota de dinero para evitar en alguna forma el despilfarro.

Dennis un hombre de 45 años de edad opto por jubilarse para segun sus argumentos descansar, ahora bien, - el gobierno le provee a el una suma modesta para poder vivir tranquilo sus años de vejes, pero este monto que mensualmente se le asigna a Dennis no esta contemplado para cubrir montos que requieran hospitalización o gastos de emergencia, generalmente sus retiros bancarios los hace con cajeros que le explican lo que tiene que hacer para poder retirar cierta cantidad de dinero pero nunca esta consiente de cuanto dinero ha gastado o ahorado mas que por los numeros que mira en su estado bancario de la libreta-- una solucion para poder tener una apreciacion mas detallada seria poder usar o implementar una serie de cuadros estadistico a modo de graficos que le indiquen a el su evolucion de gastos y ahorros.

Maria, mujer de 85 años de edad aunque esta muy vieja aun trabaja de pintora y muestra sus obras en una gaeria de arte muy exitosa de la cuidad, mucha gente compra sus cuadros, pero ella no esta del todo informada de cuanto ha vendido mensualemente o cuanto mas o menos ha vendido respecto de mese o semestres anteriores, en este caso especial tambien considero que una forma de presentacion de datos visuales ayudaria mucho, dado que no es facil su esdad reconocer numero tan pequeños como los que se muestra en los estados bancarios, entonces una vez implementado este sistema de dibujos que muestren la evolucion o caida de sus ventas seria mas eficiente para poder permanecer mejor informada respecto de sus ventas.

Ejercicio 3,1 diseño de interfaces

Usuario ATM Customer characteristic, by group
Characteristic Teens/young adults Young Adults Middle age to senior citizens
Age 12-25 25 to 50 50 to 80
sex Both male and female Both male and female Both male and female
Physical limitacions Daltonismo ninguna Motricidad el las manos limitada
Educacional Background Educacion minima Educacion minima Educacion minima
Compputer/It use Tiene conocimientos basicos de computación no tienen experiencia en informática no tienen experiencia en informática
Motivation no tienen motivación en relacion al ATM no tienen motivación en relacion al ATM no tienen motivación en relacion al ATM
Attitude no tienen motivación en relacion al ATM no tienen motivación en relacion al ATM no tienen motivación en relacion al ATM

Ejercicio 1.4

1.1 obtenener el número telefénico de las persona a quien voy a contactar.

1.2 ubicar una lénea de teléfono.

1.3 insertar moneditas para tener crédito.

1.4 marcar el numero telefónico.

1.5 Esperar respuesta caso contrario repretir los pasos anteriores.

1.6 inicio la conversación.

1.7 confirmar asistencia.

1.8 Comprar comida.

1.9 prepararla y esperar al amigo.

Nueva Interfaz Gráfica para el sistema Banner de La USFQ

El sistema de la univerdad es uno de los mejores de su tipo, es muy eficiente, rápido y se adecua perfectamente a las necesidades de los estudiantes y el personal docente, ahora bien si todo esta perfecto no estoy tan de acuerdo con la presentación del sistema de datos, quiero decir carece de Gráficos que permitan una visualización de datos más enriquecida y como consecuencia de ello las permanencia en ese sistema se torna un tanto aburrida. Mi objetivo central es lograr que este sistema que hasta ahora funciona bien pueda tener una interfaz más actual y acorde a los etandares de interfaces modernas, aunque de inicio develará grandes trabas respecto a su forma de solucionamiento de presentacion de imagenes, estoy seguro que la implementación de nuevos conceptos en su entorno gráfico logrará una mayor aceptacián entre los usuarios estudiantes y personal docente de la USFQ

Inti Condo
Indígena Puruhá
Universidad San Francisco de Quito
Interactividad y Multimedia

Problema con la interfaz de WordPress

El problema inicial creo que radica el la creaciónn de una nueva categoría, existen claramente dos formas muy visibles de acceso a las categorias pero cuando se trata de lograr crear una nueva categoría es mas complicado, resulta confuso por que no es muy gráfico su procedimiento para poder anexar una categoria. Podria bajo mi criterio hacer más visible el diseño gráfico para crear categorías, respecto de las otras actividades las posiciones estan muy bien estudiadas y logradas. Aunque no es un problema de enormes proporciones, este diseño puede ser mejorado

interfaces Aeropuertarias

interfaces Aeropuertarias

aeropuerto

Colocar personal adiestrado en cada seccion para manejar una interfaz especifica para cada situacion como agilitar el proceso de validacion del pasaporte. 

Utilizar visualizacion de datos en tiempo real para que el usuario sepa a cada momento, su hora de

Utilizar visualizacion de datos en tiempo real para que el usuario sepa a cada momento, su hora de embarque, su situacion actual como viajero, en una maquina dedicada similar a un cajero automatico. 

Colocar iconos emergentes

Eduar Guadarrama

Jean c Morales

Inti condo


boton comando

boton comando

Un comentario

16 09 2010
Gavi

Después de leer tu propuesta creo que hace falta el de involucrar más al usuario de este sistema y el de describirlo.
Por otro lado la propuesta de hacer al sistema de la universidad más atractivo me gusta, ya que concuerdo contigo en que es “aburrido”.
Otra coso importante sería el de mantener el mismo esquema y si es posible aumentar algunas actividades como las que mencionaste en clases, como que te diga según tu pensum las materias que te faltan tomar y cuales ya has cogido. Creo que esta bastante detallado el objetivo principal del proyecto y en general.

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s




Seguir

Get every new post delivered to your Inbox.