Páginas

viernes, 24 de febrero de 2012

Usabilidad como

Elemento funcional (eficacia): Me permite alcanzar el objetivo. Quiero comprar un billete de avión y cuando finalizo mi visita he logrado comprar el billete

Eficiencia: Navegación lógica, pocos pasos y cortos. Facilidad de entrada de datos. Respuesta rápida

Fiabilidad: A operaciones iguales, procesos y resultados iguales

Organización: Poder volver a encontrar de manera sencilla ese contenido que vi el otro día y que pensé, ahora no, pero seguro que más adelante me será de utilidad

Independencia tecnológica: Mac/Windows/Linux; iexplorer/mozilla/chrome/opera; PC/tablet/Smartphone

Movilidad: comprar una camisa que veo en un escaparate, sin necesidad de entrar en la tienda, sólo haciendo una foto a un código QR y siguiendo unos pocos y sencillos pasos desde mi móvil

No hacer pensar al usuario: pasos instintivos o ya aprendidos. Y si no es posible porque nuestro producto es innovador, facilita toda la info y ayuda necesaria

miércoles, 22 de febrero de 2012

Añadir un botón Pin it a tu blog


Donde más juego nos puede dar un botón de Pinterest es en tumblr ya que la mayoría de contenidos que se comparten en dicha plataforma son imágenes:

Añadir un botón para pinear contenidos de tipo foto en Tumblr

Ir a preferencias (botón con el icono de la llave inglesa) y allí pulsar el Editar HTML

Busca el tag </body> y añade este código:
<script type=”text/javascript” src=”http://assets.pinterest.com/js/pinit.js”></script>

Busca el tag {block:Photo} y añade el siguiente código lo más próximo al tag {NoteCountWithLabel} de manera que siga una estructura HTML coherente:

<a href=”http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-HighRes}&description={PhotoAlt}” class=”pin-it-button” count-layout=”horizontal”>Pin It</a>

Añadir un botón para pinear contenidos en Wordpress

Crear un widget de texto e insertar este código:

Comparte en Pinterest <a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" class="pin-it-button" count-layout="horizontal">
<img src="http://passets-cdn.pinterest.com/images/about/small-p-button.png"/></a>

Añadir un botón para pinear contenidos en Blogger

Desde la pantalla de plantilla de diseño añadir un gadget HTML/javascript e insertar este código:

Comparte en Pinterest <a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" class="pin-it-button" count-layout="horizontal">
<img src="http://passets-cdn.pinterest.com/images/about/small-p-button.png"/></a>

viernes, 17 de febrero de 2012

Usabilidad Web

El diseño no tiene que transmitir sensaciones (de eso se encarga el arte), lo que tiene que transmitir, son mensajes. Por ello el diseño no se traduce en un me gusta o no me gusta sino en he entendido lo que el autor quería transmitirme y además me ha aportado algo que me ha sido y me será útil.

En la usabilidad web no caben interpretaciones subjetivas. Una web es eficaz si logra el objetivo para la que fue creada:
  • Obtener información
  • Permitir realizar operaciones online
  • Inducir a realizar una determinada acción (llamada a la acción)
Y es eficiente, si además lo hace siguiendo la lógica funcional que el usuario tiene en mente.

No hay discusión posible y menos ahora que disponemos de miles de herramientas de analítica que nos permiten rastrear todos los movimientos que el visitante realiza mientras está en nuestra Web.

miércoles, 15 de febrero de 2012

Siluetas en PowerPoint 2010 para torpes

Si bien la propuesta de Gonzalo Álvarez en su blog el arte de presentar es la más idónea, no todos disponemos de una tableta digitalizadora en casa o en el trabajo y lo que es peor, nuestras manos distan mucho de las de un cirujano y nuestro pulso deja mucho que desear.

Por ello os presento una forma sencilla de crear siluetas de forma sencilla, gracias a las nuevas herramientas que incluye PowerPoint 2010.

Lo primero que haremos es buscar por Internet o en nuestro repositorio de imágenes alguna imagen en la que salga una persona en la posición que necesitamos para nuestra silueta.


La insertamos en una diapositiva y seleccionamos la imagen. Vamos al menú Formato y desde allí seleccionamos la opción Quitar fondo.


Vamos encuadrando nuestra foto hasta que consigamos que todos los elementos del fondo que queramos eliminar se pongan de color rosa (siempre podremos refinar el contorno usando los botones Marcar las áreas a mantener y Marcar las áreas a quitar).

Pulsamos en Mantener los cambios y obtenemos algo como esto:


Ya tenemos la imagen recortada y ahora pasamos a convertirla en silueta. Para ello seleccionamos la imagen y hacemos aparecer su menú contextual haciendo click con el botón derecho del ratón.


Escogemos la opción Formato de imagen y de allí vamos a Correcciones de imágenes y ponemos el contraste a -100%


Con esto tenemos ya una bonita silueta gris, pero igual la necesitamos de otro color. Por ello, con la imágen seleccionada, vamos al menú Formato y allí escogemos la opción Color.


Ya sólo nos queda elegir el color que queramos darle a la silueta y completar la transparencia con el resto de elementos.