dissabte, 31 de març de 2012

Conversors de vídeo

Ara que tenim infinitat de dispositius amb diferents mides, relació d'aspecte, resolució, que si HD, MP-el-que-sigui, ens veiem obligats en alguns casos a convertir els nostres vídeos al format adequat per a cada dispositiu.

Tot i que conceptualment això és una aberració (entenent aberració com a cosa rara i massa complicada perquè sí ), per poder convertir de forma ràpida i sense gaires mals de cap els nostres vídeos, han aparegut com els bolets infinitat d'aplicacions per a convertir qualsevol format en qualsevol altre per poder adaptar-lo al nostre dispositiu

Avui us presentem un parell d'aquestes aplicacions, qui ens havia de dir que veure un vídeo en un iPodTouch portava tantes complicacions!!!

Per tots dos podem seleccionar el dispositiu o el format de vídeo i també tenim la possibilitat de combinar arxius. Triar-ne un o altres serà qüestió de gust.


Hamster Video Converter


Freemake Video Converter

Read more ...

divendres, 30 de març de 2012

Premis Blocs Catalunya 2012

Un cop més i ja van 2 limitnordest es presenta als Premis Blocs Catalunya.
Els que vulgueu votar el bloc ja us informarem de quan s'obre el període de votacions
Pels que encara no ho sabeu els Premis Blocs Catalunya són un certamen organitzat per l'Associació stic.cat amb l'objectiu de promoure la creació i manteniment de blocs en català, així com donar-los a conèixer i premiar-ne els més interessants.

Read more ...

dijous, 29 de març de 2012

Google Play: renovació de l'Android Market i nous reveis

Google Play Store
L’antic Android Market ha passat a ser la Google Play Store la botiga d'aplicacions i jocs de Google. En un mateix lloc trobarem aplicacions, jocs, llibres, pel·lícules i música disponible per a qualsevol dispositiu Android o per a gaudir-les des de la web.
La Google Play Store la tenim accessible des de la barra d’eines de Google.



Google Play Artist Hub
Ofereix a músics i artistes de tota mena la possibilitat de vendre i compartir la seva música amb els fans.
Cada artista tindrà una pàgina / botiga, on podrà establir els seus propis preus i vendre les seves cançons originals. La pàgina de la botiga pot incloure continguts com biografia de l’artista, fotografies, enllaços i la música original que té disponible per a la venda.
El servei està integrat amb altres serveis de Google com Youtube on es poden penjar els videos de l’artista o grup o Google+ amb es pot crear un xarxa de fans (cercles en aquest cas).
Google Play Artist Hub té una quota única de $ 25 per cada configuració de pàgina de l'artista i manté un 30% de comissió sobre les vendes, és a dir, no hi ha cap limitació en la quantitat de continguts que pugi cada artista.
De moment el servei només està disponible a Estats Units.



Com sempre tots aquests serveis estan disponibles només amb el compte de Google.
Read more ...

dilluns, 26 de març de 2012

Entrevista amb Olga Carreras

L’Olga Carreras és una persona fantàstica i no només perquè va respondre l’entrevista si no perquè ho és.
A més d’això és una dels professionals amb més prestigi i importants en el món de l’UX disciplina que engloba tot allò relatiu a wireframes, usabilitat, accessibilitat, experiència d’usuari, prototipus web, etc.
Amb una àmplia i intensa trajectòria professional, que es demostra no només amb el seu currículum (que es d’aquells que fa tremolar els genolls) si no també com s’explica i com raona els conceptes, fent que tot s’entengui i resulti fàcil.


Aquí teniu l’entrevista sencera, personalment ens sentim molt honrats i agraïts de que ens hagi respost, així que: Moltes Gràcies Olga!!!!


Saliste en la lista de las 40 mujeres más influyentes en la red, ¿cómo se consigue esto?
La verdad es que me enteré una vez publicada la lista. Me gustaría verlo como un reconocimiento al esfuerzo que realizo por transmitir mi experiencia y conocimiento en diversas redes sociales, y en especial en mi blog, con cientos de horas invertidas (normalmente horas de sueño o robadas a mi familia) para crear artículos novedosos y herramientas de ayuda.

Arquitecto de la información, consultor, diseñador técnico, funcional, ¿cuál es el nombre correcto para alguien que piensa y diseña wireframes?
“Consultor” es un término demasiado vago. Las empresas me contratan como consultora, pero esto simplemente significa “experta en una materia”: accesibilidad, usabilidad, o en una a la que muchos clientes no saben poner nombre: la arquitectura de información.
Una de las responsabilidades del arquitecto de información es realizar el prototipado del sitio web. Por tanto el nombre correcto es “arquitecto de información”… lo cuál no quiere decir que todo el que realiza un wireframe sea un arquitecto de información.
Como resumía J.J.Garret, el arquitecto de información es quien durante la fase de “estrategia” identifica los objetivos, en la fase de “alcance” las necesidades de los usuarios, en la fase de “estructura” especifica las funcionalidades y requerimientos de la web, en la fase de “esqueleto” el diseño de los sistemas de navegación, organización, etiquetado y búsqueda y en la fase de “interfaz” prototipa la página.

