Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

UI Basico

No description
by

Mariana Garcia

on 29 August 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of UI Basico

Proyectos V
UI Intermedio
Heuristics
Tiempo para analizar lo aprendido...
Formar un círculo
Para que les pueden servir las heurísticas?
Qué aprendieron con respecto a las heurísticas?
Como se sintieron al discutirlas en clase?
Hubo alguna que fuera difícil de comprender?

15 min antes de salir

Analizar lo aprendido en clase :
"Algo que aprendí que no puedo esperar para llevar a otra clase es ..."
"Una idea para mejorar las dinámicas grupales, personales es..."
"Que me agrado de esta sesión"
"Que cosas se me dificultaron o disgustaron de esta sesión"
Conclusion
UI Basico
User Interface (UI): Es el medio en el que una persona controla una aplicación de software o un dispositivo de hardware.
GUI. Esto significa que el programa incluye controles gráficos como...
Checkbox
Radio button
Combo box
Select/ Drop down
http://tympanus.net/Development/SimpleDropDownEffects/index.html
Date Picker
Input Field
Scroll
Slider
Error Message
Loader/ Downloader/spinner
Sort
Link
Tooltip
Modal
Form
Carrousel
Infinite Scrolling
C1.- News Paper
C2.- Book a Flight
FI
Según JD Power, el 87% por ciento de los viajeros utilizó Internet para la planificación de sus viajes en 2012, sin embargo, la experiencia de reserva en línea ofrecidos por las compañías aéreas modernas sigue atascada en los años 90.
La oportunidad de traer la interrupción progresiva a este enorme mercado, se revisaron los principales sitios web de aerolíneas, y los calificaron en criterios de usabilidad tales como: arquitectura de información, diseño de interacción y diseño visual. Los resultados fueron desalentadores. Creemos que a menos que las aerolíneas adopten medidas drásticas para mejorar sus experiencias digitales, sitios de terceros como Kayak y Expedia seguirán con sus enormes beneficios. Así que pusimos en marcha un experimento para explorar, "¿Que pasaría si...?"

Crear un sitio para buscar vuelos y viajar
C3.- Social Media
Microsoft

Ir de compras es inherentemente social. Pero con las tecnologías Web avanzadas de hoy en día, ir de compras es llevado a un nuevo campo de juego para la facilidad del consumidor.
Crear una experiencia web consolidando los catálogos de papel en libros digitales fácil de usar. Esta es una aplicación de descubrimiento comercial que filtra las páginas comerciales en función de sus "Likes" en Facebook.

Crear un sitio de Compras tipo "Pinterest"

Results
USA TODAY
La lectura de periódicos está en declive. De hecho, los medios impresos en general está jadeando en busca de aire, en una búsqueda desesperada por el camino de vuelta hacia relevancia en nuestro mundo cada vez más digital. No es que nuestro apetito para las noticias y la información se han desvanecido, sino que ciertamente no tienen. El principal reto para los editores es evolucionar de alguna manera junto con las preferencias de su audiencia. Esta evolución ha sido desde el papel a los píxeles, y no muestra signos de desaceleración. De hecho, una encuesta de consumo de noticias Centro de Investigación Pew 2012 muestra que totalmente 39% de los estadounidenses encuestados prefieren recibir sus noticias digitalmente vs fuentes fuera de línea más tradicional. Desde el cuarto lugar en 2008, el consumo de noticias digital es ahora el segundo lugar a la programación de prensa televisada.

Crear un sketch del home
1.-Visibilidad del estado del sistema.
Mantener a los usuarios informados de lo que esta pasando dando una retroalimentación apropiada en un tiempo razonable.
Cuando pido la hora
Cuando cocino un pastel y lo meto al horno.
1.0 BaseCamp by 37signals
The upload button is enabled, until clicked. Then it is replaced with a progress indicator until the file has finished uploading
2.-Utilizar el lenguaje de los usuarios.
El sistema debe utilizar el lenguaje de los usuarios, con palabras o frases que le sean conocidas, en lugar de los términos que se utilizan en el sistema, para que al usuario no se le dificulte utilizar el sistema
Diseño
Sketch
Concepto
Lapiz
Tipografia
Software
Partes de diseño
2.0 iTunes
Organized as a library that contains your media library: music, movies, shows, audibooks. Beneath the Library is the Store where you can buy more media to put in your Library.
Or the Cat Shopping
3.-Control y libertad para el usuario.
En casos en los que los usuarios elijan una opción del sistema por error, éste debe contar con las opciones de deshacer y rehacer para proveer al usuario de una salida fácil.
Compre una television en Best buy Full HD marca Samsung con un año de garantia y a 12 meses sin intereses.
Intente instalar la television en mi Home Teather, pero no pude.
Compre un smart phone en Telcel, en base a mi nuevo plan de datos y obtuve un iphone 5.
traspase el celular a un amigo, pero pague con mi tarjeta de credito a 12 meses sin intereses.
3.0 CollabFinder
Search is easy to open, enter info, execute or cancel.
Or the Home button example
4.-Consistencia y estándares.
El usuario debe seguir las normas y convenciones de la plataforma, para que no se tenga que preguntar el significado de las palabras, situaciones o acciones del sistema.
Seccion 1
Home / Productos / Nosotros/ Contacto
Seccion 2
Homepage / Productos / Nosotros / Contacto
Seccion 2
Empresa / Productos / Catalogo / Contacto
Seccion 1
Empresa / Productos / Catalogo / Contacto
5.-Prevención de errores
Es más importante prevenir la aparición de errores que generar buenos mensajes de error. Hay que eliminar acciones predispuestas al error o, en todo caso, localizarlas y preguntar al usuario si está seguro de realizarlas
6.-Minimizar la carga de la memoria del usuario.
Minimizar la información que el usuario debe recordar mostrándola a través de objetos, acciones u opciones. El usuario no tiene por qué recordar la información que recibió anteriormente. Las instrucciones para el uso del sistema deberían ser visibles o estar al alcance del usuario cuando se requieran.
No soy una persona madrugadora. Si tengo que llevar algo para trabajar, lo pongo en el coche por la noche. Excepción: los productos perecederos, como alimentos y objetos, que se funden o estropear en el coche si me olvido de ellos.
7.-Flexibilidad y eficiencia de uso.
Aumentar la velocidad de interacción para el usuario experto Es importante que el sistema permita personalizar acciones frecuentes para así acelerar el uso de éste, pero al mismo tiempo que sea tan sencillo que un usuario basico pueda entenderlo
Amazon. Guardan la información personal que se proporciona por los clientes después de la compra. Entonces, cada vez que el cliente realiza otra compra, se puede recuperar la información con un solo clic.
8.-Diálogos estéticos y diseño minimalista.
La interfaz no debe contener información que no sea relevante o se utilice raramente, pues cada palabra adicional de información en un diálogo compite con el texto que es relevante y genera confusin en los usuario
Microsoft Office
List of keyboard shortcuts and accelerators
It's like Tom Cruise's character said in Top Gun, "You don't have time to think up there. If you think, you're dead."
Los mensajes de error deben de ser claros, indicar el problema y ofrecer soluciones.
9.-Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores.
The Story of the car keys
10.-Ayuda y documentación
A pesar de que es mejor un sistema que no necesite documentación, puede ser necesario disponer de ésta. Si así es, la documentación tiene que ser fácil de encontrar.
La Regla de Oro es:
There’s no such thing as a “user error”!
Sign in - Log in
"Sign up" --> Register
Full transcript