User Interfaaaace

User Interface Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions.

Keep it simple, Simple UI design means that anyone can have access to very sophisticated applications. When applications are well designed, there is no price for access. You may have to pay for the application, but you don’t have to spend time learning how to use it.

top-hero-screens.png

What is the difference of UX and UI? Well UX Design refers to the term User Experience Design, while UI Design stands for User Interface Design. Both elements are crucial to a product and work closely together. But despite their professional relationship, the roles themselves are quite different, referring to very different parts of the process and the design discipline.

 


El día de exposición, que no expusimos

En esta clase, se suponía que cada equipo iba a exponer el prototipo y el bosquejo de su proyecto, sin embargo, la clase la utilizamos para refinar y terminar detalles de estos.

Prácticamente toda la clase la utilizamos para terminar esta tarea, por lo cual la exposición tuvo que ser re-agendada a dos semanas después, debido que la próxima sesión sería el examen parcial.

Nosotros, como ya teníamos el bosquejo totalmente terminado, y el prototipo a medias, utilizamos la sesión para poder terminar completamente el prototipo, y aventajarle en la entrega final del proyecto.


Class Diary

El día 5 de octubre, después del pequeño receso que nos regaló la semana i, volvimos a nuestras actividades normales en la clase de fundamentos de diseño interactivo.

Para comenzar la clase, el profesor nos dejó una actividad para poder crear un presupuesto aproximado del proyecto que estamos desarrollando, en el cual, fue bastante gracioso ver como varios de nosotros cobrábamos precios exorbitantes por el trabajo que planeamos realizar.

Sin embargo, nosotros nos basamos en un sitio web llamado codecollege.ca, donde nos daba una pequeña herramienta para poder hacer la cotización de nuestro proyecto.

xmkxsacwq2m6xiyfmmuh_logo_yellow

También el profesor nos dejó que investigáramos sobre Balsamiq y Proto.io, para poder empezar a realizar nuestros bosquejos y el prototipo de la solución de nuestro proyecto.


Prototype and codiiiiiing!

Esta segunda clase presentamos el prototipo que habíamos empezado la clase pasada. Presentamos un monorriel y un tipo “carrusel” para que las personas se pudieran transportar de manera más rápida.

Un video pequeño para explicar el proyecto:

(Bajen un poco el volumen, jeje)

 

También, empezamos a conocer algunas funciones de HTML5 y CSS3 mediante el sitio de liveweave.com en el cual conocimos algunas de las etiquetas más utilizadas en HTML y la estructura básica.

Ahora nuestra tarea será crear una página para promocionar el producto que acabamos de crear.

 


Primer día 10/8

En esta clase, el profesor aprovechó para presentarse y contarnos acerca de lo que abarcaría el curso. También creamos boletines informativos mediante MailChimp el cual desafortunadamente, al momento de enviar los boletines a nuestros compañeros de clase nos bloquearon la cuenta.

enhanced-buzz-wide-6382-1329860109-8
Vía buzzfeed.com

Además, empezamos con la creación de un prototipo para solucionar un problema que se diera en la actualidad. Debido a los tiempos, la actividad quedó pospuesta para la clase de la próxima semana.

Así fue nuestra primer día de clase en Fundamentos de Diseño Interactivo