¿Qué conocimientos debe tener un profesional de UX?
La Experiencia de Usuario (UX) implica idear no sólo sitios usables, sino útiles, deseables, encontrables, creíbles, valiosos y accesibles, según el famoso panel de Morville.

Es un enfoque multidisciplinar y por tanto un consultor UX debería estar formado en las diferentes disciplinas que integra. Debería tener amplios conocimientos sobre metodología, arquitectura de información y diseño de interacción; sobre usabilidad, accesibilidad, estándares web y técnicas de evaluación; debería tener formación en SEO, en analítica web, en marketing y persuabilidad, en diseño gráfico, en redes sociales.
Me gusta mucho el mapa mental “UX Curriculum”
http://theotherblog.com/wp-content/files/UXCurriculum.pdf que lo expresa de manera muy clara.

¿Eres autodidacta?
Cuando empecé no se habían publicado todavía las WCAG 1.0 o el “Designing Web Usability” de Nielsen, y acababa de salir el libro de Morville “Information Architecture for the World Wide Web”… lo cual me hace sentir un poco vieja.
Quiero decir que no se tenían los conocimientos (y ni siquiera los conceptos) ni mucho menos las posibilidades de formación, que existen hoy. Y aunque desde entonces he hecho cursos, sí que me considero fundamentalmente autodidacta, creo que como la mayoría de los consultores web de mi edad.
Pero en realidad lo que me ha ido formando ha sido la suerte que he tenido de poder participar en proyectos muy grandes, con clientes exigentes y acompañada por estupendos profesionales.

Comentando con un compañero que estuvo en el grupo Griho de la UdL, entramos en la polémica de que teorizar sobre usabilidad, métricas y técnicas está muy bien, pero que no se aproxima a la realidad del día a día de un arquitecto, consultor o “wireframero”, que tiene que lidiar con jefes, clientes, plazos de entrega, caprichos, etc., ¿cómo lo ves?
En un mundo ideal contaríamos con unos plazos, unos recursos y un presupuesto ilimitado y por supuesto no habría limitaciones técnicas. Ya sabemos que esto nunca ocurre, y que la metodología ideal es a menudo demasiado ambiciosa para gran parte de los proyectos.
Sin embargo siempre hay unos mínimos a aplicar para que podamos asegurar la calidad del resultado. Yo recomendaría la lectura del artículo “En busca del Diseño Centrado en el Usuario (DCU): definiciones, técnicas y una propuestahttp://www.nosolousabilidad.com/articulos/dcu.htm de Jordi Sánchez, donde repasa los HCI de guerrilla y hace su propuesta de mínimos.
En cuanto a lo de lidiar con jefes, clientes y caprichos, la experiencia te va enseñando, pero lo más importante es hacer valer nuestro trabajo, comunicarlo bien y sobre todo argumentar y fundamentar cada decisión, así como explicar los contras de los “caprichos” y proponer alternativas mejores.

La accesibilidad y la usabilidad van ligadas, pero ¿una web accesible es necesariamente usable? ¿Y al revés?
Una web usable debería ser accesible. Los estándares formales de usabilidad incluyen como atributo la accesibilidad. Por ejemplo en la ISO 9241-151, el punto 6.10 implica el cumplimiento de las WCAG. Y en general, cualquier propuesta de directrices de usabilidad con la que trabajes incluirá la accesibilidad como uno de los requisitos.
Por el contrario, que una web sea accesible no implica necesariamente que sea usable, aunque sin duda será más usable, pues hay muchas pautas de las WCAG que se asocian a menudo con la usabilidad como la claridad del lenguaje o el rotulado de los enlaces.
Por eso la accesibilidad se entiende a menudo como un subconjunto de la usabilidad y una pre-condición para la misma, aunque es un tema que siempre genera mucha discusión.

¿Podemos fiarnos de las herramientas de validación automática? Tawdis, Hera

El problema de las herramientas de validación no es tanto el validador en si, pues son muy útiles, sino cuando estos se utilizan incorrectamente para sustituir a una verdadera evaluación de accesibilidad, que ha de llevarla a cabo un evaluador experto.
Muchos de los problemas no pueden ser detectados por el validador automático, e incluso aquellos que detecta es el evaluador quién debe contextualizarlos e indicar la mejor manera de resolverlos, según cada caso.

