Diferencia entre revisiones de «Usuario:Juanda/html/usabilidad»
De WikiEducator
(→Instalación de Balsamiq Mockup en Ubuntu 12.04) |
|||
| (10 revisiones intermedias por el mismo usuario no mostrado) | |||
| Línea 1: | Línea 1: | ||
{{Usuario:juanda/html/nav }} | {{Usuario:juanda/html/nav }} | ||
| − | {{#widget:Slides}} {{MiTitulo| Curso de | + | {{#widget:Slides}} {{MiTitulo| Curso de UX}} |
<div class="slides layout-regular template-default"> | <div class="slides layout-regular template-default"> | ||
<div class="slide"> | <div class="slide"> | ||
| Línea 8: | Línea 8: | ||
<div class="slide"> | <div class="slide"> | ||
| − | + | == Eye tracking == | |
| − | == | + | |
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | |||
*Tecnologías que permiten registrar la forma en la que una persona mira una escena o imagen, en qué áreas fija su atención, durante cuánto tiempo y qué orden sigue en su exploración visual. | *Tecnologías que permiten registrar la forma en la que una persona mira una escena o imagen, en qué áreas fija su atención, durante cuánto tiempo y qué orden sigue en su exploración visual. | ||
*Conocer los puntos calientes en los que el usuario fija inicialmente la mirada, ayudan a estructurar los contenidos en una web. | *Conocer los puntos calientes en los que el usuario fija inicialmente la mirada, ayudan a estructurar los contenidos en una web. | ||
| Línea 27: | Línea 25: | ||
*Observar sesión del cliente: | *Observar sesión del cliente: | ||
:[http://silverbackapp.com/ Silverback] (Solo MacOS) | :[http://silverbackapp.com/ Silverback] (Solo MacOS) | ||
| − | :[http://www.trymyui.com/ | + | :[http://www.trymyui.com/ TryMyUi] (Multiplataforma) |
| − | :[http://www.teamviewer.com/ Team Viewer] | + | :[http://www.teamviewer.com/ Team Viewer] (Multiplataforma, Linux mediante Wine) |
*[http://designbeep.com/2011/06/06/great-examples-of-eye-tracking-studies-for-blogs-and-websites/ Ejemplos de eye tracking] | *[http://designbeep.com/2011/06/06/great-examples-of-eye-tracking-studies-for-blogs-and-websites/ Ejemplos de eye tracking] | ||
*[http://www.usefulusability.com/24-usability-testing-tools/ Más información de herramientas] | *[http://www.usefulusability.com/24-usability-testing-tools/ Más información de herramientas] | ||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | |||
| + | == Boceto y prototipado == | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| Línea 63: | Línea 65: | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | + | ==Diseños preliminares: presupuesto Web== | |
| − | + | </div> | |
| + | <div class="slide"> | ||
Es fundamental la elaboración de algún boceto a la hora de dar un presupuesto final de un proyecto web a un cliente. | Es fundamental la elaboración de algún boceto a la hora de dar un presupuesto final de un proyecto web a un cliente. | ||
2 casos: | 2 casos: | ||
| Línea 72: | Línea 75: | ||
:[http://www.balsamiq.com/products/mockups Balsamiq Mockup] (de pago) | :[http://www.balsamiq.com/products/mockups Balsamiq Mockup] (de pago) | ||
:[http://pencil.evolus.vn/ Pencil] (gratuito, multiplataforma) | :[http://pencil.evolus.vn/ Pencil] (gratuito, multiplataforma) | ||
| + | </div> | ||
| + | <div class="slide"> | ||
*Página Web centrada en el diseño | *Página Web centrada en el diseño | ||
:Uso de programas tipo Inkscape, Photoshop o Gimp. | :Uso de programas tipo Inkscape, Photoshop o Gimp. | ||
| − | :Cada diseño es único y lleva su tiempo. | + | :Cada diseño es único y lleva su tiempo, no podemos realizar un boceto. |
| + | :Necesitamos tener una buena tarjeta de visita: nuestra Web | ||
| + | :Necesitamos un portfolio que mostrar al cliente. | ||
| + | </div> | ||
| + | <div class="slide"> | ||
*Calculo del presupuesto Web | *Calculo del presupuesto Web | ||
:¿Algún tipo de clasificación por tipo de trabajo? | :¿Algún tipo de clasificación por tipo de trabajo? | ||
| − | |||
:[http://www.websitehomework.com/website-design-cost-calculator.html Ejemplo de cálculo] | :[http://www.websitehomework.com/website-design-cost-calculator.html Ejemplo de cálculo] | ||
| + | :¿Cálculo por horas? | ||
| + | :¿Cuánto vale cada hora de trabajo? En función de la demanda y de la experiencia. | ||
| + | :¿Y cómo se calculan las horas que cuesta? | ||
| + | :Ojo con los presupuestos cerrados, pero es habitual, el cliente quiere un precio final. | ||
| + | </div> | ||
| + | <div class="slide"> | ||
| + | *¿Utilizamos algún gestor de contenidos? | ||
| + | :Puede ser útil el uso de Google Trends para comparar tendencias | ||
| + | :Plantillas de diseño ya elaboradas, ¿imágenes? | ||
| + | :Basta buscar en el [http://envatomarketplaces.com/ marketplace adecuado.] | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | + | ==Instalación de Balsamiq Mockup en Ubuntu 12.04== | |
| + | </div> | ||
| + | <div class="slide"> | ||
* Han dejado de dar soporte Adobe-air para Linux: Versión actual 2.6. Versiones Windows y Mac 3.1 o posterior. | * Han dejado de dar soporte Adobe-air para Linux: Versión actual 2.6. Versiones Windows y Mac 3.1 o posterior. | ||
* Proceso de instalación de Adobe-air ([http://ubuntuguide.net/install-adobe-air64-bit-ubuntu-12-04-precise documentación original]): | * Proceso de instalación de Adobe-air ([http://ubuntuguide.net/install-adobe-air64-bit-ubuntu-12-04-precise documentación original]): | ||
| Línea 118: | Línea 138: | ||
</div> | </div> | ||
| − | + | <div class="slide"> | |
| + | *Tenemos una versión de prueba de Balsamiq para 7 días. | ||
| + | *Hay [http://support.balsamiq.com/customer/portal/articles/105924 varias opciones de licencia gratuita] | ||
| + | </div> | ||
</div> | </div> | ||
Última revisión de 12:26 19 dic 2013
Diseños preliminares: del boceto al prototipo
- El prototipo es la mejor forma de aproximarse a la comprensión y concepción del producto final (en este caso un sitio y/o páginas web).
- Es útil ver y porque no, COPIAR de la competencia, que algo harán bien.
- Listado de herramientas