¿La legislación actual protege realmente a los usuarios?, ¿dónde se puede quejar un usuario?
Yo creo que sí, el problema es que la legislación no se está cumpliendo y muchos de los sitios que deberían ser accesibles, o que incluso dicen serlo, no son realmente accesibles.
En la página del Ministerio de Sanidad, Servicios Sociales e Igualdad
http://www.msps.es/politicaSocial/discapacidad/proteccionDerechos/home.htm
se puede encontrar el enlace a la Oficina Permanente Especializada, que analiza las denuncias y consultas realizadas; al Sistema Arbitral en materia de discapacidad encargado de la resolución extrajudicial de las quejas y reclamaciones; y a la unidad de Infracciones y Sanciones, donde se puede descargar el impreso de denuncia
http://www.msps.es/politicaSocial/discapacidad/proteccionDerechos/infraccionesSanciones.htm
En cualquier caso creo que lo primero que debe hacerse cuando se encuentra una barrera de accesibilidad en una web es comunicarla a los responsables de dicha web. En primer lugar porque si todos lo hiciéramos las empresas tendría más en cuenta la accesibilidad de sus páginas; y en segundo lugar porque, desgraciadamente, muchas veces los responsables de la web no saben si su web es realmente accesible o no, y a veces ni siquiera qué es la accesibilidad o las obligaciones legales que existen.

¿Cuál crees que es la responsabilidad de un Arquitecto de la información?
La responsabilidad técnica ya la ha comentado antes: identificar los objetivos, determinar la audiencia y las necesidades de los usuarios, especificar funcionalidades y requerimientos, diseñar los sistemas de navegación, organización, etiquetado y búsqueda o prototipar el sitio.
Sin embargo su responsabilidad va más allá, e implica crear un ambiente de colaboración, saber integrar a todos los implicados y comunicarles su trabajo efectivamente, o aunar las necesidades de la organización con las expectativas de los usuarios. Todo ello tiene mucho que ver con una serie de actitudes y aptitudes como expliqué en el artículo “Actitudes y aptitudes de un arquitecto de información
http://olgacarreras.blogspot.com.es/2012/02/actitudes-y-aptitudes-de-un-arquitecto.html

También hay quien dice que la usabilidad es una falacia, solo hay que ver cómo es un cajero automático, y todo el mundo lo sabe utilizar..., ¿qué piensas de esto?
Lo primero que pienso es que yo he enseñado a una persona de 65 años a sacar dinero de un cajero automático, así que sé que no todo el mundo lo sabe utilizar. También pienso en una máquina de refrescos ante la que he pasado muchas horas y que he enseñado a utilizar a decenas de personas frustradas de todas las edades.
El problema en realidad es la falta de empatía, la dificultad para ponernos en el lugar de los demás. Pensamos que todos los usuarios acceden de la misma: como nosotros. Creemos que a todos les resulta tan sencillo de usar como a nosotros que somos usuarios expertos.
Por eso la mejor terapia de choque ante alguien que no cree en la usabilidad o que piensa que su web (o cajero, o máquina de refresco) es fácil de usar, es que esté presente en un test con usuarios de su producto.

Al diseñar un prototipo web o de una aplicación ¿cómo debemos explicárselo al cliente? ¿Crees que somos conscientes de la capacidad del cliente de imaginar cómo será la aplicación?
Yo trabajo con prototipos funcionales de alta fidelidad elaborados con Axure, que permite mostrar al cliente como será y funcionará la aplicación sin un coste excesivamente alto.
El prototipo es el resultado además de un proceso en el que el cliente ha estado implicado desde el comienzo, con el que he estado trabajando estrechamente durante semanas y a veces incluso meses.
Cuando la persona que explica el prototipo al cliente es el propio arquitecto de información que lo ha realizado, y cuando este además es la persona que ha estado trabajando con el cliente en las fases previas a su construcción, ese problema no existe, o yo al menos todavía no lo he vivido.

¿Nos firmas un autógrafo?
Mejor nos tomamos un café cuando coincidamos :)
Read more ...

dilluns, 19 de març de 2012

Codiqa: Prototipus ràpids amb jQuery Mobile

Codiqa és una eina online per a la creació de prototipus per a aplicacions mòbils. Funciona amb les opcions d'arrossegar i deixar anar dins d’una interfície de dispositiu mòbils.
L’eina utilitza jQuery Mobile cosa que fa que sigui ràpid i fàcil de construir el nostre prototip, i a més aquest és compatible amb els estàndards web mòbil jQuery.


Read more ...

dissabte, 17 de març de 2012

Responsive Web Design: Eines i recursos

Hola, que tal seguint amb el tema del Responsive Web Design, avui us presentem una sèrie d'eines i recursos que creiem que poden ser interessants:

Menús de navegació
http://css-tricks.com/convert-menu-to-dropdown/
Tècnica per a convertir una fila (menú horitzontal) en un menú desplegable adaptat a una pantalla petita.

Eines de Test
Responsive Design Testing
Aquesta eina és per a tots els que necessiten una forma ràpida i fàcil de provar el seu disseny en diversos amples de pantalla.

Plantilles
320 and Up
És un sistema de plantilles, mitjançant el qual es creen primer els dissenys de pantalles de mòbils, i després es va expandint des de les tablets passant pels ordinadors de sobretaula fins a pantalles de grans dimensions.

Frameworks
El sistema de grid de 1140
És un sistema de quadrícula on el mínim és 1140 per a que s’adapta a monitors de 1280. Per a resolucions mes petites el sistema s’adapta convertint-se en líquid.

Cosa rara
El Responsinator et permet visualitzar qualsevol lloc web en el format d’una gran varietat de dispositius mòbils, incloent tablets i lectors electrònics. Només cal  introduir una URL.


Read more ...

dimarts, 13 de març de 2012

Error brutal!!



Copia/Retalla/Enganxa/ no es troba disponible al Mozilla ni al Firefox.
Voleu més informació sobre aquesta qüestió?

mmmm no sé si la vull

Gràcies Juanjo!!
Read more ...

divendres, 9 de març de 2012

The Big Book of Font Combinations

Normalment sempre us presentem recursos i utilitats que es poden usar i descarregar de forma gratuïta, però el llibre del que us volem parlar avui és prou interessant.
The Big Book of Font Combinations són més de 300 pàgines sobre tipografia i les combinacions que es poden fer de diferents tipus de lletra incloent les més populars i algunes dels millors dissenyadors.
Els autors de The Big Book of Font Combinations ens el presenten com una font d'inspiració per a la creació de grans combinacions, la recerca de tipus de lletra i fonts per als projectes de disseny, mitjançant una biblioteca selecta de tipus de lletra clàssics.

També hi ha disponible una aplicació per a l'Iphone, iPad i iPod, la Font Combination App
L'aplicació ens permet fer combinacions de tipus de lletra, enviar-les via twitter o correu electrònic. També és una eina per a conèixer i aprendre més sobre la tipografia i els tipus de lletra més famosos i els seus dissenyadors.
Font combination App


Read more ...

dilluns, 5 de març de 2012

Google Web Fonts: Fonts de codi obert optimitzades per web

Cansat sempre dels mateixos tipus de lletra? Odies l'arial i et fa dolor visual la verdana?
Fer anar altres tipus de lletra dels anomenats “no de sistema” en web pot ser perillós en quan a llegibilitat i visualització.
A Google Web Fonts podem triar el tipus de lletra més adient pel nostre lloc web, en un catàleg de més de 400 fonts.




Podem visualitzar cada font amb els seus diferents estils o pesos (bold, italic, condensed, light, ultralight, etc.), en format paràgraf amb diferents mides de lletra en píxels, podem consultar el seu mapa de caràcters i també la seva descripció.
Com les podem fer anar en les nostres webs?
Doncs, una de les coses bones que té (bé a nosaltres ens sembla bona i som conscients que això es discutible) és que no cal que et descarreguis la font per poder-la fer anar.
Només cal triar la font que més ens agradi i afegir el codi que proporciona Google.



Consulteu l’API de Google Web Fonts

Read more ...

dissabte, 3 de març de 2012

Compare Ninja: boniques taules comparatives en HTML i CSS

Compare Ninja és una eina online i gratuïta, d'aquelles que més ens agraden, per a crear taules comparatives de manera molt fàcil i sobretot ràpida.
Per a què necessitem una taula comparativa? Us preguntareu, bé doncs, per a moltes coses sobretot per a poder fer, per exemple, valoracions de software, mostrar dades en format taula, validacions amb un abans i un després, o simplement per a demostrar a algú quin mòbil és millor si un iPhone o un Android.

Només cal afegir les dades que volem comparar i l'eina ens retornarà el codi HTML i CSS per a que el pugem afegir a les nostres pàgines. Un punt a favor és que aquest codi resultant respecta els estàndard web.
També podem compartir la nostra taula comparativa a les xarxes socials.

Interessant fer-hi una ullada.



Read more ...

dijous, 1 de març de 2012

Freepik: cercador d'imatges gratuïtes

Freepik és un cercador d'imatges, il·lustracions i vectors.

Fins aquí tot bé, el que fa diferents Freepik és que tot allò que cerca és gratuït. A més cerca qualsevol format d'imatge, i ens dóna opcions de veure les imatges, vectors i PSD més populars o els més nous.

Freepik està en diversos idiomes incloent el català.




Read more ...